132 lines
4.4 KiB
Plaintext
Executable File
132 lines
4.4 KiB
Plaintext
Executable File
<div class="page-header">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="<%= settings_commissioners_path %>">Commissioner</a></li>
|
|
<li class="breadcrumb-item active">Details</li>
|
|
<span class="float-right">
|
|
<%= link_to t('.back', :default => t("views.btn.back")), settings_commissioners_path %>
|
|
</span>
|
|
</ol>
|
|
</div>
|
|
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-toggle="tab" href="#info" role="tab">Info</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="tab" href="#transaction" id="transaction_tab" role="tab">Transaction</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Nav tabs - End -->
|
|
|
|
<div class="tab-content">
|
|
<!--- Panel 0 - Info -->
|
|
<div class="tab-pane active" id="info" role="tabpanel" style="max-height:670px; overflow:auto">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width:20%">Name</td>
|
|
<td><%= @commissioner.name %></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:20%">Employee Name</td>
|
|
<td><%= @commissioner.employee.name rescue '-' %></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:20%">Commission Type</td>
|
|
<td><%= @commissioner.commission.menu_item.name rescue '-' %></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:20%">Joined Date</td>
|
|
<td><%= @commissioner.joined_date.utc.getlocal.strftime('%Y-%b-%d') rescue '-' %></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:20%">Resigned Date</td>
|
|
<td><%= @commissioner.resigned_date.utc.getlocal.strftime('%Y-%b-%d') rescue '-' %></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:20%">Active</td>
|
|
<td><%= @commissioner.is_active %></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:20%">Created By</td>
|
|
<td><%= Employee.find(@commissioner.created_by).name %></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--- Panel 1 - Transaction -->
|
|
<div class="tab-pane" id="transaction" role="tabpanel" style="max-height:670px; overflow:auto">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
|
|
<table class="table" id="myTable">
|
|
<thead>
|
|
<tr>
|
|
<th><%= 'Product Type' %></th>
|
|
<th><%= 'Product Name' %></th>
|
|
<th><%= 'Qty' %></th>
|
|
<th><%= 'Price' %></th>
|
|
<th><%= 'Amount' %></th>
|
|
<th><%= 'Date' %></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
|
|
$("#transaction_tab").click(function () {
|
|
get_transaction();
|
|
});
|
|
|
|
function get_transaction() {
|
|
var commissioner_id = <%= @commissioner.id %>
|
|
paramlist = 'commissioner_id=' + commissioner_id ;
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '<%= settings_get_transaction_by_commissioner_path() %>',
|
|
data: paramlist,
|
|
success: function (data) {
|
|
// $('#myTable').DataTable().destroy();
|
|
$('#myTable tbody > tr').remove();
|
|
$.each(data, function (i, item) {
|
|
tr = "<tr>" + "<td>" + data[i][0].product_type + "</td>" + "<td>" + data[i][1] + "</td>" + "<td>" + data[i][0].qty + "</td>" + "<td>" + data[i][0].price + "</td>" + "<td>" + data[i][0].amount + "</td>" + "<td>" + new Date(data[i][0].updated_at).toISOString().split('T')[0] + "</td>" + "</tr>";
|
|
$('#myTable tbody').append(tr);
|
|
});
|
|
// $('#myTable').DataTable({
|
|
// data: data,
|
|
// columns: [
|
|
// {data: 'product_type'},
|
|
// {data: 'product_code'},
|
|
// {data: 'commission_id'},
|
|
// {data: 'qty'},
|
|
// {data: 'price'},
|
|
// {data: 'amount'}
|
|
// ],
|
|
// "order": [[0, "desc"]]
|
|
// });
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
</script>
|