Add First active tab action in login_dashboard.html.erb

This commit is contained in:
San Wai Lwin
2018-03-06 10:48:34 +06:30
parent 85431d09c7
commit 1d15c9ed76

View File

@@ -113,8 +113,8 @@
</li> </li>
<% end %> <% end %>
<% end %> <% end %>
<% @employees.each do |employee| %> <% @employees.each do |employee| %>
<%if employee.role == "cashier" %> <%if employee.role == "cashier" %>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#cashier" role="tab"><b>Cashier</b></a> <a class="nav-link" data-toggle="tab" href="#cashier" role="tab"><b>Cashier</b></a>
@@ -126,7 +126,7 @@
<% @employees.each do |employee| %> <% @employees.each do |employee| %>
<%if employee.role == "account" %> <%if employee.role == "account" %>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#accountant" role="tab"><b>Accountant</b></a> <a class="nav-link" data-toggle="tab" href="#account" role="tab"><b>Accountant</b></a>
<% break %> <% break %>
</li> </li>
<% end %> <% end %>
@@ -147,7 +147,7 @@
<div class="tab-pane" id="supervisor" role="tabpanel" style="max-height:; overflow:auto"> <div class="tab-pane" id="supervisor" role="tabpanel" style="max-height:; overflow:auto">
<% @employees.each do |employee| %> <% @employees.each do |employee| %>
<%if employee.role == "supervisor" %> <%if employee.role == "supervisor" %>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;"> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;">
<form id="form_<%= employee.emp_id %>" action="<%= emp_login_path(employee.emp_id) %>" method="PATCH"> <form id="form_<%= employee.emp_id %>" action="<%= emp_login_path(employee.emp_id) %>" method="PATCH">
</form> </form>
<div class="login_dashboard p-card"> <div class="login_dashboard p-card">
@@ -176,10 +176,10 @@
<% end %> <% end %>
</div> </div>
<div class="tab-pane" id="accountant" role="tabpanel" style="max-height:; overflow:auto"> <div class="tab-pane" id="account" role="tabpanel" style="max-height:; overflow:auto">
<% @employees.each do |employee| %> <% @employees.each do |employee| %>
<%if employee.role == "account" %> <%if employee.role == "account" %>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;"> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 empBtn" data-formid="#form_<%= employee.emp_id %>" style="float: left;">
<form id="form_<%= employee.emp_id %>" action="<%= emp_login_path(employee.emp_id) %>" method="PATCH"> <form id="form_<%= employee.emp_id %>" action="<%= emp_login_path(employee.emp_id) %>" method="PATCH">
</form> </form>
<div class="login_dashboard p-card"> <div class="login_dashboard p-card">
@@ -238,6 +238,8 @@
}); });
$('ul.nav.nav-tabs li a').click(function() { $('ul.nav.nav-tabs li a').click(function() {
var bb = $('.nav-item').children()[0];
$(bb).removeClass('login_dashboard');
$(this).parent().addClass('login_dashboard').siblings().removeClass('login_dashboard'); $(this).parent().addClass('login_dashboard').siblings().removeClass('login_dashboard');
}); });
@@ -280,6 +282,11 @@
} }
}); });
var aa = $('.nav-item').children().attr('href').replace('#','');
$('#'+aa).addClass('active');
var bb = $('.nav-item').children()[0];
$(bb).addClass('login_dashboard').siblings().removeClass('login_dashboard');
}); });
function showNotification(colorName, text, placementFrom, placementAlign, animateEnter, animateExit) { function showNotification(colorName, text, placementFrom, placementAlign, animateEnter, animateExit) {