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

135
public/assets/js/demo1/pages/crud/datatables/advanced/column-rendering.js Normal file
View File

@@ -0,0 +1,135 @@
"use strict";
var KTDatatablesAdvancedColumnRendering = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// 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="kt-user-card-v2">
<div class="kt-user-card-v2__pic">
<img src="https://keenthemes.com/metronic/preview/assets/media/users/` + user_img + `" class="m-img-rounded kt-marginless" alt="photo">
</div>
<div class="kt-user-card-v2__details">
<span class="kt-user-card-v2__name">` + full[2] + `</span>
<a href="#" class="kt-user-card-v2__email kt-link">` + full[3] + `</a>
</div>
</div>`;
}
else {
var stateNo = KTUtil.getRandomInt(0, 7);
var states = [
'success',
'brand',
'danger',
'success',
'warning',
'dark',
'primary',
'info'];
var state = states[stateNo];
output = `
<div class="kt-user-card-v2">
<div class="kt-user-card-v2__pic">
<div class="kt-badge kt-badge--xl kt-badge--` + state + `"><span>` + full[2].substring(0, 1) + `</div>
</div>
<div class="kt-user-card-v2__details">
<span class="kt-user-card-v2__name">` + full[2] + `</span>
<a href="#" class="kt-user-card-v2__email kt-link">` + full[3] + `</a>
</div>
</div>`;
}
return output;
},
},
{
targets: 1,
render: function(data, type, full, meta) {
return '<a class="kt-link" href="mailto:' + data + '">' + data + '</a>';
},
},
{
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: 4,
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: 5,
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() {
KTDatatablesAdvancedColumnRendering.init();
});

1
public/assets/js/demo1/pages/crud/datatables/advanced/column-rendering.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesAdvancedColumnRendering={init:function(){$("#kt_table_1").DataTable({responsive:!0,paging:!0,columnDefs:[{targets:0,title:"Agent",render:function(a,t,e,n){var s=KTUtil.getRandomInt(1,14);return s>8?'\n <div class="kt-user-card-v2">\n <div class="kt-user-card-v2__pic">\n <img src="https://keenthemes.com/metronic/preview/assets/media/users/100_'+s+'.jpg" class="m-img-rounded kt-marginless" alt="photo">\n </div>\n <div class="kt-user-card-v2__details">\n <span class="kt-user-card-v2__name">'+e[2]+'</span>\n <a href="#" class="kt-user-card-v2__email kt-link">'+e[3]+"</a>\n </div>\n </div>":'\n <div class="kt-user-card-v2">\n <div class="kt-user-card-v2__pic">\n <div class="kt-badge kt-badge--xl kt-badge--'+["success","brand","danger","success","warning","dark","primary","info"][KTUtil.getRandomInt(0,7)]+'"><span>'+e[2].substring(0,1)+'</div>\n </div>\n <div class="kt-user-card-v2__details">\n <span class="kt-user-card-v2__name">'+e[2]+'</span>\n <a href="#" class="kt-user-card-v2__email kt-link">'+e[3]+"</a>\n </div>\n </div>"}},{targets:1,render:function(a,t,e,n){return'<a class="kt-link" href="mailto:'+a+'">'+a+"</a>"}},{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:4,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:5,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(){KTDatatablesAdvancedColumnRendering.init()});

87
public/assets/js/demo1/pages/crud/datatables/advanced/column-visibility.js Normal file
View File

@@ -0,0 +1,87 @@
"use strict";
var KTDatatablesAdvancedColumnVisibility = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
responsive: true,
columnDefs: [
{
// hide columns by index number
targets: [0, 3],
visible: false,
},
{
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() {
KTDatatablesAdvancedColumnVisibility.init();
});

1
public/assets/js/demo1/pages/crud/datatables/advanced/column-visibility.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesAdvancedColumnVisibility={init:function(){$("#kt_table_1").DataTable({responsive:!0,columnDefs:[{targets:[0,3],visible:!1},{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(){KTDatatablesAdvancedColumnVisibility.init()});

53
public/assets/js/demo1/pages/crud/datatables/advanced/footer-callback.js Normal file
View File

@@ -0,0 +1,53 @@
"use strict";
var KTDatatablesAdvancedFooterCalllback = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// 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() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesAdvancedFooterCalllback.init();
});

1
public/assets/js/demo1/pages/crud/datatables/advanced/footer-callback.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesAdvancedFooterCalllback={init:function(){$("#kt_table_1").DataTable({responsive:!0,pageLength:5,lengthMenu:[[2,5,10,15,-1],[2,5,10,15,"All"]],footerCallback:function(t,e,n,a,r){var o=this.api(),l=function(t){return"string"==typeof t?1*t.replace(/[\$,]/g,""):"number"==typeof t?t:0},u=o.column(6).data().reduce(function(t,e){return l(t)+l(e)},0),i=o.column(6,{page:"current"}).data().reduce(function(t,e){return l(t)+l(e)},0);$(o.column(6).footer()).html("$"+KTUtil.numberString(i.toFixed(2))+"<br/> ( $"+KTUtil.numberString(u.toFixed(2))+" total)")}})}};jQuery(document).ready(function(){KTDatatablesAdvancedFooterCalllback.init()});

89
public/assets/js/demo1/pages/crud/datatables/advanced/multiple-controls.js Normal file
View File

@@ -0,0 +1,89 @@
"use strict";
var KTDatatablesAdvancedMultipleControls = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// begin first table
table.DataTable({
// DOM Layout settings
dom:
"<'row'<'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'<'col-sm-12'tr>>" +
"<'row'<'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: '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() {
KTDatatablesAdvancedMultipleControls.init();
});

1
public/assets/js/demo1/pages/crud/datatables/advanced/multiple-controls.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesAdvancedMultipleControls={init:function(){$("#kt_table_1").DataTable({dom:"<'row'<'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'<'col-sm-12'tr>><'row'<'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>>",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(){KTDatatablesAdvancedMultipleControls.init()});

36
public/assets/js/demo1/pages/crud/datatables/advanced/row-callback.js Normal file
View File

@@ -0,0 +1,36 @@
"use strict";
var KTDatatablesAdvancedColumnVisibility = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// 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() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesAdvancedColumnVisibility.init();
});

1
public/assets/js/demo1/pages/crud/datatables/advanced/row-callback.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesAdvancedColumnVisibility={init:function(){$("#kt_table_1").DataTable({responsive:!0,createdRow:function(t,e,a){var i=$("td",t).eq(6);1*e[6].replace(/[\$,]/g,"")>4e5&&1*e[6].replace(/[\$,]/g,"")<6e5&&i.addClass("highlight").css({"font-weight":"bold",color:"#716aca"}).attr("title","Over $400,000 and below $600,000"),1*e[6].replace(/[\$,]/g,"")>6e5&&i.addClass("highlight").css({"font-weight":"bold",color:"#f4516c"}).attr("title","Over $600,000"),i.html(KTUtil.numberString(e[6]))}})}};jQuery(document).ready(function(){KTDatatablesAdvancedColumnVisibility.init()});

103
public/assets/js/demo1/pages/crud/datatables/advanced/row-grouping.js Normal file
View File

@@ -0,0 +1,103 @@
"use strict";
var KTDatatablesAdvancedRowGrouping = function() {
var initTable1 = function() {
var table = $('#kt_table_1');
// 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: '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() {
KTDatatablesAdvancedRowGrouping.init();
});

1
public/assets/js/demo1/pages/crud/datatables/advanced/row-grouping.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesAdvancedRowGrouping={init:function(){$("#kt_table_1").DataTable({responsive:!0,pageLength:25,order:[[2,"asc"]],drawCallback:function(a){var t=this.api(),e=t.rows({page:"current"}).nodes(),n=null;t.column(2,{page:"current"}).data().each(function(a,t){n!==a&&($(e).eq(t).before('<tr class="group"><td colspan="10">'+a+"</td></tr>"),n=a)})},columnDefs:[{targets:[0,2],visible:!1},{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:8,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:9,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(){KTDatatablesAdvancedRowGrouping.init()});