KIYAN/Dashboard_Exercise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add project files.

Browse Source
This commit is contained in:
lianpi3
2025-07-23 18:54:59 +03:30
parent 429fe73799
commit a0852dd7d8
3356 changed files with 1632271 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
Content/Panel/js/pages/crud/datatables/advanced/column-rendering.js Normal file
View File

@ -0,0 +1,153 @@
"use strict";
var KTDatatablesAdvancedColumnRendering = function() {
var init = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
paging: true,
columnDefs: [
{
targets: 0,
title: 'Agent',
render: function(data, type, full, meta) {
var number = KTUtil.getRandomInt(1, 14);
var user_img = '100_' + number + '.jpg';
var output;
if (number > 8) {
output = `
<div class="d-flex align-items-center">
<div class="symbol symbol-50 flex-shrink-0">
<img src="assets/media/users/` + user_img + `" alt="photo">
</div>
<div class="ml-3">
<span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
<a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
</div>
</div>`;
}
else {
var stateNo = KTUtil.getRandomInt(0, 7);
var states = [
'success',
'light',
'danger',
'success',
'warning',
'dark',
'primary',
'info'];
var state = states[stateNo];
output = `
<div class="d-flex align-items-center">
<div class="symbol symbol-50 symbol-light-` + state + `" flex-shrink-0">
<div class="symbol-label font-size-h5">` + full[2].substring(0, 1) + `</div>
</div>
<div class="ml-3">
<span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
<a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
</div>
</div>`;
}
return output;
},
},
{
targets: 1,
render: function(data, type, full, meta) {
return '<a class="text-dark-50 text-hover-primary" href="mailto:' + data + '">' + data + '</a>';
},
},
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
targets: 4,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 5,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
$('#kt_datatable_search_status').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Status');
});
$('#kt_datatable_search_type').on('change', function() {
datatable.search($(this).val().toLowerCase(), 'Type');
});
$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();
};
return {
//main function to initiate the module
init: function() {
init();
}
};
}();
jQuery(document).ready(function() {
KTDatatablesAdvancedColumnRendering.init();
});

91
Content/Panel/js/pages/crud/datatables/advanced/column-visibility.js Normal file
View File

@ -0,0 +1,91 @@
"use strict";
var KTDatatablesAdvancedColumnVisibility = function() {
var init = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
columnDefs: [
{
// hide columns by index number
targets: [0, 3],
visible: false,
},
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-brand'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-metal'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'accent'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
init();
}
};
}();
jQuery(document).ready(function() {
KTDatatablesAdvancedColumnVisibility.init();
});

53
Content/Panel/js/pages/crud/datatables/advanced/footer-callback.js Normal file
View File

@ -0,0 +1,53 @@
"use strict";
var KTDatatablesAdvancedFooterCalllback = function() {
var init = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
pageLength: 5,
lengthMenu: [[2, 5, 10, 15, -1], [2, 5, 10, 15, 'All']],
footerCallback: function(row, data, start, end, display) {
var column = 6;
var api = this.api(), data;
// Remove the formatting to get integer data for summation
var intVal = function(i) {
return typeof i === 'string' ? i.replace(/[\$,]/g, '') * 1 : typeof i === 'number' ? i : 0;
};
// Total over all pages
var total = api.column(column).data().reduce(function(a, b) {
return intVal(a) + intVal(b);
}, 0);
// Total over this page
var pageTotal = api.column(column, {page: 'current'}).data().reduce(function(a, b) {
return intVal(a) + intVal(b);
}, 0);
// Update footer
$(api.column(column).footer()).html(
'$' + KTUtil.numberString(pageTotal.toFixed(2)) + '<br/> ( $' + KTUtil.numberString(total.toFixed(2)) + ' total)',
);
},
});
};
return {
//main function to initiate the module
init: function() {
init();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesAdvancedFooterCalllback.init();
});

95
Content/Panel/js/pages/crud/datatables/advanced/multiple-controls.js Normal file
View File

@ -0,0 +1,95 @@
"use strict";
var KTDatatablesAdvancedMultipleControls = function() {
var init = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
// DOM Layout settings
dom:
"<'row py-3'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
"<'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>>" +
"<'row py-3'<'col-sm-12'tr>>" +
"<'row py-3'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>", // read more: https://datatables.net/examples/basic_init/dom.html
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold ' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
init();
}
};
}();
jQuery(document).ready(function() {
KTDatatablesAdvancedMultipleControls.init();
});

36
Content/Panel/js/pages/crud/datatables/advanced/row-callback.js Normal file
View File

