72 lines
2.4 KiB
JavaScript
72 lines
2.4 KiB
JavaScript
const mobileScreen = window.matchMedia("(max-width: 990px )");
|
|
$(document).ready(function () {
|
|
$(".dashboard-nav-dropdown-toggle").click(function () {
|
|
$(this).closest(".dashboard-nav-dropdown")
|
|
.toggleClass("show")
|
|
.find(".dashboard-nav-dropdown")
|
|
.removeClass("show");
|
|
$(this).parent()
|
|
.siblings()
|
|
.removeClass("show");
|
|
});
|
|
$(".menu-toggle").click(function () {
|
|
if (mobileScreen.matches) {
|
|
$(".dashboard-nav").toggleClass("mobile-show");
|
|
} else {
|
|
$(".dashboard").toggleClass("dashboard-compact");
|
|
}
|
|
});
|
|
|
|
new DataTable('#table', {
|
|
responsive: true,
|
|
bAutoWidth: false,
|
|
bLengthChange: true,
|
|
lengthMenu: [[5, 10, 15, -1], ["5", "10", "15", "Tất cả"]],
|
|
style_data :
|
|
[{'border': 'none'}],
|
|
info: false,
|
|
paging: true,
|
|
pageLength: 10,
|
|
language: {
|
|
search: "",
|
|
info: "Hiển thị _START_ tới _END_ của _TOTAL_ giường",
|
|
paginate: {
|
|
previous: 'Trang trước',
|
|
next: 'Trang sau'
|
|
},
|
|
lengthMenu: 'Hiển thị _MENU_ dòng trên mỗi trang'
|
|
},
|
|
dom: "<'row'<'col-sm-10'l><'col-sm-2'f>>" +
|
|
"<'row'<'col-sm-12'tr>>" +
|
|
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
|
|
// ordering: false,
|
|
// order: [
|
|
// [4, 'asc'],
|
|
// [1, 'asc'],
|
|
// [2, 'asc'],
|
|
// [6, 'desc']
|
|
// ],
|
|
// draw: 1,
|
|
pagingType: 'simple_numbers',
|
|
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
|
|
$('td:eq(0)', nRow).html(iDisplayIndexFull +1);
|
|
},
|
|
});
|
|
|
|
var multiImgPreview = function(input, imgPreviewPlaceholder) {
|
|
if (input.files) {
|
|
$('.imgPreview').empty();
|
|
var filesAmount = input.files.length;
|
|
for (i = 0; i < filesAmount; i++) {
|
|
var reader = new FileReader();
|
|
reader.onload = function(event) {
|
|
$($.parseHTML('<img>')).attr('src', event.target.result).appendTo(imgPreviewPlaceholder);
|
|
}
|
|
reader.readAsDataURL(input.files[i]);
|
|
}
|
|
}
|
|
};
|
|
$('#upload-image').on('change', function() {
|
|
multiImgPreview(this, 'div.imgPreview');
|
|
});
|
|
}); |