first initial

This commit is contained in:
2025-05-27 19:09:17 +07:00
commit 80375d8af3
1587 changed files with 572586 additions and 0 deletions

View File

@@ -0,0 +1,195 @@
'use strict';
// Class definition
var KTDefaultDatatableDemo = function() {
// Private functions
// basic demo
var demo = function() {
var datatable = $('.kt-datatable').KTDatatable({
// datasource definition
data: {
type: 'remote',
source: {
read: {
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php',
},
},
pageSize: 5, // display 20 records per page
serverPaging: true,
serverFiltering: true,
serverSorting: true,
},
// layout definition
layout: {
scroll: true, // enable/disable datatable scroll both horizontal and vertical when needed.
minHeight: null, // datatable's body's fixed height
footer: false, // display/hide footer
},
// column sorting
sortable: true,
// toolbar
toolbar: {
// toolbar placement can be at top or bottom or both top and bottom repeated
placement: ['bottom'],
// toolbar items
items: {
// pagination
pagination: {
// page size select
pageSizeSelect: [5, 10, 20, 30, 50], // display dropdown to select pagination size. -1 is used for "ALl" option
},
},
},
search: {
input: $('#generalSearch'),
},
// columns definition
columns: [
{
field: 'RecordID',
title: '#',
sortable: false,
width: 30,
type: 'number',
selector: {class: 'kt-checkbox--solid'},
textAlign: 'center',
}, {
field: 'OrderID',
title: 'Order ID',
}, {
field: 'Country',
title: 'Country',
template: function(row) {
return row.Country + ' ' + row.ShipCountry;
},
}, {
field: 'ShipDate',
title: 'Ship Date',
type: 'date',
format: 'MM/DD/YYYY',
}, {
field: 'CompanyName',
title: 'Company Name',
}, {
field: 'Status',
title: 'Status',
// callback function support for column rendering
template: function(row) {
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'},
};
return '<span class="kt-badge ' + status[row.Status].class + ' kt-badge--inline kt-badge--pill">' + status[row.Status].title + '</span>';
},
}, {
field: 'Type',
title: 'Type',
autoHide: false,
// callback function support for column rendering
template: function(row) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
return '<span class="kt-badge kt-badge--' + status[row.Type].state + ' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-' + status[row.Type].state +
'">' +
status[row.Type].title + '</span>';
},
}, {
field: 'Actions',
title: 'Actions',
sortable: false,
width: 110,
overflow: 'visible',
autoHide: false,
template: function() {
return '\
<div class="dropdown">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\
<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>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
}],
});
$('#kt_datatable_clear').on('click', function() {
$('#kt_datatable_console').html('');
});
$('#kt_datatable_reload').on('click', function() {
datatable.reload();
});
$('#kt_form_status,#kt_form_type').selectpicker();
};
var eventsCapture = function() {
$('.kt-datatable').on('kt-datatable--on-init', function() {
eventsWriter('Datatable init');
}).on('kt-datatable--on-layout-updated', function() {
eventsWriter('Layout render updated');
}).on('kt-datatable--on-ajax-done', function() {
eventsWriter('Ajax data successfully updated');
}).on('kt-datatable--on-ajax-fail', function(e, jqXHR) {
eventsWriter('Ajax error');
}).on('kt-datatable--on-goto-page', function(e, args) {
eventsWriter('Goto to pagination: ' + args.page);
}).on('kt-datatable--on-update-perpage', function(e, args) {
eventsWriter('Update page size: ' + args.perpage);
}).on('kt-datatable--on-reloaded', function(e) {
eventsWriter('Datatable reloaded');
}).on('kt-datatable--on-check', function(e, args) {
eventsWriter('Checkbox active: ' + args.toString());
}).on('kt-datatable--on-uncheck', function(e, args) {
eventsWriter('Checkbox inactive: ' + args.toString());
}).on('kt-datatable--on-sort', function(e, args) {
eventsWriter('Datatable sorted by ' + args.field + ' ' + args.sort);
});
};
var eventsWriter = function(string) {
var console = $('#kt_datatable_console').append(string + '\t\n');
$(console).scrollTop(console[0].scrollHeight - $(console).height());
};
return {
// public functions
init: function() {
demo();
eventsCapture();
},
};
}();
jQuery(document).ready(function() {
KTDefaultDatatableDemo.init();
});

View File