@ -0,0 +1,36 @@
"use strict";
var KTDatatablesAdvancedColumnVisibility = function() {
var init = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
createdRow: function(row, data, index) {
var cell = $('td', row).eq(6);
if (data[6].replace(/[\$,]/g, '') * 1 > 400000 && data[6].replace(/[\$,]/g, '') * 1 < 600000) {
cell.addClass('highlight').css({'font-weight': 'bold', color: '#716aca'}).attr('title', 'Over $400,000 and below $600,000');
}
if (data[6].replace(/[\$,]/g, '') * 1 > 600000) {
cell.addClass('highlight').css({'font-weight': 'bold', color: '#f4516c'}).attr('title', 'Over $600,000');
}
cell.html(KTUtil.numberString(data[6]));
},
});
};
return {
//main function to initiate the module
init: function() {
init();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesAdvancedColumnVisibility.init();
});

109
Content/Panel/js/pages/crud/datatables/advanced/row-grouping.js Normal file
View File

@ -0,0 +1,109 @@
"use strict";
var KTDatatablesAdvancedRowGrouping = function() {
var init = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
pageLength: 25,
order: [[2, 'asc']],
drawCallback: function(settings) {
var api = this.api();
var rows = api.rows({page: 'current'}).nodes();
var last = null;
api.column(2, {page: 'current'}).data().each(function(group, i) {
if (last !== group) {
$(rows).eq(i).before(
'<tr class="group"><td colspan="10">' + group + '</td></tr>',
);
last = group;
}
});
},
columnDefs: [
{
// hide columns by index number
targets: [0, 2],
visible: false,
},
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
init();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesAdvancedRowGrouping.init();
});

384
Content/Panel/js/pages/crud/datatables/basic/basic.js Normal file
View File

@ -0,0 +1,384 @@
"use strict";
var KTDatatablesBasicBasic = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
// DOM Layout settings
dom: `<'row'<'col-sm-12'tr>>
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
lengthMenu: [5, 10, 25, 50],
pageLength: 10,
language: {
'lengthMenu': 'Display _MENU_',
},
// Order settings
order: [[1, 'desc']],
headerCallback: function(thead, data, start, end, display) {
thead.getElementsByTagName('th')[0].innerHTML = `
<label class="checkbox checkbox-single">
<input type="checkbox" value="" class="group-checkable"/>
<span></span>
</label>`;
},
columnDefs: [
{
targets: 0,
width: '30px',
className: 'dt-left',
orderable: false,
render: function(data, type, full, meta) {
return `
<label class="checkbox checkbox-single">
<input type="checkbox" value="" class="checkable"/>
<span></span>
</label>`;
},
},
{
targets: -1,
title: 'عملیات',
orderable: false,
width: '125px',
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
</g>\
</svg>\
</span>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="navi flex-column navi-hover py-2">\
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
انتخاب عملیات:\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-print"></i></span>\
<span class="navi-text">پرینت</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-copy"></i></span>\
<span class="navi-text">کپی</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
<span class="navi-text">اکسل</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
<span class="navi-text">CSV</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
<span class="navi-text">PDF</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
</g>\
</svg>\
</span>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
';
},
},
{
targets: 8,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-success'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 9,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
table.on('change', '.group-checkable', function() {
var set = $(this).closest('table').find('td:first-child .checkable');
var checked = $(this).is(':checked');
$(set).each(function() {
if (checked) {
$(this).prop('checked', true);
$(this).closest('tr').addClass('active');
}
else {
$(this).prop('checked', false);
$(this).closest('tr').removeClass('active');
}
});
});
table.on('change', 'tbody tr .checkbox', function() {
$(this).parents('tr').toggleClass('active');
});
};
var initTable2 = function() {
var table = $('#kt_datatable_2');
// begin first table
table.DataTable({
responsive: true,
// DOM Layout settings
dom: `<'row'<'col-sm-12'tr>>
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
lengthMenu: [5, 10, 25, 50],
pageLength: 10,
language: {
'lengthMenu': 'Display _MENU_',
},
// Order settings
order: [[1, 'desc']],
headerCallback: function(thead, data, start, end, display) {
thead.getElementsByTagName('th')[0].innerHTML = `
<label class="checkbox checkbox-single">
<input type="checkbox" value="" class="group-checkable"/>
<span></span>
</label>`;
},
columnDefs: [
{
targets: 0,
width: '30px',
className: 'dt-left',
orderable: false,
render: function(data, type, full, meta) {
return `
<label class="checkbox checkbox-single">
<input type="checkbox" value="" class="checkable"/>
<span></span>
</label>`;
},
},
{
targets: -1,
title: 'عملیات',
orderable: false,
width: '125px',
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
</g>\
</svg>\
</span>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="navi flex-column navi-hover py-2">\
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
انتخاب عملیات:\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-print"></i></span>\
<span class="navi-text">پرینت</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-copy"></i></span>\
<span class="navi-text">کپی</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
<span class="navi-text">اکسل</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
<span class="navi-text">CSV</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
<span class="navi-text">PDF</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
</g>\
</svg>\
</span>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
';
},
},
{
targets: 8,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-success'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 9,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
table.on('change', '.group-checkable', function() {
var set = $(this).closest('table').find('td:first-child .checkable');
var checked = $(this).is(':checked');
$(set).each(function() {
if (checked) {
$(this).prop('checked', true);
$(this).closest('tr').addClass('active');
}
else {
$(this).prop('checked', false);
$(this).closest('tr').removeClass('active');
}
});
});
table.on('change', 'tbody tr .checkbox', function() {
$(this).parents('tr').toggleClass('active');
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
initTable2();
}
};
}();
jQuery(document).ready(function() {
KTDatatablesBasicBasic.init();
});

