????
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ý công cụ tìm kiếm</h4>
<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">Quản trị</li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item">Công cụ tìm kiếm</li>
</ul>
</div>
<div class="row">
<div class="col-md-6">
<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">
<ul class="list-group" id="tool-list"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
var csrfField = { '_csrf': $('meta[name="csrf-token"]').attr('content') };
var toolList = $('#tool-list').kendoListView({
dataSource: {
transport: {
read: { url: location.href + '/json', dataType: 'json' },
update: { url: location.href, type: 'PUT', data: csrfField },
destroy: { url: location.href, type: 'DELETE', data: csrfField },
create: { url: location.href, type: 'POST', data: csrfField }
},
error: function (e) {
var ds = this;
Swal.fire('Có lỗi xảy ra', e.xhr.responseText, 'error')
.then(function () { ds.read() })
},
schema: {
data: 'data',
model: {
id: 'Id',
fields: { Name: 'ToolName' }
}
}
},
template: `<li class="list-group-item d-flex justify-content-between">
<span>#:Name#</span>
<div class="btn-group edit-buttons">
<button class="btn btn-icon btn-sm btn-warning k-edit-button"><i class="fas fa-pencil-alt"></i></button>
<button class="btn btn-icon btn-sm btn-danger k-delete-button"><i class="fas fa-trash-alt"></i></button>
</div>
</li>`,
editTemplate: `<li class="list-group-item d-flex justify-content-between">
<input type="text" class="form-control" data-bind="value:Name">
<div class="btn-group edit-buttons">
<button class="btn btn-icon btn-sm btn-primary k-update-button"><i class="fas fa-save"></i></button>
<button class="btn btn-icon btn-sm btn-danger k-cancel-button"><i class="fas fa-ban"></i></button>
</div>
</li>`,
remove: function (e) {
e.preventDefault();
Swal.fire({
title: 'Xác nhận',
text: `Bạn có muốn xóa công cụ tìm kiếm [${e.model.Name}]`,
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#cd201f',
cancelButtonColor: '#467fcf',
confirmButtonText: 'Xóa',
cancelButtonText: 'Hủy'
}).then(function(result) {
if (result.value) {
toolList.dataSource.remove(e.model);
toolList.dataSource.sync();
}
})
}
}).data('kendoListView');
$('#add-btn').on('click', function (e) { toolList.add(); })
});
</script>