first initial
This commit is contained in:
@@ -0,0 +1,195 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTDatatableColumnRenderingDemo = 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: 10, // display 20 records per page
|
||||
serverPaging: true,
|
||||
serverFiltering: true,
|
||||
serverSorting: true,
|
||||
},
|
||||
|
||||
// layout definition
|
||||
layout: {
|
||||
scroll: false, // enable/disable datatable scroll both horizontal and vertical when needed.
|
||||
footer: false, // display/hide footer
|
||||
},
|
||||
|
||||
// column sorting
|
||||
sortable: true,
|
||||
|
||||
pagination: true,
|
||||
|
||||
search: {
|
||||
input: $('#generalSearch'),
|
||||
delay: 400,
|
||||
},
|
||||
|
||||
// columns definition
|
||||
columns: [
|
||||
{
|
||||
field: 'RecordID',
|
||||
title: '#',
|
||||
sortable: 'asc',
|
||||
width: 30,
|
||||
type: 'number',
|
||||
selector: false,
|
||||
textAlign: 'center',
|
||||
}, {
|
||||
field: 'OrderID',
|
||||
title: 'Order ID',
|
||||
template: function(data) {
|
||||
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="assets/media/users/' + user_img + '" alt="photo">\
|
||||
</div>\
|
||||
<div class="kt-user-card-v2__details">\
|
||||
<span class="kt-user-card-v2__name">' + data.CompanyAgent + '</span>\
|
||||
<a href="#" class="kt-user-card-v2__email kt-link">' +
|
||||
data.CompanyEmail + '</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 + '">' + data.CompanyAgent.substring(0, 1) + '</div>\
|
||||
</div>\
|
||||
<div class="kt-user-card-v2__details">\
|
||||
<span class="kt-user-card-v2__name">' + data.CompanyAgent + '</span>\
|
||||
<a href="#" class="kt-user-card-v2__email kt-link">' +
|
||||
data.CompanyEmail + '</a>\
|
||||
</div>\
|
||||
</div>';
|
||||
}
|
||||
|
||||
return output;
|
||||
},
|
||||
}, {
|
||||
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> <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_form_status').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Status');
|
||||
});
|
||||
|
||||
$('#kt_form_type').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Type');
|
||||
});
|
||||
|
||||
$('#kt_form_status,#kt_form_type').selectpicker();
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo();
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatableColumnRenderingDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/column-rendering.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/column-rendering.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatableColumnRenderingDemo={init:function(){var t;t=$(".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:10,serverPaging:!0,serverFiltering:!0,serverSorting:!0},layout:{scroll:!1,footer:!1},sortable:!0,pagination:!0,search:{input:$("#generalSearch"),delay:400},columns:[{field:"RecordID",title:"#",sortable:"asc",width:30,type:"number",selector:!1,textAlign:"center"},{field:"OrderID",title:"Order ID",template:function(t){var a=KTUtil.getRandomInt(1,14);return a>8?'<div class="kt-user-card-v2">\t\t\t\t\t\t\t\t<div class="kt-user-card-v2__pic">\t\t\t\t\t\t\t\t\t<img src="assets/media/users/100_'+a+'.jpg" alt="photo">\t\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t\t<div class="kt-user-card-v2__details">\t\t\t\t\t\t\t\t\t<span class="kt-user-card-v2__name">'+t.CompanyAgent+'</span>\t\t\t\t\t\t\t\t\t<a href="#" class="kt-user-card-v2__email kt-link">'+t.CompanyEmail+"</a>\t\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t</div>":'<div class="kt-user-card-v2">\t\t\t\t\t\t\t\t<div class="kt-user-card-v2__pic">\t\t\t\t\t\t\t\t\t<div class="kt-badge kt-badge--xl kt-badge--'+["success","brand","danger","success","warning","dark","primary","info"][KTUtil.getRandomInt(0,7)]+'">'+t.CompanyAgent.substring(0,1)+'</div>\t\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t\t<div class="kt-user-card-v2__details">\t\t\t\t\t\t\t\t\t<span class="kt-user-card-v2__name">'+t.CompanyAgent+'</span>\t\t\t\t\t\t\t\t\t<a href="#" class="kt-user-card-v2__email kt-link">'+t.CompanyEmail+"</a>\t\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t</div>"}},{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> <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\t<div class="dropdown">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\t <i class="la la-ellipsis-h"></i>\t </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\t</div>\t\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\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\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\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}}]}),$("#kt_form_status").on("change",function(){t.search($(this).val().toLowerCase(),"Status")}),$("#kt_form_type").on("change",function(){t.search($(this).val().toLowerCase(),"Type")}),$("#kt_form_status,#kt_form_type").selectpicker()}};jQuery(document).ready(function(){KTDatatableColumnRenderingDemo.init()});
|
||||
@@ -0,0 +1,152 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTDatatableColumnWidthDemo = 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: 10,
|
||||
serverPaging: true,
|
||||
serverFiltering: false,
|
||||
serverSorting: true,
|
||||
},
|
||||
|
||||
// layout definition
|
||||
layout: {
|
||||
scroll: true, // enable/disable datatable scroll both horizontal and
|
||||
// vertical when needed.
|
||||
height: null, // 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: 'asc',
|
||||
width: 30,
|
||||
type: 'number',
|
||||
selector: false,
|
||||
textAlign: 'center',
|
||||
}, {
|
||||
field: 'OrderID',
|
||||
title: 'Order ID',
|
||||
}, {
|
||||
field: 'Country',
|
||||
title: 'Country',
|
||||
template: function(row, index, datatable) {
|
||||
return row.Country + ' ' + row.ShipCountry;
|
||||
},
|
||||
}, {
|
||||
field: 'CompanyEmail',
|
||||
width: 150,
|
||||
title: 'Email',
|
||||
}, {
|
||||
field: 'ShipDate',
|
||||
title: 'Ship Date',
|
||||
type: 'date',
|
||||
format: 'MM/DD/YYYY',
|
||||
}, {
|
||||
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> <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_form_status').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Status');
|
||||
});
|
||||
|
||||
$('#kt_form_type').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Type');
|
||||
});
|
||||
|
||||
$('#kt_form_status,#kt_form_type').selectpicker();
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo();
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatableColumnWidthDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/column-width.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/column-width.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatableColumnWidthDemo={init:function(){var t;t=$(".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:10,serverPaging:!0,serverFiltering:!1,serverSorting:!0},layout:{scroll:!0,height:null,footer:!1},sortable:!0,pagination:!0,search:{input:$("#generalSearch")},columns:[{field:"RecordID",title:"#",sortable:"asc",width:30,type:"number",selector:!1,textAlign:"center"},{field:"OrderID",title:"Order ID"},{field:"Country",title:"Country",template:function(t,e,a){return t.Country+" "+t.ShipCountry}},{field:"CompanyEmail",width:150,title:"Email"},{field:"ShipDate",title:"Ship Date",type:"date",format:"MM/DD/YYYY"},{field:"Status",title:"Status",template:function(t){var e={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 '+e[t.Status].class+' kt-badge--inline kt-badge--pill">'+e[t.Status].title+"</span>"}},{field:"Type",title:"Type",autoHide:!1,template:function(t){var e={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return'<span class="kt-badge kt-badge--'+e[t.Type].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+e[t.Type].state+'">'+e[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\t<div class="dropdown">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\t <i class="la la-ellipsis-h"></i>\t </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\t</div>\t\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\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\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\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}}]}),$("#kt_form_status").on("change",function(){t.search($(this).val().toLowerCase(),"Status")}),$("#kt_form_type").on("change",function(){t.search($(this).val().toLowerCase(),"Type")}),$("#kt_form_status,#kt_form_type").selectpicker()}};jQuery(document).ready(function(){KTDatatableColumnWidthDemo.init()});
|
||||
File diff suppressed because one or more lines are too long
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/modal.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/modal.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,240 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTDatatableRecordSelectionDemo = function() {
|
||||
// Private functions
|
||||
|
||||
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: 10,
|
||||
serverPaging: true,
|
||||
serverFiltering: true,
|
||||
serverSorting: true,
|
||||
},
|
||||
|
||||
// layout definition
|
||||
layout: {
|
||||
scroll: true, // enable/disable datatable scroll both horizontal and
|
||||
// vertical when needed.
|
||||
height: 350, // datatable's body's fixed height
|
||||
footer: false // display/hide footer
|
||||
},
|
||||
|
||||
// column sorting
|
||||
sortable: true,
|
||||
|
||||
pagination: true,
|
||||
|
||||
// columns definition
|
||||
|
||||
columns: [{
|
||||
field: 'RecordID',
|
||||
title: '#',
|
||||
sortable: false,
|
||||
width: 20,
|
||||
selector: {
|
||||
class: 'kt-checkbox--solid'
|
||||
},
|
||||
textAlign: 'center',
|
||||
}, {
|
||||
field: 'OrderID',
|
||||
title: 'Order ID',
|
||||
template: '{{OrderID}}',
|
||||
}, {
|
||||
field: 'Country',
|
||||
title: 'Country',
|
||||
template: function(row) {
|
||||
return row.Country + ' ' + row.ShipCountry;
|
||||
},
|
||||
}, {
|
||||
field: 'ShipAddress',
|
||||
title: 'Ship Address',
|
||||
}, {
|
||||
field: 'ShipDate',
|
||||
title: 'Ship Date',
|
||||
type: 'date',
|
||||
format: 'MM/DD/YYYY',
|
||||
}, {
|
||||
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> <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',
|
||||
textAlign: 'left',
|
||||
autoHide: false,
|
||||
template: function() {
|
||||
return '\
|
||||
<div class="dropdown">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-sm" data-toggle="dropdown">\
|
||||
<i class="flaticon2-settings"></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-sm" title="Edit details">\
|
||||
<i class="flaticon2-file"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-sm" title="Delete">\
|
||||
<i class="flaticon2-delete"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
}],
|
||||
};
|
||||
|
||||
// basic demo
|
||||
var localSelectorDemo = function() {
|
||||
|
||||
options.search = {
|
||||
input: $('#generalSearch'),
|
||||
};
|
||||
|
||||
var datatable = $('#local_record_selection').KTDatatable(options);
|
||||
|
||||
$('#kt_form_status').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Status');
|
||||
});
|
||||
|
||||
$('#kt_form_type').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Type');
|
||||
});
|
||||
|
||||
$('#kt_form_status,#kt_form_type').selectpicker();
|
||||
|
||||
datatable.on(
|
||||
'kt-datatable--on-check kt-datatable--on-uncheck kt-datatable--on-layout-updated',
|
||||
function(e) {
|
||||
var checkedNodes = datatable.rows('.kt-datatable__row--active').nodes();
|
||||
var count = checkedNodes.length;
|
||||
$('#kt_datatable_selected_number').html(count);
|
||||
if (count > 0) {
|
||||
$('#kt_datatable_group_action_form').collapse('show');
|
||||
} else {
|
||||
$('#kt_datatable_group_action_form').collapse('hide');
|
||||
}
|
||||
});
|
||||
|
||||
$('#kt_modal_fetch_id').on('show.bs.modal', function(e) {
|
||||
var ids = datatable.rows('.kt-datatable__row--active').
|
||||
nodes().
|
||||
find('.kt-checkbox--single > [type="checkbox"]').
|
||||
map(function(i, chk) {
|
||||
return $(chk).val();
|
||||
});
|
||||
var c = document.createDocumentFragment();
|
||||
for (var i = 0; i < ids.length; i++) {
|
||||
var li = document.createElement('li');
|
||||
li.setAttribute('data-id', ids[i]);
|
||||
li.innerHTML = 'Selected record ID: ' + ids[i];
|
||||
c.appendChild(li);
|
||||
}
|
||||
$(e.target).find('.kt-datatable_selected_ids').append(c);
|
||||
}).on('hide.bs.modal', function(e) {
|
||||
$(e.target).find('.kt-datatable_selected_ids').empty();
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var serverSelectorDemo = function() {
|
||||
|
||||
// enable extension
|
||||
options.extensions = {
|
||||
checkbox: {},
|
||||
};
|
||||
options.search = {
|
||||
input: $('#generalSearch1'),
|
||||
};
|
||||
|
||||
var datatable = $('#server_record_selection').KTDatatable(options);
|
||||
|
||||
$('#kt_form_status1').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Status');
|
||||
});
|
||||
|
||||
$('#kt_form_type1').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Type');
|
||||
});
|
||||
|
||||
$('#kt_form_status1,#kt_form_type1').selectpicker();
|
||||
|
||||
datatable.on(
|
||||
'kt-datatable--on-click-checkbox kt-datatable--on-layout-updated',
|
||||
function(e) {
|
||||
// datatable.checkbox() access to extension methods
|
||||
var ids = datatable.checkbox().getSelectedId();
|
||||
var count = ids.length;
|
||||
$('#kt_datatable_selected_number1').html(count);
|
||||
if (count > 0) {
|
||||
$('#kt_datatable_group_action_form1').collapse('show');
|
||||
} else {
|
||||
$('#kt_datatable_group_action_form1').collapse('hide');
|
||||
}
|
||||
});
|
||||
|
||||
$('#kt_modal_fetch_id_server').on('show.bs.modal', function(e) {
|
||||
var ids = datatable.checkbox().getSelectedId();
|
||||
var c = document.createDocumentFragment();
|
||||
for (var i = 0; i < ids.length; i++) {
|
||||
var li = document.createElement('li');
|
||||
li.setAttribute('data-id', ids[i]);
|
||||
li.innerHTML = 'Selected record ID: ' + ids[i];
|
||||
c.appendChild(li);
|
||||
}
|
||||
$(e.target).find('.kt-datatable_selected_ids').append(c);
|
||||
}).on('hide.bs.modal', function(e) {
|
||||
$(e.target).find('.kt-datatable_selected_ids').empty();
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
localSelectorDemo();
|
||||
serverSelectorDemo();
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatableRecordSelectionDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/record-selection.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/record-selection.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,159 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTDatatableAutoColumnHideDemo = 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: 10,
|
||||
saveState: false,
|
||||
serverPaging: true,
|
||||
serverFiltering: true,
|
||||
serverSorting: true,
|
||||
},
|
||||
|
||||
layout: {
|
||||
scroll: true,
|
||||
height: 550,
|
||||
},
|
||||
|
||||
// column sorting
|
||||
sortable: true,
|
||||
|
||||
pagination: true,
|
||||
|
||||
search: {
|
||||
input: $('#generalSearch'),
|
||||
},
|
||||
|
||||
// columns definition
|
||||
columns: [
|
||||
{
|
||||
field: 'OrderID',
|
||||
title: 'Order ID',
|
||||
}, {
|
||||
field: 'Country',
|
||||
title: 'Country',
|
||||
template: function(row) {
|
||||
return row.Country + ' ' + row.ShipCountry;
|
||||
},
|
||||
}, {
|
||||
field: 'CompanyEmail',
|
||||
title: 'Email',
|
||||
width: 'auto',
|
||||
}, {
|
||||
field: 'ShipDate',
|
||||
title: 'Ship Date',
|
||||
type: 'date',
|
||||
format: 'MM/DD/YYYY',
|
||||
}, {
|
||||
field: 'CompanyName',
|
||||
title: 'Company Name',
|
||||
width: 'auto',
|
||||
}, {
|
||||
field: 'ShipAddress',
|
||||
title: 'Ship Address',
|
||||
}, {
|
||||
field: 'Website',
|
||||
title: 'Website',
|
||||
}, {
|
||||
field: 'TotalPayment',
|
||||
title: 'Payment',
|
||||
}, {
|
||||
field: 'Notes',
|
||||
title: 'Notes',
|
||||
width: 'auto',
|
||||
}, {
|
||||
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',
|
||||
// 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> <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_form_status').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Status');
|
||||
});
|
||||
|
||||
$('#kt_form_type').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Type');
|
||||
});
|
||||
|
||||
$('#kt_form_status,#kt_form_type').selectpicker();
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo();
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatableAutoColumnHideDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/row-details.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/row-details.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatableAutoColumnHideDemo={init:function(){var t;t=$(".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:10,saveState:!1,serverPaging:!0,serverFiltering:!0,serverSorting:!0},layout:{scroll:!0,height:550},sortable:!0,pagination:!0,search:{input:$("#generalSearch")},columns:[{field:"OrderID",title:"Order ID"},{field:"Country",title:"Country",template:function(t){return t.Country+" "+t.ShipCountry}},{field:"CompanyEmail",title:"Email",width:"auto"},{field:"ShipDate",title:"Ship Date",type:"date",format:"MM/DD/YYYY"},{field:"CompanyName",title:"Company Name",width:"auto"},{field:"ShipAddress",title:"Ship Address"},{field:"Website",title:"Website"},{field:"TotalPayment",title:"Payment"},{field:"Notes",title:"Notes",width:"auto"},{field:"Status",title:"Status",template:function(t){var e={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 '+e[t.Status].class+' kt-badge--inline kt-badge--pill">'+e[t.Status].title+"</span>"}},{field:"Type",title:"Type",template:function(t){var e={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return'<span class="kt-badge kt-badge--'+e[t.Type].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+e[t.Type].state+'">'+e[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\t<div class="dropdown">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\t <i class="la la-ellipsis-h"></i>\t </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\t</div>\t\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\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\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\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}}]}),$("#kt_form_status").on("change",function(){t.search($(this).val().toLowerCase(),"Status")}),$("#kt_form_type").on("change",function(){t.search($(this).val().toLowerCase(),"Type")}),$("#kt_form_status,#kt_form_type").selectpicker()}};jQuery(document).ready(function(){KTDatatableAutoColumnHideDemo.init()});
|
||||
@@ -0,0 +1,156 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTDefaultDatatableDemo = function () {
|
||||
// Private functions
|
||||
|
||||
// basic demo
|
||||
var demo = function () {
|
||||
|
||||
var datatable = $('.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: 20,
|
||||
serverPaging: true,
|
||||
serverFiltering: true,
|
||||
serverSorting: true
|
||||
},
|
||||
|
||||
layout: {
|
||||
scroll: true,
|
||||
height: 550,
|
||||
footer: false
|
||||
},
|
||||
|
||||
sortable: true,
|
||||
|
||||
filterable: false,
|
||||
|
||||
pagination: true,
|
||||
|
||||
search: {
|
||||
input: $('#generalSearch')
|
||||
},
|
||||
|
||||
columns: [
|
||||
{
|
||||
field: 'RecordID',
|
||||
title: '#',
|
||||
sortable: false,
|
||||
width: 20,
|
||||
type: 'number',
|
||||
selector: false,
|
||||
textAlign: 'center',
|
||||
}, {
|
||||
field: 'OrderID',
|
||||
title: 'Order ID',
|
||||
}, {
|
||||
field: 'Country',
|
||||
title: 'Country',
|
||||
template: function(row) {
|
||||
return row.Country + ' ' + row.ShipCountry;
|
||||
},
|
||||
}, {
|
||||
field: 'CompanyEmail',
|
||||
width: 150,
|
||||
title: 'Email',
|
||||
}, {
|
||||
field: 'ShipAddress',
|
||||
title: 'Ship Address',
|
||||
}, {
|
||||
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> <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_form_status').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Status');
|
||||
});
|
||||
|
||||
$('#kt_form_type').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Type');
|
||||
});
|
||||
|
||||
$('#kt_form_status,#kt_form_type').selectpicker();
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function () {
|
||||
demo();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
KTDefaultDatatableDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/vertical.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/metronic-datatable/advanced/vertical.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDefaultDatatableDemo={init:function(){var t;t=$(".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:20,serverPaging:!0,serverFiltering:!0,serverSorting:!0},layout:{scroll:!0,height:550,footer:!1},sortable:!0,filterable:!1,pagination:!0,search:{input:$("#generalSearch")},columns:[{field:"RecordID",title:"#",sortable:!1,width:20,type:"number",selector:!1,textAlign:"center"},{field:"OrderID",title:"Order ID"},{field:"Country",title:"Country",template:function(t){return t.Country+" "+t.ShipCountry}},{field:"CompanyEmail",width:150,title:"Email"},{field:"ShipAddress",title:"Ship Address"},{field:"ShipDate",title:"Ship Date",type:"date",format:"MM/DD/YYYY"},{field:"CompanyName",title:"Company Name"},{field:"Status",title:"Status",template:function(t){var e={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 '+e[t.Status].class+' kt-badge--inline kt-badge--pill">'+e[t.Status].title+"</span>"}},{field:"Type",title:"Type",autoHide:!1,template:function(t){var e={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return'<span class="kt-badge kt-badge--'+e[t.Type].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+e[t.Type].state+'">'+e[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\t<div class="dropdown">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\t <i class="la la-ellipsis-h"></i>\t </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\t</div>\t\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\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\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\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}}]}),$("#kt_form_status").on("change",function(){t.search($(this).val().toLowerCase(),"Status")}),$("#kt_form_type").on("change",function(){t.search($(this).val().toLowerCase(),"Type")}),$("#kt_form_status,#kt_form_type").selectpicker()}};jQuery(document).ready(function(){KTDefaultDatatableDemo.init()});
|
||||
Reference in New Issue
Block a user