team-alpha/railsgoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working on the PTO section

Browse Source
This commit is contained in:
Ken Johnson
2013-05-27 09:38:34 -04:00
parent daddb138a5
commit 923abddb89
6 changed files with 219 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/javascripts/application.js
+3 -145
View File
@@ -17,15 +17,17 @@
//= require bootstrap.js //= require bootstrap.js
//= require jquery.scrollUp.js //= require jquery.scrollUp.js
//= require wysiwyg/bootstrap-wysihtml5.js //= require wysiwyg/bootstrap-wysihtml5.js
//= require bootstrap-colorpicker.js
//= require date-picker/date.js //= require date-picker/date.js
//= require date-picker/daterangepicker.js //= require date-picker/daterangepicker.js
//= require bootstrap-timepicker.js
//= require jquery.bootstrap.wizard.js
//= require jquery.sparkline.js //= require jquery.sparkline.js
//= require tiny-scrollbar.js //= require tiny-scrollbar.js
//= require jquery.validate.js //= require jquery.validate.js
//= require jquery.snippet.js //= require jquery.snippet.js
//= require jquery.easy-pie-chart.js //= require jquery.easy-pie-chart.js
function rubyCodeFormat() { function rubyCodeFormat() {
$("pre.ruby").snippet("ruby",{style:"rand01",transparent:true,showNum:true}); $("pre.ruby").snippet("ruby",{style:"rand01",transparent:true,showNum:true});
@@ -37,150 +39,6 @@ $("pre.ruby").snippet("ruby",{style:"rand01",transparent:true,showNum:true});
}; };
function pieChartHome() {
$(function () {
//create instance
$('.chart1').easyPieChart({
animate: 2000,
barColor: '#e26666',
trackColor: '#dddddd',
scaleColor: '#e26666',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart1').data('easyPieChart').update(50);
}, 5000);
setTimeout(function () {
$('.chart1').data('easyPieChart').update(70);
}, 10000);
setTimeout(function () {
$('.chart1').data('easyPieChart').update(30);
}, 15000);
setTimeout(function () {
$('.chart1').data('easyPieChart').update(90);
}, 19000);
setTimeout(function () {
$('.chart1').data('easyPieChart').update(40);
}, 32000);
});
$(function () {
//create instance
$('.chart2').easyPieChart({
animate: 2000,
barColor: '#b5799e',
trackColor: '#dddddd',
scaleColor: '#b5799e',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart2').data('easyPieChart').update(90);
}, 10000);
setTimeout(function () {
$('.chart2').data('easyPieChart').update(40);
}, 18000);
setTimeout(function () {
$('.chart2').data('easyPieChart').update(70);
}, 28000);
setTimeout(function () {
$('.chart2').data('easyPieChart').update(50);
}, 32000);
setTimeout(function () {
$('.chart2').data('easyPieChart').update(80);
}, 40000);
});
$(function () {
//create instance
$('.chart3').easyPieChart({
animate: 2000,
barColor: '#579da9',
trackColor: '#dddddd',
scaleColor: '#579da9',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart3').data('easyPieChart').update(20);
}, 9000);
setTimeout(function () {
$('.chart3').data('easyPieChart').update(59);
}, 20000);
setTimeout(function () {
$('.chart3').data('easyPieChart').update(38);
}, 35000);
setTimeout(function () {
$('.chart3').data('easyPieChart').update(79);
}, 49000);
setTimeout(function () {
$('.chart3').data('easyPieChart').update(96);
}, 52000);
});
$(function () {
//create instance
$('.chart4').easyPieChart({
animate: 2000,
barColor: '#dba26b',
trackColor: '#dddddd',
scaleColor: '#dba26b',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart4').data('easyPieChart').update(40);
}, 6000);
setTimeout(function () {
$('.chart4').data('easyPieChart').update(67);
}, 14000);
setTimeout(function () {
$('.chart4').data('easyPieChart').update(43);
}, 23000);
setTimeout(function () {
$('.chart4').data('easyPieChart').update(80);
}, 36000);
setTimeout(function () {
$('.chart4').data('easyPieChart').update(66);
}, 41000);
});
$(function () {
//create instance
$('.chart5').easyPieChart({
animate: 3000,
barColor: '#1e825e',
trackColor: '#dddddd',
scaleColor: '#1e825e',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart5').data('easyPieChart').update(30);
}, 9000);
setTimeout(function () {
$('.chart5').data('easyPieChart').update(87);
}, 19000);
setTimeout(function () {
$('.chart5').data('easyPieChart').update(28);
}, 27000);
setTimeout(function () {
$('.chart5').data('easyPieChart').update(69);
}, 39000);
setTimeout(function () {
$('.chart5').data('easyPieChart').update(99);
}, 47000);
});
}
$(document).ready(function(){ $(document).ready(function(){
rubyCodeFormat() rubyCodeFormat()
}); });
app/assets/stylesheets/main.css
+19 -21
View File
@@ -811,9 +811,7 @@ table {
max-width: 100%; max-width: 100%;
background-color: transparent; background-color: transparent;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0; }
table-layout: fixed;
}
.table { .table {
width: 100%; width: 100%;
@@ -1969,31 +1967,31 @@ button.btn.btn-mini, input[type="submit"].btn.btn-mini {
*margin-right: .3em; *margin-right: .3em;
line-height: 14px; line-height: 14px;
vertical-align: text-top; vertical-align: text-top;
background-image: url("../assets/glyphicons-halflings.png"); background-image: url("../img/glyphicons-halflings.png");
background-position: 14px 14px; background-position: 14px 14px;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-top: 1px; } margin-top: 1px; }
/* White icons with optional class, or on hover/active states of certain elements */ /* White icons with optional class, or on hover/active states of certain elements */
.icon-white { .icon-white {
background-image: url("../assets/glyphicons-halflings-white.png"); } background-image: url("../img/glyphicons-halflings-white.png"); }
.nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"] { .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"] {
background-image: url("../assets/glyphicons-halflings-white.png"); } background-image: url("../img/glyphicons-halflings-white.png"); }
.nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"] { .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"] {
background-image: url("../assets/glyphicons-halflings-white.png"); } background-image: url("../img/glyphicons-halflings-white.png"); }
.navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"] { .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"] {
background-image: url("../assets/glyphicons-halflings-white.png"); } background-image: url("../img/glyphicons-halflings-white.png"); }
.dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"] { .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"] {
background-image: url("../assets/glyphicons-halflings-white.png"); } background-image: url("../img/glyphicons-halflings-white.png"); }
.dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] {
background-image: url("../assets/glyphicons-halflings-white.png"); } background-image: url("../img/glyphicons-halflings-white.png"); }
.dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] {
background-image: url("../assets/glyphicons-halflings-white.png"); } background-image: url("../img/glyphicons-halflings-white.png"); }
.icon-glass { .icon-glass {
background-position: 0 0; } background-position: 0 0; }
@@ -4719,7 +4717,7 @@ button.close {
display: none; } display: none; }
.modal-loading .modal-image { .modal-loading .modal-image {
background: url(../assets/loading-orange.gif) center no-repeat; } background: url(../img/loading-orange.gif) center no-repeat; }
.modal-gallery.fade .modal-image { .modal-gallery.fade .modal-image {
-webkit-transition: width 0.15s ease, height 0.15s ease; -webkit-transition: width 0.15s ease, height 0.15s ease;
@@ -4793,7 +4791,7 @@ button.close {
height: 40px; height: 40px;
margin: 0 2px; margin: 0 2px;
outline: none; outline: none;
background: transparent url(../assets/social_icons.png) no-repeat top left; background: transparent url(../img/social_icons.png) no-repeat top left;
text-indent: -9000px; text-indent: -9000px;
position: relative; } position: relative; }
.fancy-tooltip-wrapper li .tooltip-facebook, .fancy-tooltip-wrapper1 li .tooltip-facebook { .fancy-tooltip-wrapper li .tooltip-facebook, .fancy-tooltip-wrapper1 li .tooltip-facebook {
@@ -5048,7 +5046,7 @@ button.close {
.colorpicker-saturation { .colorpicker-saturation {
width: 100px; width: 100px;
height: 100px; height: 100px;
background-image: url(../assets/saturation.png); background-image: url(../img/saturation.png);
cursor: crosshair; cursor: crosshair;
float: left; } float: left; }
.colorpicker-saturation i { .colorpicker-saturation i {
@@ -5092,10 +5090,10 @@ button.close {
margin-top: -1px; } margin-top: -1px; }
.colorpicker-hue { .colorpicker-hue {
background-image: url(../assets/hue.png); } background-image: url(../img/hue.png); }
.colorpicker-alpha { .colorpicker-alpha {
background-image: url(../assets/alpha.png); background-image: url(../img/alpha.png);
display: none; } display: none; }
.colorpicker { .colorpicker {
@@ -5121,7 +5119,7 @@ button.close {
height: 10px; height: 10px;
margin-top: 5px; margin-top: 5px;
clear: both; clear: both;
background-image: url(../assets/alpha.png); background-image: url(../img/alpha.png);
background-position: 0 100%; } background-position: 0 100%; }
.colorpicker-color div { .colorpicker-color div {
height: 10px; } height: 10px; }
@@ -5604,7 +5602,7 @@ header {
#mainnav { #mainnav {
display: block; display: block;
float: left; float: left;
position: absolute; position: relative;
top: 50px; } top: 50px; }
#mainnav > ul { #mainnav > ul {
width: 110px; width: 110px;
@@ -6119,13 +6117,13 @@ header {
background: #f9f9f9; } background: #f9f9f9; }
#dt_example .dataTable .sorting { #dt_example .dataTable .sorting {
cursor: pointer; cursor: pointer;
background: url(../assets/sorting.png) no-repeat center right; } background: url(../img/sorting.png) no-repeat center right; }
#dt_example .dataTable .sorting_asc { #dt_example .dataTable .sorting_asc {
cursor: pointer; cursor: pointer;
background: url(../assets/sorting_asc.png) no-repeat center right; } background: url(../img/sorting_asc.png) no-repeat center right; }
#dt_example .dataTable .sorting_desc { #dt_example .dataTable .sorting_desc {
cursor: pointer; cursor: pointer;
background: url(../assets/sorting_desc.png) no-repeat center right; } background: url(../img/sorting_desc.png) no-repeat center right; }
/* Progress UI */ /* Progress UI */
.progress-statistics li { .progress-statistics li {
app/views/dashboard/home.html.erb
+145 -1
View File
@@ -15,9 +15,153 @@ function makeActive(){
$('li[id="home"]').addClass('active'); $('li[id="home"]').addClass('active');
}; };
function pieChartHome() {
$(function () {
//create instance
$('.chart1').easyPieChart({
animate: 2000,
barColor: '#e26666',
trackColor: '#dddddd',
scaleColor: '#e26666',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart1').data('easyPieChart').update(50);
}, 5000);
setTimeout(function () {
$('.chart1').data('easyPieChart').update(70);
}, 10000);
setTimeout(function () {
$('.chart1').data('easyPieChart').update(30);
}, 15000);
setTimeout(function () {
$('.chart1').data('easyPieChart').update(90);
}, 19000);
setTimeout(function () {
$('.chart1').data('easyPieChart').update(40);
}, 32000);
});
$(function () {
//create instance
$('.chart2').easyPieChart({
animate: 2000,
barColor: '#b5799e',
trackColor: '#dddddd',
scaleColor: '#b5799e',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart2').data('easyPieChart').update(90);
}, 10000);
setTimeout(function () {
$('.chart2').data('easyPieChart').update(40);
}, 18000);
setTimeout(function () {
$('.chart2').data('easyPieChart').update(70);
}, 28000);
setTimeout(function () {
$('.chart2').data('easyPieChart').update(50);
}, 32000);
setTimeout(function () {
$('.chart2').data('easyPieChart').update(80);
}, 40000);
});
$(function () {
//create instance
$('.chart3').easyPieChart({
animate: 2000,
barColor: '#579da9',
trackColor: '#dddddd',
scaleColor: '#579da9',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart3').data('easyPieChart').update(20);
}, 9000);
setTimeout(function () {
$('.chart3').data('easyPieChart').update(59);
}, 20000);
setTimeout(function () {
$('.chart3').data('easyPieChart').update(38);
}, 35000);
setTimeout(function () {
$('.chart3').data('easyPieChart').update(79);
}, 49000);
setTimeout(function () {
$('.chart3').data('easyPieChart').update(96);
}, 52000);
});
$(function () {
//create instance
$('.chart4').easyPieChart({
animate: 2000,
barColor: '#dba26b',
trackColor: '#dddddd',
scaleColor: '#dba26b',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart4').data('easyPieChart').update(40);
}, 6000);
setTimeout(function () {
$('.chart4').data('easyPieChart').update(67);
}, 14000);
setTimeout(function () {
$('.chart4').data('easyPieChart').update(43);
}, 23000);
setTimeout(function () {
$('.chart4').data('easyPieChart').update(80);
}, 36000);
setTimeout(function () {
$('.chart4').data('easyPieChart').update(66);
}, 41000);
});
$(function () {
//create instance
$('.chart5').easyPieChart({
animate: 3000,
barColor: '#1e825e',
trackColor: '#dddddd',
scaleColor: '#1e825e',
size: 160,
lineWidth: 7,
});
//update instance after 5 sec
setTimeout(function () {
$('.chart5').data('easyPieChart').update(30);
}, 9000);
setTimeout(function () {
$('.chart5').data('easyPieChart').update(87);
}, 19000);
setTimeout(function () {
$('.chart5').data('easyPieChart').update(28);
}, 27000);
setTimeout(function () {
$('.chart5').data('easyPieChart').update(69);
}, 39000);
setTimeout(function () {
$('.chart5').data('easyPieChart').update(99);
}, 47000);
});
}
$(document).ready( $(document).ready(
makeActive, makeActive,
pieChartHome() pieChartHome()
); );
</script> </script>
app/views/layouts/application.html.erb
+2 -1
View File
@@ -5,7 +5,7 @@
<%= stylesheet_link_tag "application", :media => "all" %> <%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %> <%= javascript_include_tag "application" %>
<%= csrf_meta_tags %> <!-- <~ What is this for? I hear it helps w/ JS and Sea-surfing.....whatevz --> <%= csrf_meta_tags %> <!-- <~ What is this for? I hear it helps w/ JS and Sea-surfing.....whatevz -->
<!-- bootstrap css -->
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--[if lte IE 7]> <!--[if lte IE 7]>
<script src="assets/fonts/lte-ie7.js"> <script src="assets/fonts/lte-ie7.js">
@@ -31,5 +31,6 @@
</div> </div>
</div> </div>
<%= render "layouts/shared/footer" %> <%= render "layouts/shared/footer" %>
</body> </body>
</html> </html>
app/views/paid_time_off/index.html.erb
+46 -4
View File
@@ -1,8 +1,41 @@
<div class="dashboard-wrapper"> <div class="dashboard-wrapper">
<div class="main-container"> <div class="main-container">
<!-- Begin DP-->
<div class="row-fluid">
<div class="span6">
<div class="widget">
<div class="widget-header">
<div class="title">
<span class="fs1" aria-hidden="true" data-icon="&#xe052;"></span> Schedule PTO
</div>
</div>
<div class="widget-body">
<form class="form-horizontal" action="#">
<div class="control-group">
<label class="control-label" for="date_range1">
Date Range Input
</label>
<div class="controls">
<div class="input-append">
<input type="text" name="date_range1" id="date_range1" class="span8 date_picker" placeholder="Select Date"/>
<span class="add-on">
<i class="icon-calendar"></i>
</span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- End DP-->
<div class="row-fluid"> <div class="row-fluid">
<!-- Begin Span--> <!-- Begin Span-->
<div class="span12"> <div class="span6">
<div class="widget no-margin"> <div class="widget no-margin">
<div class="widget-header"> <div class="widget-header">
<div class="title"> <div class="title">
@@ -60,8 +93,7 @@
<!-- End Span--> <!-- End Span-->
</div><br/> </div><br/>
<div class="row-fluid"> <div class="row-fluid">
<div class="span6">
<div class="span12">
<div class="widget no-margin"> <div class="widget no-margin">
<div class="widget-header"> <div class="widget-header">
<div class="title"> <div class="title">
@@ -113,8 +145,18 @@
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script type="text/javascript">
//Dropdown
$('.dropdown-toggle').dropdown();
//Date picker
$('.date_picker').daterangepicker({
opens: 'right'
});
</script>
app/views/sessions/new.html.erb
+3 -18
View File
@@ -1,28 +1,13 @@
<div class="row-fluid"> <div class="row-fluid">
<h2 align="center">MetaCorp</h2>
<h3 align="center">A GoatGroup Company</h3>
<div class="span12"> <div class="span12">
<div class="row-fluid"> <div class="row-fluid">
<div class="span4 offset4"> <div class="span4 offset4">
<div class="signup"> <div class="signup">
<!-- <form action="#" class="signup-wrapper" method="post">
<div class="header">
<h2>Login</h2>
<p>Fill out the form below to login to your control panel.</p>
</div>
<div class="content">
<input class="input input-block-level" placeholder="Email" required="required" type="email" value="">
<input class="input input-block-level" placeholder="Password" required="required" type="password">
</div>
<div class="actions">
<input class="btn btn-info btn-large pull-right" type="submit" value="Login">
<span class="checkbox-wrapper">
<a href="#" class="pull-left">Forgot Password</a>
</span>
<div class="clearfix"></div>
</div>
</form>-->
<%= form_tag "sessions", :class=> "signup-wrapper" do %> <%= form_tag "sessions", :class=> "signup-wrapper" do %>
<div class="header"> <div class="header">
<h2>Login</h2> <h2>Login</h2>
<p>Fill out the form below to login to your control panel.</p> <p>Fill out the form below to login to your control panel.</p>
</div> </div>