LianPi3/BoilerPlate
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

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();
});