taskbar / active enhancement

app/views/benefit_forms/index.html.erb

@@ -58,4 +58,14 @@
 		
 		</div>
 	</div>
-</div>	
+</div>	
+
+<script type="text/javascript">
+
+	function makeActive(){
+		$('li[id="benefit_forms"]').addClass('active');
+	};
+	
+ $(document).ready(makeActive)	
+
+</script>

app/views/layouts/shared/_sidebar.html.erb

@@ -26,7 +26,7 @@
             Benefit Forms
           <% end %>
         </li>
-        <li>
+        <li id="retirement">
            <%= link_to user_retirement_index_path(:user_id => current_user.user_id) do %>
             <div class="icon">
               <span class="fs1" aria-hidden="true" data-icon="&#xe096;"></span>
@@ -34,7 +34,7 @@
             401k Info
           <% end %>
         </li>
-        <li>
+        <li id="pto">
           <%= link_to user_paid_time_off_index_path(:user_id => current_user.user_id) do %>
             <div class="icon">
               <span class="fs1" aria-hidden="true" data-icon="&#xe0d2;"></span>
@@ -42,7 +42,7 @@
             PTO
          <% end %>
         </li>
-        <li>
+        <li id="employee_info">
            <%= link_to user_work_info_index_path(:user_id => current_user.user_id) do %>
             <div class="icon">
               <span class="fs1" aria-hidden="true" data-icon="&#xe0a9;"></span>
@@ -50,7 +50,7 @@
             Work Info
           <% end %>
         </li>
-        <li>
+        <li id="performance">
           <%= link_to user_performance_index_path(:user_id => current_user.user_id) do %>
             <div class="icon">
               <span class="fs1" aria-hidden="true" data-icon="&#xe14a;"></span>

app/views/paid_time_off/index.html.erb

@@ -122,6 +122,16 @@
 
 <script type="text/javascript">
 
+
+
+	function makeActive(){
+		$('li[id="pto"]').addClass('active');
+	};
+	
+
+
+
+
 $('#calendar').fullCalendar({
       events: <%= get_pto_schedule_schedule_index_path(:format => "json").inspect.html_safe %>,    
 })
@@ -135,7 +145,8 @@ $('.date_picker').daterangepicker({
  $(document).ready(function () {
    drawChart1(),
    drawChart2(),
-   resizeTopWidgets()
+   resizeTopWidgets(),
+	makeActive()
   });
 
 	 google.load("visualization", "1", {

app/views/performance/index.html.erb

@@ -115,8 +115,13 @@ function drawChart2() {
   chart.draw(data, options);
 }
 
+function makeActive(){
+	$('li[id="performance"]').addClass('active');
+};
+
 $(document).ready(function () {
-  drawChart2()
+  drawChart2(),
+  makeActive()
 });
 
 </script>

app/views/retirement/index.html.erb

@@ -71,4 +71,14 @@
 			    </div> <!-- End of span-->
 		</div>
 	</div>
-</div>
+</div>
+
+<script type="text/javascript">
+
+	function makeActive(){
+		$('li[id="retirement"]').addClass('active');
+	};
+	
+ $(document).ready(makeActive)
+
+</script>

app/views/work_info/index.html.erb

@@ -50,8 +50,14 @@ function maskSSN(){
 }
 
 
+function makeActive(){
+	$('li[id="employee_info"]').addClass('active');
+};
+	
+
 $(document).ready(function () {
-   maskSSN()
+   maskSSN(),
+   makeActive()
 });
 
 </script>