????
Your IP : 216.73.216.209
<% layout('../layouts/userLayout.eta') %>
<style type="text/css">
.myBtn-edit:hover {
background-color: blue;
border-color: blue;
color: white;
width: 40px;
height: 35px;
border-radius: 3px;
}
</style>
<div class="content">
<div class="page-inner">
<div class="page-header">
<div class="page-title">Quản lý phí</div>
<ul class="breadcrumbs">
<li class="nav-home"><a href="/"><i class="flaticon-home"></i></a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item"><a href="/main">Giao diện chính</a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item"><a href="#">Danh sách tài khoản độc giả</a></li>
</ul>
</div>
<div class="page-body">
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-body">
<table id="price-table" class="table table-striped table-bordered table-hover">
<thead style="background: silver">
<tr>
<th>Tên loại phí</th>
<th>Lệ phí</th>
<th>Đơn vị tính</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-body">
<form id="price-form" action="" method="POST">
<div class="form-inline justify-content-end pr-3">
<input type="hidden" name="code" data-bind="value: price.Code">
<button type="submit" class="btn btn-sm btn-primary">
<span class="btn-label"><i class="fas fa-save"></i></span> Lưu
</button>
</div>
<div class="form-group form-inline">
<label class="col-md-4">Tên loại yêu cầu</label>
<div class="col-md-8">
<input type="text" class="k-textbox form-control" name="reqname" data-bind="value: price.Name"
title="Tên loại phí không được để trống" required>
<span class="k-invalid-msg" data-for="reqname"></span>
</div>
</div>
<div class="form-group form-inline">
<label class="col-md-4">Lệ phí</label>
<div class="col-md-8">
<input type="text" data-role="numerictextbox" data-min="1000" data-format="n0" class="form-control"
name="price" data-bind="value:price.Price" title="Lệ phí không được để trống" required>
<span class="k-invalid-msg" data-for="price"></span>
</div>
</div>
<div class="form-group form-inline">
<label class="col-md-4">Đơn vị tính</label>
<div class="col-md-8">
<input type="text" class="k-textbox form-control" name="unit" data-bind="value:price.Unit">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
var priceVM = kendo.observable({
price: {}
})
kendo.bind($('#price-form'), priceVM);
// Bảng dữ liệu
var priceTable = $('#price-table').DataTable({
ajax: {
url: '/dichvu/bieuphi/json'
},
ordering: false,
searching: false,
select: { style: 'single' },
rowId: 'Code',
language: {
url: "/js/plugin/datatables/Vietnamese.json"
},
columns: [
{ data: 'Name' },
{ data: 'Price' },
{ data: 'Unit' }
]
});
priceTable.on('select', function (e, dt, type, idxs) {
var price = dt.row(idxs[0]).data();
priceVM.set('price', price);
});
priceTable.on('deselect', function (e, dt, type, idxs) { priceVM.set('price', {}) });
// validate form
var priceValidator = $('#price-form').kendoValidator().data('kendoValidator');
$('#price-form').on('submit', function (e) {
e.preventDefault();
e.stopPropagation();
if (priceValidator.validate()) {
$.ajax({
url: '',
method: 'PUT',
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
data: $('#price-form').serialize(),
success: function (data, text, jqXHR) { priceTable.ajax.reload(null, false) },
error: function (jqXHR, text, err) {
$('<div/>').kendoAlert({
title: 'Có lỗi xảy ra',
content: `<span class="text-danger"><i class="fas fa-times-circle"></i> ${jqXHR.responseText}</span>`,
visible: true
})
}
})
}
});
})
</script>