arifal/CKB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first initial

Browse Source
This commit is contained in:
arifal
2025-05-27 19:09:17 +07:00
commit 80375d8af3
1587 changed files with 572586 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

173
public/assets/js/demo1/pages/crud/datatables/extensions/buttons.js Normal file
View File

@@ -0,0 +1,173 @@
"use strict";
var KTDatatablesExtensionButtons = function() {
var initTable1 = function() {
// begin first table
var table = $('#kt_table_1').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: [
{
targets: 6,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 7,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
var initTable2 = function() {
// begin first table
var table = $('#kt_table_2').DataTable({
responsive: true,
buttons: [
'print',
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5',
],
processing: true,
serverSide: true,
ajax: {
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/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': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 7,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + 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();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/buttons.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionButtons={init:function(){var t;$("#kt_table_1").DataTable({responsive:!0,dom:"<'row'<'col-sm-6 text-left'f><'col-sm-6 text-right'B>>\n\t\t\t<'row'<'col-sm-12'tr>>\n\t\t\t<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>",buttons:["print","copyHtml5","excelHtml5","csvHtml5","pdfHtml5"],columnDefs:[{targets:6,render:function(t,e,a,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:7,render:function(t,e,a,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]}),t=$("#kt_table_2").DataTable({responsive:!0,buttons:["print","copyHtml5","excelHtml5","csvHtml5","pdfHtml5"],processing:!0,serverSide:!0,ajax:{url:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php",type:"POST",data:{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(t,e,a,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:7,render:function(t,e,a,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]}),$("#export_print").on("click",function(e){e.preventDefault(),t.button(0).trigger()}),$("#export_copy").on("click",function(e){e.preventDefault(),t.button(1).trigger()}),$("#export_excel").on("click",function(e){e.preventDefault(),t.button(2).trigger()}),$("#export_csv").on("click",function(e){e.preventDefault(),t.button(3).trigger()}),$("#export_pdf").on("click",function(e){e.preventDefault(),t.button(4).trigger()})}};jQuery(document).ready(function(){KTDatatablesExtensionButtons.init()});

84
public/assets/js/demo1/pages/crud/datatables/extensions/colreorder.js Normal file
View File

@@ -0,0 +1,84 @@
"use strict";
var KTDatatablesExtensionsColreorder = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
colReorder: true,
columnDefs: [
{
targets: -1,
title: 'Actions',
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>`;
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsColreorder.init();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/colreorder.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsColreorder={init:function(){$("#kt_table_1").DataTable({responsive:!0,colReorder:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsColreorder.init()});

91
public/assets/js/demo1/pages/crud/datatables/extensions/fixedcolumns.js Normal file
View File

@@ -0,0 +1,91 @@
"use strict";
var KTDatatablesExtensionsFixedcolumns = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
paging: false,
scrollY: '500px',
scrollX: true,
scrollCollapse: true,
fixedColumns: {
leftColumns: 2,
rightColumns: 3,
},
columnDefs: [
{
targets: -1,
title: 'Actions',
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>`;
},
},
{
targets: 18,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 19,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsFixedcolumns.init();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/fixedcolumns.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsFixedcolumns={init:function(){$("#kt_table_1").DataTable({responsive:!0,paging:!1,scrollY:"500px",scrollX:!0,scrollCollapse:!0,fixedColumns:{leftColumns:2,rightColumns:3},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:18,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:19,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsFixedcolumns.init()});

88
public/assets/js/demo1/pages/crud/datatables/extensions/fixedheader.js Normal file
View File

@@ -0,0 +1,88 @@
"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: 'Actions',
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>`;
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsFixedheader.init();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/fixedheader.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsFixedheader={init:function(){$("#kt_table_1").DataTable({responsive:!0,fixedHeader:{header:!0,headerOffset:$("#kt_header").height()},paging:!1,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(e,a,t,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(e,a,t,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[e]?e:'<span class="kt-badge '+s[e].class+' kt-badge--inline kt-badge--pill">'+s[e].title+"</span>"}},{targets:9,render:function(e,a,t,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[e]?e:'<span class="kt-badge kt-badge--'+s[e].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[e].state+'">'+s[e].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsFixedheader.init()});

84
public/assets/js/demo1/pages/crud/datatables/extensions/keytable.js Normal file
View File

@@ -0,0 +1,84 @@
"use strict";
var KTDatatablesExtensionsKeytable = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
keys: true,
columnDefs: [
{
targets: -1,
title: 'Actions',
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>`;
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsKeytable.init();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/keytable.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsKeytable={init:function(){$("#kt_table_1").DataTable({responsive:!0,keys:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsKeytable.init()});

83
public/assets/js/demo1/pages/crud/datatables/extensions/responsive.js Normal file
View File

@@ -0,0 +1,83 @@
"use strict";
var KTDatatablesExtensionsResponsive = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
columnDefs: [
{
targets: -1,
title: 'Actions',
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>`;
},
},
{
targets: 16,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 17,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsResponsive.init();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/responsive.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsResponsive={init:function(){$("#kt_table_1").DataTable({responsive:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:16,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:17,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsResponsive.init()});

87
public/assets/js/demo1/pages/crud/datatables/extensions/rowgroup.js Normal file
View File

@@ -0,0 +1,87 @@
"use strict";
var KTDatatablesExtensionsRowgroup = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
order: [[2, 'asc']],
rowGroup: {
dataSrc: 2,
},
columnDefs: [
{
targets: -1,
title: 'Actions',
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>`;
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsRowgroup.init();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/rowgroup.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsRowgroup={init:function(){$("#kt_table_1").DataTable({responsive:!0,order:[[2,"asc"]],rowGroup:{dataSrc:2},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsRowgroup.init()});

85
public/assets/js/demo1/pages/crud/datatables/extensions/rowreorder.js Normal file
View File

@@ -0,0 +1,85 @@
"use strict";
var KTDatatablesExtensionsRowreorder = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
rowReorder: {
selector: 'tr',
},
columnDefs: [
{
targets: -1,
title: 'Actions',
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>`;
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsRowreorder.init();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/rowreorder.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsRowreorder={init:function(){$("#kt_table_1").DataTable({responsive:!0,rowReorder:{selector:"tr"},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,e,a,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,e,a,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,e,a,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsRowreorder.init()});

99
public/assets/js/demo1/pages/crud/datatables/extensions/scroller.js Normal file
View File

@@ -0,0 +1,99 @@
"use strict";
var KTDatatablesExtensionsScroller = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
ajax: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/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: 'Actions',
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>`;
},
},
{
targets: -3,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: -2,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesExtensionsScroller.init();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/scroller.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsScroller={init:function(){$("#kt_table_1").DataTable({responsive:!0,ajax:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php",deferRender:!0,scrollY:"500px",scrollCollapse:!0,scroller:!0,columns:[{data:"RecordID",visible:!1},{data:"OrderID"},{data:"ShipCity"},{data:"ShipAddress"},{data:"CompanyAgent"},{data:"CompanyName"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:-3,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:-2,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsScroller.init()});

184
public/assets/js/demo1/pages/crud/datatables/extensions/select.js Normal file
View File

@@ -0,0 +1,184 @@
"use strict";
var KTDatatablesExtensionsKeytable = function() {
var initTable1 = function() {
// begin first table
var table = $('#kt_table_1').DataTable({
responsive: true,
select: true,
columnDefs: [
{
targets: -1,
title: 'Actions',
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>`;
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
var initTable2 = function() {
// begin first table
var table = $('#kt_table_2').DataTable({
responsive: true,
select: {
style: 'multi',
selector: 'td:first-child .kt-checkable',
},
headerCallback: function(thead, data, start, end, display) {
thead.getElementsByTagName('th')[0].innerHTML = `
<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid kt-checkbox--brand">
<input type="checkbox" value="" class="kt-group-checkable">
<span></span>
</label>`;
},
columnDefs: [
{
targets: 0,
orderable: false,
render: function(data, type, full, meta) {
return `
<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid kt-checkbox--brand">
<input type="checkbox" value="" class="kt-checkable">
<span></span>
</label>`;
},
},
{
targets: -1,
title: 'Actions',
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>`;
},
},
{
targets: 8,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 9,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
table.on('change', '.kt-group-checkable', function() {
var set = $(this).closest('table').find('td:first-child .kt-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();
});

1
public/assets/js/demo1/pages/crud/datatables/extensions/select.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesExtensionsKeytable={init:function(){var e;$("#kt_table_1").DataTable({responsive:!0,select:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(e,t,a,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(e,t,a,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[e]?e:'<span class="kt-badge '+s[e].class+' kt-badge--inline kt-badge--pill">'+s[e].title+"</span>"}},{targets:9,render:function(e,t,a,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[e]?e:'<span class="kt-badge kt-badge--'+s[e].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[e].state+'">'+s[e].title+"</span>"}}]}),(e=$("#kt_table_2").DataTable({responsive:!0,select:{style:"multi",selector:"td:first-child .kt-checkable"},headerCallback:function(e,t,a,n,s){e.getElementsByTagName("th")[0].innerHTML='\n <label class="kt-checkbox kt-checkbox--single kt-checkbox--solid kt-checkbox--brand">\n <input type="checkbox" value="" class="kt-group-checkable">\n <span></span>\n </label>'},columnDefs:[{targets:0,orderable:!1,render:function(e,t,a,n){return'\n <label class="kt-checkbox kt-checkbox--single kt-checkbox--solid kt-checkbox--brand">\n <input type="checkbox" value="" class="kt-checkable">\n <span></span>\n </label>'}},{targets:-1,title:"Actions",orderable:!1,render:function(e,t,a,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(e,t,a,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[e]?e:'<span class="kt-badge '+s[e].class+' kt-badge--inline kt-badge--pill">'+s[e].title+"</span>"}},{targets:9,render:function(e,t,a,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[e]?e:'<span class="kt-badge kt-badge--'+s[e].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+s[e].state+'">'+s[e].title+"</span>"}}]})).on("change",".kt-group-checkable",function(){var t=$(this).closest("table").find("td:first-child .kt-checkable"),a=$(this).is(":checked");$(t).each(function(){a?($(this).prop("checked",!0),e.rows($(this).closest("tr")).select()):($(this).prop("checked",!1),e.rows($(this).closest("tr")).deselect())})})}};jQuery(document).ready(function(){KTDatatablesExtensionsKeytable.init()});