@@ -0,0 +1 @@
"use strict";var KTDefaultDatatableDemo=function(){var t=function(t){var a=$("#kt_datatable_console").append(t+"\t\n");$(a).scrollTop(a[0].scrollHeight-$(a).height())};return{init:function(){var a;a=$(".kt-datatable").KTDatatable({data:{type:"remote",source:{read:{url:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php"}},pageSize:5,serverPaging:!0,serverFiltering:!0,serverSorting:!0},layout:{scroll:!0,minHeight:null,footer:!1},sortable:!0,toolbar:{placement:["bottom"],items:{pagination:{pageSizeSelect:[5,10,20,30,50]}}},search:{input:$("#generalSearch")},columns:[{field:"RecordID",title:"#",sortable:!1,width:30,type:"number",selector:{class:"kt-checkbox--solid"},textAlign:"center"},{field:"OrderID",title:"Order ID"},{field:"Country",title:"Country",template:function(t){return t.Country+" "+t.ShipCountry}},{field:"ShipDate",title:"Ship Date",type:"date",format:"MM/DD/YYYY"},{field:"CompanyName",title:"Company Name"},{field:"Status",title:"Status",template:function(t){var a={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'<span class="kt-badge '+a[t.Status].class+' kt-badge--inline kt-badge--pill">'+a[t.Status].title+"</span>"}},{field:"Type",title:"Type",autoHide:!1,template:function(t){var a={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return'<span class="kt-badge kt-badge--'+a[t.Type].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+a[t.Type].state+'">'+a[t.Type].title+"</span>"}},{field:"Actions",title:"Actions",sortable:!1,width:110,overflow:"visible",autoHide:!1,template:function(){return'\t\t\t\t\t\t<div class="dropdown">\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown"> <i class="la la-ellipsis-h"></i> </a>\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-right">\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\t\t\t\t\t\t \t</div>\t\t\t\t\t\t</div>\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Edit details">\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t</a>\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Delete">\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t</a>\t\t\t\t\t'}}]}),$("#kt_datatable_clear").on("click",function(){$("#kt_datatable_console").html("")}),$("#kt_datatable_reload").on("click",function(){a.reload()}),$("#kt_form_status,#kt_form_type").selectpicker(),$(".kt-datatable").on("kt-datatable--on-init",function(){t("Datatable init")}).on("kt-datatable--on-layout-updated",function(){t("Layout render updated")}).on("kt-datatable--on-ajax-done",function(){t("Ajax data successfully updated")}).on("kt-datatable--on-ajax-fail",function(a,e){t("Ajax error")}).on("kt-datatable--on-goto-page",function(a,e){t("Goto to pagination: "+e.page)}).on("kt-datatable--on-update-perpage",function(a,e){t("Update page size: "+e.perpage)}).on("kt-datatable--on-reloaded",function(a){t("Datatable reloaded")}).on("kt-datatable--on-check",function(a,e){t("Checkbox active: "+e.toString())}).on("kt-datatable--on-uncheck",function(a,e){t("Checkbox inactive: "+e.toString())}).on("kt-datatable--on-sort",function(a,e){t("Datatable sorted by "+e.field+" "+e.sort)})}}}();jQuery(document).ready(function(){KTDefaultDatatableDemo.init()});

View File

@@ -0,0 +1,218 @@
"use strict";
// Class definition
var KTDefaultDatatableDemo = function() {
// Private functions
// basic demo
var demo = function() {
var options = {
// datasource definition
data: {
type: 'remote',
source: {
read: {
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php',
},
},
pageSize: 20, // display 20 records per page
serverPaging: true,
serverFiltering: true,
serverSorting: true,
},
// layout definition
layout: {
scroll: true, // enable/disable datatable scroll both horizontal and vertical when needed.
height: 550, // datatable's body's fixed height
footer: false, // display/hide footer
},
// column sorting
sortable: true,
pagination: true,
search: {
input: $('#generalSearch'),
},
// columns definition
columns: [
{
field: 'RecordID',
title: '#',
sortable: false,
width: 30,
type: 'number',
selector: {class: 'kt-checkbox--solid'},
textAlign: 'center',
}, {
field: 'ID',
title: 'ID',
width: 30,
type: 'number',
template: function(row) {
return row.RecordID;
},
}, {
field: 'OrderID',
title: 'Order ID',
}, {
field: 'Country',
title: 'Country',
template: function(row) {
return row.Country + ' ' + row.ShipCountry;
},
}, {
field: 'ShipDate',
title: 'Ship Date',
type: 'date',
format: 'MM/DD/YYYY',
}, {
field: 'CompanyName',
title: 'Company Name',
}, {
field: 'Status',
title: 'Status',
// callback function support for column rendering
template: function(row) {
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'},
};
return '<span class="kt-badge ' + status[row.Status].class + ' kt-badge--inline kt-badge--pill">' + status[row.Status].title + '</span>';
},
}, {
field: 'Type',
title: 'Type',
autoHide: false,
// callback function support for column rendering
template: function(row) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
return '<span class="kt-badge kt-badge--' + status[row.Type].state + ' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-' + status[row.Type].state + '">' +
status[row.Type].title + '</span>';
},
}, {
field: 'Actions',
title: 'Actions',
sortable: false,
width: 110,
overflow: 'visible',
autoHide: false,
template: function() {
return '\
<div class="dropdown">\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\
<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>\
</div>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Edit details">\
<i class="la la-edit"></i>\
</a>\
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Delete">\
<i class="la la-trash"></i>\
</a>\
';
},
}],
};
var datatable = $('.kt-datatable').KTDatatable(options);
// both methods are supported
// datatable.methodName(args); or $(datatable).KTDatatable(methodName, args);
$('#kt_datatable_destroy').on('click', function() {
// datatable.destroy();
$('.kt-datatable').KTDatatable('destroy');
});
$('#kt_datatable_init').on('click', function() {
datatable = $('.kt-datatable').KTDatatable(options);
});
$('#kt_datatable_reload').on('click', function() {
// datatable.reload();
$('.kt-datatable').KTDatatable('reload');
});
$('#kt_datatable_sort_asc').on('click', function() {
datatable.sort('Status', 'asc');
});
$('#kt_datatable_sort_desc').on('click', function() {
datatable.sort('Status', 'desc');
});
// get checked record and get value by column name
$('#kt_datatable_get').on('click', function() {
// select active rows
datatable.rows('.kt-datatable__row--active');
// check selected nodes
if (datatable.nodes().length > 0) {
// get column by field name and get the column nodes
var value = datatable.columns('CompanyName').nodes().text();
console.log(value);
}
});
// record selection
$('#kt_datatable_check').on('click', function() {
var input = $('#kt_datatable_check_input').val();
datatable.setActive(input);
});
$('#kt_datatable_check_all').on('click', function() {
// datatable.setActiveAll(true);
$('.kt-datatable').KTDatatable('setActiveAll', true);
});
$('#kt_datatable_uncheck_all').on('click', function() {
// datatable.setActiveAll(false);
$('.kt-datatable').KTDatatable('setActiveAll', false);
});
$('#kt_datatable_hide_column').on('click', function() {
datatable.columns('ShipDate').visible(false);
});
$('#kt_datatable_show_column').on('click', function() {
datatable.columns('ShipDate').visible(true);
});
$('#kt_datatable_remove_row').on('click', function() {
datatable.rows('.kt-datatable__row--active').remove();
});
$('#kt_form_status,#kt_form_type').selectpicker();
};
return {
// public functions
init: function() {
demo();
},
};
}();
jQuery(document).ready(function() {
KTDefaultDatatableDemo.init();
});

View File

@@ -0,0 +1 @@
"use strict";var KTDefaultDatatableDemo={init:function(){var t,a;t={data:{type:"remote",source:{read:{url:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php"}},pageSize:20,serverPaging:!0,serverFiltering:!0,serverSorting:!0},layout:{scroll:!0,height:550,footer:!1},sortable:!0,pagination:!0,search:{input:$("#generalSearch")},columns:[{field:"RecordID",title:"#",sortable:!1,width:30,type:"number",selector:{class:"kt-checkbox--solid"},textAlign:"center"},{field:"ID",title:"ID",width:30,type:"number",template:function(t){return t.RecordID}},{field:"OrderID",title:"Order ID"},{field:"Country",title:"Country",template:function(t){return t.Country+" "+t.ShipCountry}},{field:"ShipDate",title:"Ship Date",type:"date",format:"MM/DD/YYYY"},{field:"CompanyName",title:"Company Name"},{field:"Status",title:"Status",template:function(t){var a={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'<span class="kt-badge '+a[t.Status].class+' kt-badge--inline kt-badge--pill">'+a[t.Status].title+"</span>"}},{field:"Type",title:"Type",autoHide:!1,template:function(t){var a={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return'<span class="kt-badge kt-badge--'+a[t.Type].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+a[t.Type].state+'">'+a[t.Type].title+"</span>"}},{field:"Actions",title:"Actions",sortable:!1,width:110,overflow:"visible",autoHide:!1,template:function(){return'\t\t\t\t\t\t<div class="dropdown">\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown"> <i class="la la-ellipsis-h"></i> </a>\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-right">\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\t\t\t\t\t\t \t<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\t\t\t\t\t\t \t</div>\t\t\t\t\t\t</div>\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Edit details">\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t</a>\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Delete">\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t</a>\t\t\t\t\t'}}]},a=$(".kt-datatable").KTDatatable(t),$("#kt_datatable_destroy").on("click",function(){$(".kt-datatable").KTDatatable("destroy")}),$("#kt_datatable_init").on("click",function(){a=$(".kt-datatable").KTDatatable(t)}),$("#kt_datatable_reload").on("click",function(){$(".kt-datatable").KTDatatable("reload")}),$("#kt_datatable_sort_asc").on("click",function(){a.sort("Status","asc")}),$("#kt_datatable_sort_desc").on("click",function(){a.sort("Status","desc")}),$("#kt_datatable_get").on("click",function(){if(a.rows(".kt-datatable__row--active"),a.nodes().length>0){var t=a.columns("CompanyName").nodes().text();console.log(t)}}),$("#kt_datatable_check").on("click",function(){var t=$("#kt_datatable_check_input").val();a.setActive(t)}),$("#kt_datatable_check_all").on("click",function(){$(".kt-datatable").KTDatatable("setActiveAll",!0)}),$("#kt_datatable_uncheck_all").on("click",function(){$(".kt-datatable").KTDatatable("setActiveAll",!1)}),$("#kt_datatable_hide_column").on("click",function(){a.columns("ShipDate").visible(!1)}),$("#kt_datatable_show_column").on("click",function(){a.columns("ShipDate").visible(!0)}),$("#kt_datatable_remove_row").on("click",function(){a.rows(".kt-datatable__row--active").remove()}),$("#kt_form_status,#kt_form_type").selectpicker()}};jQuery(document).ready(function(){KTDefaultDatatableDemo.init()});