????
Your IP : 216.73.216.224
<% layout('../layouts/userLayout.eta') %>
<div class="content">
<div class="page-inner">
<div class="page-header">
<h4 class="page-title">Quản lý ngôn ngữ</h4>
<ul class="breadcrumbs">
<li class="nav-home"><a href="/main"><i class="flaticon-home"></i></a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item">Quản trị</li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item">Ngôn ngữ</li>
</ul>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<div class="card-head-row">
<div class="card-tools">
<button class="btn btn-success btn-sm" id="add-btn">
<span class="btn-label"><i class="fas fa-plus-circle"></i></span> Thêm mới
</button>
</div>
</div>
</div>
<div class="card-body">
<table id="lang-table" class="table table-bordered table-striped table-hover table-head-bg-secondary">
<thead>
<tr>
<th>Tên ngôn ngữ</th>
<th>Mã ngôn ngữ</th>
<th style="max-width: 100px">Sửa/Xóa</th>
</tr>
</thead>
<tbody role="rowgroup" style="display:table-row-group"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
// Kendo ListView
var csrfField = { '_csrf': $('meta[name="csrf-token"]').attr('content') };
var langList = $('#lang-table tbody').kendoListView({
dataSource: {
transport: {
read: { url: '/quantri/ngonngu/json', dataType: 'json' },
update: { url: '/quantri/ngonngu', type: 'PUT', data: csrfField },
create: { url: '/quantri/ngonngu', type: 'POST', data: csrfField },
destroy: { url: '/quantri/ngonngu', type: 'DELETE', data: csrfField }
},
error: function (e) {
var ds = this;
Swal.fire('Có lỗi xảy ra', e.xhr.responseText, 'error')
.then(function () { ds.read() })
},
pageSize: 10,
schema: {
data: 'data',
model: {
id: 'Id',
fields: { LangName: 'LangName', LangCode: 'LangCode' }
}
}
},
template: `<tr>
<td>#:LangName#</td>
<td class="text-center">#:LangCode#</td>
<td class="text-center">
<button title="Sửa ngôn ngữ" class="btn btn-xs btn-icon btn-warning k-edit-button"><i class="fas fa-pencil-alt"></i></button>
<button title="Xóa ngôn ngữ" class="btn btn-xs btn-icon btn-danger k-delete-button"><i class="fas fa-trash-alt"></i></button>
</td>
</tr>`,
editTemplate: `<tr>
<td><input type="text" class="form-control" data-bind="value:LangName"></td>
<td class="text-center"><input type="text" class="form-control" data-bind="value:LangCode"></td>
<td class="text-center">
<button title="Lưu lại" class="btn btn-xs btn-icon btn-success k-update-button"><i class="fas fa-check"></i></button>
<button title="Hủy thay đổi" class="btn btn-xs btn-icon btn-danger k-cancel-button"><i class="fas fa-ban"></i></button>
</td>
</tr>`,
remove: function (e) {
e.preventDefault();
Swal.fire({
title: 'Xác nhận',
text: `Bạn có muốn xóa ngôn ngữ`,
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#cd201f',
cancelButtonColor: '#467fcf',
confirmButtonText: 'Xóa',
cancelButtonText: 'Hủy'
}).then(function (result) {
if (result.value) {
langList.dataSource.remove(e.model);
langList.dataSource.sync();
}
})
}
}).data('kendoListView');
$('#add-btn').on('click', function () { langList.add() });
});
</script>