90
Content/Panel/js/pages/crud/datatables/basic/headers.js Normal file
View File

@ -0,0 +1,90 @@
"use strict";
var KTDatatablesBasicHeaders = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesBasicHeaders.init();
});

145
Content/Panel/js/pages/crud/datatables/basic/paginations.js Normal file
View File

@ -0,0 +1,145 @@
"use strict";
var KTDatatablesBasicPaginations = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
pagingType: 'full_numbers',
columnDefs: [
{
targets: -1,
width: '125px',
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
</g>\
</svg>\
</span>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="navi flex-column navi-hover py-2">\
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
انتخاب عملیات:\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-print"></i></span>\
<span class="navi-text">پرینت</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-copy"></i></span>\
<span class="navi-text">کپی</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
<span class="navi-text">اکسل</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
<span class="navi-text">CSV</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
<span class="navi-text">PDF</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
</g>\
</svg>\
</span>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
';
},
},
{
targets: 8,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-success'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 9,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesBasicPaginations.init();
});

386
Content/Panel/js/pages/crud/datatables/basic/scrollable.js Normal file
View File

@ -0,0 +1,386 @@
"use strict";
var KTDatatablesBasicScrollable = function() {
var initTable1 = function() {
var table = $('#kt_datatable1');
// begin first table
table.DataTable({
scrollY: '50vh',
scrollX: true,
scrollCollapse: true,
columnDefs: [{
targets: -1,
title: 'عملیات',
orderable: false,
width: '125px',
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
</g>\
</svg>\
</span>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="navi flex-column navi-hover py-2">\
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
انتخاب عملیات:\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-print"></i></span>\
<span class="navi-text">پرینت</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-copy"></i></span>\
<span class="navi-text">کپی</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
<span class="navi-text">اکسل</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
<span class="navi-text">CSV</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
<span class="navi-text">PDF</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
</g>\
</svg>\
</span>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
';
},
},
{
targets: 8,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {
'title': 'در حال انجام',
'class': 'label-light-primary'
},
2: {
'title': 'تحویل داده شده',
'class': ' label-light-danger'
},
3: {
'title': 'لغو شده',
'class': ' label-light-primary'
},
4: {
'title': 'موفق',
'class': ' label-light-success'
},
5: {
'title': 'اطلاعات',
'class': ' label-light-info'
},
6: {
'title': 'خطار',
'class': ' label-light-danger'
},
7: {
'title': 'هشدار',
'class': ' label-light-warning'
},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 9,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {
'title': 'برخط',
'state': 'danger'
},
2: {
'title': 'خرده فروشی',
'state': 'primary'
},
3: {
'title': 'مستقیم',
'state': 'success'
},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
var initTable2 = function() {
var table = $('#kt_datatable2');
// begin second table
table.DataTable({
scrollY: '50vh',
scrollX: true,
scrollCollapse: true,
createdRow: function(row, data, index) {
var status = {
1: {
'title': 'در حال انجام',
'class': 'label-light-primary'
},
2: {
'title': 'تحویل داده شده',
'class': ' label-light-danger'
},
3: {
'title': 'لغو شده',
'class': ' label-light-primary'
},
4: {
'title': 'موفق',
'class': ' label-light-success'
},
5: {
'title': 'اطلاعات',
'class': ' label-light-info'
},
6: {
'title': 'خطار',
'class': ' label-light-danger'
},
7: {
'title': 'هشدار',
'class': ' label-light-warning'
},
};
var badge = '<span class="label ' + status[data[18]].class + ' label-inline label-bold">' + status[data[18]].title + '</span>';
row.getElementsByTagName('td')[18].innerHTML = badge;
status = {
1: {
'title': 'برخط',
'state': 'danger'
},
2: {
'title': 'خرده فروشی',
'state': 'primary'
},
3: {
'title': 'مستقیم',
'state': 'success'
},
};
badge = '<span class="label label-' + status[data[19]].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data[19]].state + '">' + status[data[19]].title + '</span>';
row.getElementsByTagName('td')[19].innerHTML = badge;
},
columnDefs: [{
targets: -1,
title: 'عملیات',
orderable: false,
width: '125px',
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
</g>\
</svg>\
</span>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="navi flex-column navi-hover py-2">\
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
انتخاب عملیات:\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-print"></i></span>\
<span class="navi-text">پرینت</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-copy"></i></span>\
<span class="navi-text">کپی</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
<span class="navi-text">اکسل</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
<span class="navi-text">CSV</span>\
</a>\
</li>\
<li class="navi-item">\
<a href="#" class="navi-link">\
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
<span class="navi-text">PDF</span>\
</a>\
</li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
</g>\
</svg>\
</span>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<span class="svg-icon svg-icon-md">\
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
<rect x="0" y="0" width="24" height="24"/>\
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
</g>\
</svg>\
</span>\
</a>\
';
},
},
{
targets: 8,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {
'title': 'در حال انجام',
'class': 'label-light-primary'
},
2: {
'title': 'تحویل داده شده',
'class': ' label-light-danger'
},
3: {
'title': 'لغو شده',
'class': ' label-light-primary'
},
4: {
'title': 'موفق',
'class': ' label-light-success'
},
5: {
'title': 'اطلاعات',
'class': ' label-light-info'
},
6: {
'title': 'خطار',
'class': ' label-light-danger'
},
7: {
'title': 'هشدار',
'class': ' label-light-warning'
},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label ' + status[data].class + ' label-inline label-bold">' + status[data].title + '</span>';
},
},
{
targets: 9,
width: '75px',
render: function(data, type, full, meta) {
var status = {
1: {
'title': 'برخط',
'state': 'danger'
},
2: {
'title': 'خرده فروشی',
'state': 'primary'
},
3: {
'title': 'مستقیم',
'state': 'success'
},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
initTable2();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesBasicScrollable.init();
});

109
Content/Panel/js/pages/crud/datatables/data-sources/ajax-client-side.js Normal file
View File

@ -0,0 +1,109 @@
'use strict';
var KTDatatablesDataSourceAjaxClient = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
ajax: {
url: HOST_URL + '/api/datatables/demos/default.php',
type: 'POST',
data: {
pagination: {
perpage: 50,
},
},
},
columns: [
{data: 'OrderID'},
{data: 'Country'},
{data: 'ShipCity'},
{data: 'CompanyName'},
{data: 'ShipDate'},
{data: 'Status'},
{data: 'Type'},
{data: 'Actions', responsivePriority: -1},
],
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: -3,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: -2,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesDataSourceAjaxClient.init();
});

114
Content/Panel/js/pages/crud/datatables/data-sources/ajax-server-side.js Normal file
View File

@ -0,0 +1,114 @@
"use strict";
var KTDatatablesDataSourceAjaxServer = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
searchDelay: 500,
processing: true,
serverSide: true,
ajax: {
url: HOST_URL + '/api/datatables/demos/server.php',
type: 'POST',
data: {
// parameters for custom backend script demo
columnsDef: [
'OrderID', 'Country',
'ShipAddress', 'CompanyName', 'ShipDate',
'Status', 'Type', 'Actions'],
},
},
columns: [
{data: 'OrderID'},
{data: 'Country'},
{data: 'ShipAddress'},
{data: 'CompanyName'},
{data: 'ShipDate'},
{data: 'Status'},
{data: 'Type'},
{data: 'Actions', responsivePriority: -1},
],
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: -3,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: -2,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesDataSourceAjaxServer.init();
});

91
Content/Panel/js/pages/crud/datatables/data-sources/html.js Normal file
View File

@ -0,0 +1,91 @@
"use strict";
var KTDatatablesDataSourceHtml = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesDataSourceHtml.init();
});

61
Content/Panel/js/pages/crud/datatables/data-sources/javascript.js Normal file
View File

File diff suppressed because one or more lines are too long

176
Content/Panel/js/pages/crud/datatables/extensions/buttons.js Normal file
View File

@ -0,0 +1,176 @@
"use strict";
var KTDatatablesExtensionButtons = function() {
var initTable1 = function() {
// begin first table
var table = $('#kt_datatable1').DataTable({
responsive: true,
// Pagination settings
dom: `<'row'<'col-sm-6 text-left'f><'col-sm-6 text-right'B>>
<'row'<'col-sm-12'tr>>
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
buttons: [
'print',
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5',
],
columnDefs: [
{
width: '75px',
targets: 6,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 7,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
var initTable2 = function() {
// begin first table
var table = $('#kt_datatable2').DataTable({
responsive: true,
buttons: [
'print',
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5',
],
processing: true,
serverSide: true,
ajax: {
url: HOST_URL + '/api/datatables/demos/server.php',
type: 'POST',
data: {
// parameters for custom backend script demo
columnsDef: [
'OrderID', 'Country',
'ShipCity', 'ShipAddress', 'CompanyAgent', 'CompanyName',
'Status', 'Type'],
},
},
columns: [
{data: 'OrderID'},
{data: 'Country'},
{data: 'ShipCity'},
{data: 'ShipAddress'},
{data: 'CompanyAgent'},
{data: 'CompanyName'},
{data: 'Status'},
{data: 'Type'},
],
columnDefs: [
{
targets: 6,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 7,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
$('#export_print').on('click', function(e) {
e.preventDefault();
table.button(0).trigger();
});
$('#export_copy').on('click', function(e) {
e.preventDefault();
table.button(1).trigger();
});
$('#export_excel').on('click', function(e) {
e.preventDefault();
table.button(2).trigger();
});
$('#export_csv').on('click', function(e) {
e.preventDefault();
table.button(3).trigger();
});
$('#export_pdf').on('click', function(e) {
e.preventDefault();
table.button(4).trigger();
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
initTable2();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionButtons.init();
});

92
Content/Panel/js/pages/crud/datatables/extensions/colreorder.js Normal file
View File

@ -0,0 +1,92 @@
"use strict";
var KTDatatablesExtensionsColreorder = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
colReorder: true,
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsColreorder.init();
});

99
Content/Panel/js/pages/crud/datatables/extensions/fixedcolumns.js Normal file
View File

@ -0,0 +1,99 @@
"use strict";
var KTDatatablesExtensionsFixedcolumns = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
paging: false,
scrollY: '500px',
scrollX: true,
scrollCollapse: true,
fixedColumns: {
leftColumns: 2,
rightColumns: 3,
},
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 18,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 19,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsFixedcolumns.init();
});

90
Content/Panel/js/pages/crud/datatables/extensions/fixedheader.js Normal file
View File

@ -0,0 +1,90 @@
"use strict";
var KTDatatablesExtensionsFixedheader = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
fixedHeader: {
header: true,
headerOffset: $('#kt_header').height(),
},
paging: false,
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return `
<span class="dropdown">
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
<i class="la la-ellipsis-h"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
</div>
</span>
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
<i class="la la-edit"></i>
</a>`;
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-danger'},
3: {'title': 'لغو شده', 'class': ' label-primary'},
4: {'title': 'موفق', 'class': ' label-success'},
5: {'title': 'اطلاعات', 'class': ' label-info'},
6: {'title': 'خطار', 'class': ' label-danger'},
7: {'title': 'هشدار', 'class': ' label-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label ' + status[data].class + ' label-inline label-pill">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot"></span>&nbsp;' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsFixedheader.init();
});

92
Content/Panel/js/pages/crud/datatables/extensions/keytable.js Normal file
View File

@ -0,0 +1,92 @@
"use strict";
var KTDatatablesExtensionsKeytable = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
keys: true,
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsKeytable.init();
});

91
Content/Panel/js/pages/crud/datatables/extensions/responsive.js Normal file
View File

@ -0,0 +1,91 @@
"use strict";
var KTDatatablesExtensionsResponsive = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
columnDefs: [
{
width: '150px',
targets: 0
},
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 16,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 17,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
}
}
]
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
}
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsResponsive.init();
});

95
Content/Panel/js/pages/crud/datatables/extensions/rowgroup.js Normal file
View File

@ -0,0 +1,95 @@
"use strict";
var KTDatatablesExtensionsRowgroup = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
order: [[2, 'asc']],
rowGroup: {
dataSrc: 2,
},
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsRowgroup.init();
});

93
Content/Panel/js/pages/crud/datatables/extensions/rowreorder.js Normal file
View File

@ -0,0 +1,93 @@
"use strict";
var KTDatatablesExtensionsRowreorder = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
rowReorder: {
selector: 'tr',
},
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsRowreorder.init();
});

106
Content/Panel/js/pages/crud/datatables/extensions/scroller.js Normal file
View File

@ -0,0 +1,106 @@
"use strict";
var KTDatatablesExtensionsScroller = function() {
var initTable1 = function() {
var table = $('#kt_datatable');
// begin first table
table.DataTable({
responsive: true,
ajax: HOST_URL + '/api/datatables/demos/server.php',
deferRender: true,
scrollY: '500px',
scrollCollapse: true,
scroller: true,
columns: [
{data: 'RecordID', visible: false},
{data: 'OrderID'},
{data: 'ShipCity'},
{data: 'ShipAddress'},
{data: 'CompanyAgent'},
{data: 'CompanyName'},
{data: 'ShipDate'},
{data: 'Status'},
{data: 'Type'},
{data: 'Actions', responsivePriority: -1},
],
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: -3,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: -2,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
}
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsScroller.init();
});

200
Content/Panel/js/pages/crud/datatables/extensions/select.js Normal file
View File

@ -0,0 +1,200 @@
"use strict";
var KTDatatablesExtensionsKeytable = function() {
var initTable1 = function() {
// begin first table
var table = $('#kt_datatable_1').DataTable({
responsive: true,
select: true,
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
var initTable2 = function() {
// begin first table
var table = $('#kt_datatable_2').DataTable({
responsive: true,
select: {
style: 'multi',
selector: 'td:first-child .checkable',
},
headerCallback: function(thead, data, start, end, display) {
thead.getElementsByTagName('th')[0].innerHTML = `
<label class="checkbox checkbox-single checkbox-solid checkbox-primary mb-0">
<input type="checkbox" value="" class="group-checkable"/>
<span></span>
</label>`;
},
columnDefs: [
{
targets: 0,
orderable: false,
render: function(data, type, full, meta) {
return `
<label class="checkbox checkbox-single checkbox-primary mb-0">
<input type="checkbox" value="" class="checkable"/>
<span></span>
</label>`;
},
},
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
width: '75px',
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
width: '75px',
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
table.on('change', '.group-checkable', function() {
var set = $(this).closest('table').find('td:first-child .checkable');
var checked = $(this).is(':checked');
$(set).each(function() {
if (checked) {
$(this).prop('checked', true);
table.rows($(this).closest('tr')).select();
}
else {
$(this).prop('checked', false);
table.rows($(this).closest('tr')).deselect();
}
});
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
initTable2();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsKeytable.init();
});

215
Content/Panel/js/pages/crud/datatables/search-options/advanced-search.js Normal file
View File

@ -0,0 +1,215 @@
"use strict";
var KTDatatablesSearchOptionsAdvancedSearch = function() {
$.fn.dataTable.Api.register('column().title()', function() {
return $(this.header()).text().trim();
});
var initTable1 = function() {
// begin first table
var table = $('#kt_datatable').DataTable({
responsive: true,
// Pagination settings
dom: `<'row'<'col-sm-12'tr>>
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
// read more: https://datatables.net/examples/basic_init/dom.html
lengthMenu: [5, 10, 25, 50],
pageLength: 10,
language: {
'lengthMenu': 'Display _MENU_',
},
searchDelay: 500,
processing: true,
serverSide: true,
ajax: {
url: HOST_URL + '/api//datatables/demos/server.php',
type: 'POST',
data: {
// parameters for custom backend script demo
columnsDef: [
'RecordID', 'OrderID', 'Country', 'ShipCity', 'CompanyAgent',
'ShipDate', 'Status', 'Type', 'Actions',],
},
},
columns: [
{data: 'RecordID'},
{data: 'OrderID'},
{data: 'Country'},
{data: 'ShipCity'},
{data: 'CompanyAgent'},
{data: 'ShipDate'},
{data: 'Status'},
{data: 'Type'},
{data: 'Actions', responsivePriority: -1},
],
initComplete: function() {
this.api().columns().every(function() {
var column = this;
switch (column.title()) {
case 'Country':
column.data().unique().sort().each(function(d, j) {
$('.datatable-input[data-col-index="2"]').append('<option value="' + d + '">' + d + '</option>');
});
break;
case 'Status':
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
column.data().unique().sort().each(function(d, j) {
$('.datatable-input[data-col-index="6"]').append('<option value="' + d + '">' + status[d].title + '</option>');
});
break;
case 'Type':
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
column.data().unique().sort().each(function(d, j) {
$('.datatable-input[data-col-index="7"]').append('<option value="' + d + '">' + status[d].title + '</option>');
});
break;
}
});
},
columnDefs: [
{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
targets: 6,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'در حال انجام', 'class': 'label-light-primary'},
2: {'title': 'تحویل داده شده', 'class': ' label-light-danger'},
3: {'title': 'لغو شده', 'class': ' label-light-primary'},
4: {'title': 'موفق', 'class': ' label-light-success'},
5: {'title': 'اطلاعات', 'class': ' label-light-info'},
6: {'title': 'خطار', 'class': ' label-light-danger'},
7: {'title': 'هشدار', 'class': ' label-light-warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 7,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'برخط', 'state': 'danger'},
2: {'title': 'خرده فروشی', 'state': 'primary'},
3: {'title': 'مستقیم', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
var filter = function() {
var val = $.fn.dataTable.util.escapeRegex($(this).val());
table.column($(this).data('col-index')).search(val ? val : '', false, false).draw();
};
var asdasd = function(value, index) {
var val = $.fn.dataTable.util.escapeRegex(value);
table.column(index).search(val ? val : '', false, true);
};
$('#kt_search').on('click', function(e) {
e.preventDefault();
var params = {};
$('.datatable-input').each(function() {
var i = $(this).data('col-index');
if (params[i]) {
params[i] += '|' + $(this).val();
}
else {
params[i] = $(this).val();
}
});
$.each(params, function(i, val) {
// apply search params to datatable
table.column(i).search(val ? val : '', false, false);
});
table.table().draw();
});
$('#kt_reset').on('click', function(e) {
e.preventDefault();
$('.datatable-input').each(function() {
$(this).val('');
table.column($(this).data('col-index')).search('', false, false);
});
table.table().draw();
});
$('#kt_datepicker').datepicker({
todayHighlight: true,
templates: {
leftArrow: '<i class="la la-angle-left"></i>',
rightArrow: '<i class="la la-angle-right"></i>',
},
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesSearchOptionsAdvancedSearch.init();
});

356
Content/Panel/js/pages/crud/datatables/search-options/column-search.js Normal file
View File

@ -0,0 +1,356 @@
"use strict";
var KTDatatablesSearchOptionsColumnSearch = function() {
$.fn.dataTable.Api.register('column().title()', function() {
return $(this.header()).text().trim();
});
var initTable1 = function() {
// begin first table
var table = $('#kt_datatable').DataTable({
responsive: true,
// Pagination settings
dom: `<'row'<'col-sm-12'tr>>
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
// read more: https://datatables.net/examples/basic_init/dom.html
lengthMenu: [5, 10, 25, 50],
pageLength: 10,
language: {
'lengthMenu': 'Display _MENU_',
},
searchDelay: 500,
processing: true,
serverSide: true,
ajax: {
url: HOST_URL + '/api/datatables/demos/server.php',
type: 'POST',
data: {
// parameters for custom backend script demo
columnsDef: [
'RecordID', 'OrderID', 'Country', 'ShipCity', 'CompanyAgent',
'ShipDate', 'Status', 'Type', 'Actions',
],
},
},
columns: [{
data: 'RecordID'
},
{
data: 'OrderID'
},
{
data: 'Country'
},
{
data: 'ShipCity'
},
{
data: 'CompanyAgent'
},
{
data: 'ShipDate'
},
{
data: 'Status'
},
{
data: 'Type'
},
{
data: 'Actions',
responsivePriority: -1
},
],
initComplete: function() {
var thisTable = this;
var rowFilter = $('<tr class="filter"></tr>').appendTo($(table.table().header()));
this.api().columns().every(function() {
var column = this;
var input;
switch (column.title()) {
case 'Record ID':
case 'Order ID':
case 'Ship City':
case 'Company Agent':
input = $(`<input type="text" class="form-control form-control-sm form-filter datatable-input" data-col-index="` + column.index() + `"/>`);
break;
case 'Country':
input = $(`<select class="form-control form-control-sm form-filter datatable-input" title="Select" data-col-index="` + column.index() + `">
<option value="">Select</option></select>`);
column.data().unique().sort().each(function(d, j) {
$(input).append('<option value="' + d + '">' + d + '</option>');
});
break;
case 'Status':
var status = {
1: {
'title': 'در حال انجام',
'class': 'label-light-primary'
},
2: {
'title': 'تحویل داده شده',
'class': ' label-light-danger'
},
3: {
'title': 'لغو شده',
'class': ' label-light-primary'
},
4: {
'title': 'موفق',
'class': ' label-light-success'
},
5: {
'title': 'اطلاعات',
'class': ' label-light-info'
},
6: {
'title': 'خطار',
'class': ' label-light-danger'
},
7: {
'title': 'هشدار',
'class': ' label-light-warning'
},
};
input = $(`<select class="form-control form-control-sm form-filter datatable-input" title="Select" data-col-index="` + column.index() + `">
<option value="">Select</option></select>`);
column.data().unique().sort().each(function(d, j) {
$(input).append('<option value="' + d + '">' + status[d].title + '</option>');
});
break;
case 'Type':
var status = {
1: {
'title': 'برخط',
'state': 'danger'
},
2: {
'title': 'خرده فروشی',
'state': 'primary'
},
3: {
'title': 'مستقیم',
'state': 'success'
},
};
input = $(`<select class="form-control form-control-sm form-filter datatable-input" title="Select" data-col-index="` + column.index() + `">
<option value="">Select</option></select>`);
column.data().unique().sort().each(function(d, j) {
$(input).append('<option value="' + d + '">' + status[d].title + '</option>');
});
break;
case 'Ship Date':
input = $(`
<div class="input-group date">
<input type="text" class="form-control form-control-sm datatable-input" readonly placeholder="From" id="kt_datepicker_1"
data-col-index="` + column.index() + `"/>
<div class="input-group-append">
<span class="input-group-text"><i class="la la-calendar-o glyphicon-th"></i></span>
</div>
</div>
<div class="input-group date d-flex align-content-center">
<input type="text" class="form-control form-control-sm datatable-input" readonly placeholder="To" id="kt_datepicker_2"
data-col-index="` + column.index() + `"/>
<div class="input-group-append">
<span class="input-group-text"><i class="la la-calendar-o glyphicon-th"></i></span>
</div>
</div>`);
break;
case 'Actions':
var search = $(`
<button class="btn btn-primary kt-btn btn-sm kt-btn--icon d-block">
<span>
<i class="la la-search"></i>
<span>Search</span>
</span>
</button>`);
var reset = $(`
<button class="btn btn-secondary kt-btn btn-sm kt-btn--icon">
<span>
<i class="la la-close"></i>
<span>Reset</span>
</span>
</button>`);
$('<th>').append(search).append(reset).appendTo(rowFilter);
$(search).on('click', function(e) {
e.preventDefault();
var params = {};
$(rowFilter).find('.datatable-input').each(function() {
var i = $(this).data('col-index');
if (params[i]) {
params[i] += '|' + $(this).val();
} else {
params[i] = $(this).val();
}
});
$.each(params, function(i, val) {
// apply search params to datatable
table.column(i).search(val ? val : '', false, false);
});
table.table().draw();
});
$(reset).on('click', function(e) {
e.preventDefault();
$(rowFilter).find('.datatable-input').each(function(i) {
$(this).val('');
table.column($(this).data('col-index')).search('', false, false);
});
table.table().draw();
});
break;
}
if (column.title() !== 'Actions') {
$(input).appendTo($('<th>').appendTo(rowFilter));
}
});
// hide search column for responsive table
var hideSearchColumnResponsive = function() {
thisTable.api().columns().every(function() {
var column = this
if (column.responsiveHidden()) {
$(rowFilter).find('th').eq(column.index()).show();
} else {
$(rowFilter).find('th').eq(column.index()).hide();
}
})
};
// init on datatable load
hideSearchColumnResponsive();
// recheck on window resize
window.onresize = hideSearchColumnResponsive;
$('#kt_datepicker_1,#kt_datepicker_2').datepicker();
},
columnDefs: [{
targets: -1,
title: 'عملیات',
orderable: false,
render: function(data, type, full, meta) {
return '\
<div class="dropdown dropdown-inline">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
<i class="la la-cog"></i>\
</a>\
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
<ul class="nav nav-hoverable flex-column">\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
</ul>\
</div>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
},
{
targets: 5,
width: '150px',
},
{
targets: 6,
render: function(data, type, full, meta) {
var status = {
1: {
'title': 'در حال انجام',
'class': 'label-light-primary'
},
2: {
'title': 'تحویل داده شده',
'class': ' label-light-danger'
},
3: {
'title': 'لغو شده',
'class': ' label-light-primary'
},
4: {
'title': 'موفق',
'class': ' label-light-success'
},
5: {
'title': 'اطلاعات',
'class': ' label-light-info'
},
6: {
'title': 'خطار',
'class': ' label-light-danger'
},
7: {
'title': 'هشدار',
'class': ' label-light-warning'
},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
},
},
{
targets: 7,
render: function(data, type, full, meta) {
var status = {
1: {
'title': 'برخط',
'state': 'danger'
},
2: {
'title': 'خرده فروشی',
'state': 'primary'
},
3: {
'title': 'مستقیم',
'state': 'success'
},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesSearchOptionsColumnSearch.init();
});