first initial
This commit is contained in:
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/advanced/column-rendering.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedColumnRendering.init()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/advanced/column-visibility.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedColumnVisibility.init()});
|
||||
@@ -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
1
public/assets/js/demo1/pages/crud/datatables/advanced/footer-callback.min.js
vendored
Normal 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()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/advanced/multiple-controls.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedMultipleControls.init()});
|
||||
@@ -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
1
public/assets/js/demo1/pages/crud/datatables/advanced/row-callback.min.js
vendored
Normal 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()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/advanced/row-grouping.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedRowGrouping.init()});
|
||||
139
public/assets/js/demo1/pages/crud/datatables/basic/basic.js
Normal file
139
public/assets/js/demo1/pages/crud/datatables/basic/basic.js
Normal file
@@ -0,0 +1,139 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicBasic = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
|
||||
// DOM Layout settings
|
||||
dom: `<'row'<'col-sm-12'tr>>
|
||||
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
|
||||
|
||||
lengthMenu: [5, 10, 25, 50],
|
||||
|
||||
pageLength: 10,
|
||||
|
||||
language: {
|
||||
'lengthMenu': 'Display _MENU_',
|
||||
},
|
||||
|
||||
// Order settings
|
||||
order: [[1, 'desc']],
|
||||
|
||||
headerCallback: function(thead, data, start, end, display) {
|
||||
thead.getElementsByTagName('th')[0].innerHTML = `
|
||||
<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid">
|
||||
<input type="checkbox" value="" class="kt-group-checkable">
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
|
||||
columnDefs: [
|
||||
{
|
||||
targets: 0,
|
||||
width: '30px',
|
||||
className: 'dt-right',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid">
|
||||
<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> ' +
|
||||
'<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);
|
||||
$(this).closest('tr').addClass('active');
|
||||
}
|
||||
else {
|
||||
$(this).prop('checked', false);
|
||||
$(this).closest('tr').removeClass('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
table.on('change', 'tbody tr .kt-checkbox', function() {
|
||||
$(this).parents('tr').toggleClass('active');
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesBasicBasic.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/basic/basic.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/basic/basic.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicBasic={init:function(){var e;(e=$("#kt_table_1")).DataTable({responsive:!0,dom:"<'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>>",lengthMenu:[5,10,25,50],pageLength:10,language:{lengthMenu:"Display _MENU_"},order:[[1,"desc"]],headerCallback:function(e,t,a,s,n){e.getElementsByTagName("th")[0].innerHTML='\n <label class="kt-checkbox kt-checkbox--single kt-checkbox--solid">\n <input type="checkbox" value="" class="kt-group-checkable">\n <span></span>\n </label>'},columnDefs:[{targets:0,width:"30px",className:"dt-right",orderable:!1,render:function(e,t,a,s){return'\n <label class="kt-checkbox kt-checkbox--single kt-checkbox--solid">\n <input type="checkbox" value="" class="kt-checkable">\n <span></span>\n </label>'}},{targets:-1,title:"Actions",orderable:!1,render:function(e,t,a,s){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,s){var n={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===n[e]?e:'<span class="kt-badge '+n[e].class+' kt-badge--inline kt-badge--pill">'+n[e].title+"</span>"}},{targets:9,render:function(e,t,a,s){var n={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===n[e]?e:'<span class="kt-badge kt-badge--'+n[e].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+n[e].state+'">'+n[e].title+"</span>"}}]}),e.on("change",".kt-group-checkable",function(){var e=$(this).closest("table").find("td:first-child .kt-checkable"),t=$(this).is(":checked");$(e).each(function(){t?($(this).prop("checked",!0),$(this).closest("tr").addClass("active")):($(this).prop("checked",!1),$(this).closest("tr").removeClass("active"))})}),e.on("change","tbody tr .kt-checkbox",function(){$(this).parents("tr").toggleClass("active")})}};jQuery(document).ready(function(){KTDatatablesBasicBasic.init()});
|
||||
@@ -0,0 +1,82 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicHeaders = 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: 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> ' +
|
||||
'<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() {
|
||||
KTDatatablesBasicHeaders.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/basic/headers.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/basic/headers.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicHeaders={init:function(){$("#kt_table_1").DataTable({responsive:!0,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: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> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesBasicHeaders.init()});
|
||||
@@ -0,0 +1,83 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicPaginations = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
pagingType: 'full_numbers',
|
||||
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> ' +
|
||||
'<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() {
|
||||
KTDatatablesBasicPaginations.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/basic/paginations.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/basic/paginations.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicPaginations={init:function(){$("#kt_table_1").DataTable({responsive:!0,pagingType:"full_numbers",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: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> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesBasicPaginations.init()});
|
||||
140
public/assets/js/demo1/pages/crud/datatables/basic/scrollable.js
Normal file
140
public/assets/js/demo1/pages/crud/datatables/basic/scrollable.js
Normal file
@@ -0,0 +1,140 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicScrollable = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
scrollY: '50vh',
|
||||
scrollX: true,
|
||||
scrollCollapse: 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> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
var initTable2 = function() {
|
||||
var table = $('#kt_table_2');
|
||||
|
||||
// begin second table
|
||||
table.DataTable({
|
||||
scrollY: '50vh',
|
||||
scrollX: true,
|
||||
scrollCollapse: true,
|
||||
createdRow: function(row, data, index) {
|
||||
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'},
|
||||
};
|
||||
var badge = '<span class="kt-badge ' + status[data[18]].class + ' kt-badge--inline kt-badge--pill">' + status[data[18]].title + '</span>';
|
||||
row.getElementsByTagName('td')[18].innerHTML = badge;
|
||||
|
||||
status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
badge = '<span class="kt-badge kt-badge--' + status[data[19]].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data[19]].state + '">' + status[data[19]].title + '</span>';
|
||||
row.getElementsByTagName('td')[19].innerHTML = badge;
|
||||
},
|
||||
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>`;
|
||||
},
|
||||
}],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
initTable2();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesBasicScrollable.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/basic/scrollable.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/basic/scrollable.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicScrollable={init:function(){$("#kt_table_1").DataTable({scrollY:"50vh",scrollX:!0,scrollCollapse:!0,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: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> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]}),$("#kt_table_2").DataTable({scrollY:"50vh",scrollX:!0,scrollCollapse:!0,createdRow:function(a,t,e){var n={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"}},s='<span class="kt-badge '+n[t[18]].class+' kt-badge--inline kt-badge--pill">'+n[t[18]].title+"</span>";a.getElementsByTagName("td")[18].innerHTML=s,s='<span class="kt-badge kt-badge--'+(n={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}})[t[19]].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+n[t[19]].state+'">'+n[t[19]].title+"</span>",a.getElementsByTagName("td")[19].innerHTML=s},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>'}}]})}};jQuery(document).ready(function(){KTDatatablesBasicScrollable.init()});
|
||||
@@ -0,0 +1,101 @@
|
||||
'use strict';
|
||||
var KTDatatablesDataSourceAjaxClient = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
ajax: {
|
||||
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php',
|
||||
type: 'POST',
|
||||
data: {
|
||||
pagination: {
|
||||
perpage: 50,
|
||||
},
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{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> ' +
|
||||
'<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() {
|
||||
KTDatatablesDataSourceAjaxClient.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-client-side.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-client-side.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceAjaxClient={init:function(){$("#kt_table_1").DataTable({responsive:!0,ajax:{url:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php",type:"POST",data:{pagination:{perpage:50}}},columns:[{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{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> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceAjaxClient.init()});
|
||||
@@ -0,0 +1,96 @@
|
||||
"use strict";
|
||||
var KTDatatablesDataSourceAjaxServer = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
searchDelay: 500,
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php',
|
||||
columns: [
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{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> ' +
|
||||
'<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() {
|
||||
KTDatatablesDataSourceAjaxServer.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-server-side.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-server-side.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceAjaxServer={init:function(){$("#kt_table_1").DataTable({responsive:!0,searchDelay:500,processing:!0,serverSide:!0,ajax:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php",columns:[{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{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> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceAjaxServer.init()});
|
||||
@@ -0,0 +1,83 @@
|
||||
"use strict";
|
||||
var KTDatatablesDataSourceHtml = 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: 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> ' +
|
||||
'<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() {
|
||||
KTDatatablesDataSourceHtml.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/html.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/html.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceHtml={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: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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceHtml.init()});
|
||||
File diff suppressed because one or more lines are too long
1
public/assets/js/demo1/pages/crud/datatables/data-sources/javascript.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/javascript.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -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> ' +
|
||||
'<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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/buttons.min.js
vendored
Normal 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> <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> <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()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/colreorder.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsColreorder.init()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/fixedcolumns.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsFixedcolumns.init()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/fixedheader.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[e].state+'">'+s[e].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsFixedheader.init()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/keytable.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsKeytable.init()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/responsive.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsResponsive.init()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/rowgroup.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsRowgroup.init()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/rowreorder.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsRowreorder.init()});
|
||||
@@ -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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/scroller.min.js
vendored
Normal 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> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsScroller.init()});
|
||||
@@ -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> ' +
|
||||
'<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> ' +
|
||||
'<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
1
public/assets/js/demo1/pages/crud/datatables/extensions/select.min.js
vendored
Normal 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> <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> <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()});
|
||||
@@ -0,0 +1,209 @@
|
||||
"use strict";
|
||||
var KTDatatablesSearchOptionsAdvancedSearch = function() {
|
||||
|
||||
$.fn.dataTable.Api.register('column().title()', function() {
|
||||
return $(this.header()).text().trim();
|
||||
});
|
||||
|
||||
var initTable1 = function() {
|
||||
// begin first table
|
||||
var table = $('#kt_table_1').DataTable({
|
||||
responsive: true,
|
||||
// Pagination settings
|
||||
dom: `<'row'<'col-sm-12'tr>>
|
||||
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
|
||||
// read more: https://datatables.net/examples/basic_init/dom.html
|
||||
|
||||
lengthMenu: [5, 10, 25, 50],
|
||||
|
||||
pageLength: 10,
|
||||
|
||||
language: {
|
||||
'lengthMenu': 'Display _MENU_',
|
||||
},
|
||||
|
||||
searchDelay: 500,
|
||||
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: [
|
||||
'RecordID', 'OrderID', 'Country', 'ShipCity', 'CompanyAgent',
|
||||
'ShipDate', 'Status', 'Type', 'Actions',],
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'RecordID'},
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{data: 'CompanyAgent'},
|
||||
{data: 'ShipDate'},
|
||||
{data: 'Status'},
|
||||
{data: 'Type'},
|
||||
{data: 'Actions', responsivePriority: -1},
|
||||
],
|
||||
|
||||
initComplete: function() {
|
||||
this.api().columns().every(function() {
|
||||
var column = this;
|
||||
|
||||
switch (column.title()) {
|
||||
case 'Country':
|
||||
column.data().unique().sort().each(function(d, j) {
|
||||
$('.kt-input[data-col-index="2"]').append('<option value="' + d + '">' + d + '</option>');
|
||||
});
|
||||
break;
|
||||
|
||||
case 'Status':
|
||||
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'},
|
||||
};
|
||||
column.data().unique().sort().each(function(d, j) {
|
||||
$('.kt-input[data-col-index="6"]').append('<option value="' + d + '">' + status[d].title + '</option>');
|
||||
});
|
||||
break;
|
||||
|
||||
case 'Type':
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
column.data().unique().sort().each(function(d, j) {
|
||||
$('.kt-input[data-col-index="7"]').append('<option value="' + d + '">' + status[d].title + '</option>');
|
||||
});
|
||||
break;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
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: 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> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
var filter = function() {
|
||||
var val = $.fn.dataTable.util.escapeRegex($(this).val());
|
||||
table.column($(this).data('col-index')).search(val ? val : '', false, false).draw();
|
||||
};
|
||||
|
||||
var asdasd = function(value, index) {
|
||||
var val = $.fn.dataTable.util.escapeRegex(value);
|
||||
table.column(index).search(val ? val : '', false, true);
|
||||
};
|
||||
|
||||
$('#kt_search').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
var params = {};
|
||||
$('.kt-input').each(function() {
|
||||
var i = $(this).data('col-index');
|
||||
if (params[i]) {
|
||||
params[i] += '|' + $(this).val();
|
||||
}
|
||||
else {
|
||||
params[i] = $(this).val();
|
||||
}
|
||||
});
|
||||
$.each(params, function(i, val) {
|
||||
// apply search params to datatable
|
||||
table.column(i).search(val ? val : '', false, false);
|
||||
});
|
||||
table.table().draw();
|
||||
});
|
||||
|
||||
$('#kt_reset').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
$('.kt-input').each(function() {
|
||||
$(this).val('');
|
||||
table.column($(this).data('col-index')).search('', false, false);
|
||||
});
|
||||
table.table().draw();
|
||||
});
|
||||
|
||||
$('#kt_datepicker').datepicker({
|
||||
todayHighlight: true,
|
||||
templates: {
|
||||
leftArrow: '<i class="la la-angle-left"></i>',
|
||||
rightArrow: '<i class="la la-angle-right"></i>',
|
||||
},
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesSearchOptionsAdvancedSearch.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/search-options/advanced-search.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/search-options/advanced-search.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesSearchOptionsAdvancedSearch=function(){$.fn.dataTable.Api.register("column().title()",function(){return $(this.header()).text().trim()});return{init:function(){var t;t=$("#kt_table_1").DataTable({responsive:!0,dom:"<'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>>",lengthMenu:[5,10,25,50],pageLength:10,language:{lengthMenu:"Display _MENU_"},searchDelay:500,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:["RecordID","OrderID","Country","ShipCity","CompanyAgent","ShipDate","Status","Type","Actions"]}},columns:[{data:"RecordID"},{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{data:"CompanyAgent"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],initComplete:function(){this.api().columns().every(function(){switch(this.title()){case"Country":this.data().unique().sort().each(function(t,a){$('.kt-input[data-col-index="2"]').append('<option value="'+t+'">'+t+"</option>")});break;case"Status":var t={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"}};this.data().unique().sort().each(function(a,e){$('.kt-input[data-col-index="6"]').append('<option value="'+a+'">'+t[a].title+"</option>")});break;case"Type":t={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}},this.data().unique().sort().each(function(a,e){$('.kt-input[data-col-index="7"]').append('<option value="'+a+'">'+t[a].title+"</option>")})}})},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:6,render:function(t,a,e,n){var i={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===i[t]?t:'<span class="kt-badge '+i[t].class+' kt-badge--inline kt-badge--pill">'+i[t].title+"</span>"}},{targets:7,render:function(t,a,e,n){var i={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===i[t]?t:'<span class="kt-badge kt-badge--'+i[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+i[t].state+'">'+i[t].title+"</span>"}}]}),$("#kt_search").on("click",function(a){a.preventDefault();var e={};$(".kt-input").each(function(){var t=$(this).data("col-index");e[t]?e[t]+="|"+$(this).val():e[t]=$(this).val()}),$.each(e,function(a,e){t.column(a).search(e||"",!1,!1)}),t.table().draw()}),$("#kt_reset").on("click",function(a){a.preventDefault(),$(".kt-input").each(function(){$(this).val(""),t.column($(this).data("col-index")).search("",!1,!1)}),t.table().draw()}),$("#kt_datepicker").datepicker({todayHighlight:!0,templates:{leftArrow:'<i class="la la-angle-left"></i>',rightArrow:'<i class="la la-angle-right"></i>'}})}}}();jQuery(document).ready(function(){KTDatatablesSearchOptionsAdvancedSearch.init()});
|
||||
@@ -0,0 +1,271 @@
|
||||
"use strict";
|
||||
var KTDatatablesSearchOptionsColumnSearch = function() {
|
||||
|
||||
$.fn.dataTable.Api.register('column().title()', function() {
|
||||
return $(this.header()).text().trim();
|
||||
});
|
||||
|
||||
var initTable1 = function() {
|
||||
|
||||
// begin first table
|
||||
var table = $('#kt_table_1').DataTable({
|
||||
responsive: true,
|
||||
|
||||
// Pagination settings
|
||||
dom: `<'row'<'col-sm-12'tr>>
|
||||
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
|
||||
// read more: https://datatables.net/examples/basic_init/dom.html
|
||||
|
||||
lengthMenu: [5, 10, 25, 50],
|
||||
|
||||
pageLength: 10,
|
||||
|
||||
language: {
|
||||
'lengthMenu': 'Display _MENU_',
|
||||
},
|
||||
|
||||
searchDelay: 500,
|
||||
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: [
|
||||
'RecordID', 'OrderID', 'Country', 'ShipCity', 'CompanyAgent',
|
||||
'ShipDate', 'Status', 'Type', 'Actions',],
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'RecordID'},
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{data: 'CompanyAgent'},
|
||||
{data: 'ShipDate'},
|
||||
{data: 'Status'},
|
||||
{data: 'Type'},
|
||||
{data: 'Actions', responsivePriority: -1},
|
||||
],
|
||||
initComplete: function() {
|
||||
var thisTable = this;
|
||||
var rowFilter = $('<tr class="filter"></tr>').appendTo($(table.table().header()));
|
||||
|
||||
this.api().columns().every(function() {
|
||||
var column = this;
|
||||
var input;
|
||||
|
||||
switch (column.title()) {
|
||||
case 'Record ID':
|
||||
case 'Order ID':
|
||||
case 'Ship City':
|
||||
case 'Company Agent':
|
||||
input = $(`<input type="text" class="form-control form-control-sm form-filter kt-input" data-col-index="` + column.index() + `"/>`);
|
||||
break;
|
||||
|
||||
case 'Country':
|
||||
input = $(`<select class="form-control form-control-sm form-filter kt-input" title="Select" data-col-index="` + column.index() + `">
|
||||
<option value="">Select</option></select>`);
|
||||
column.data().unique().sort().each(function(d, j) {
|
||||
$(input).append('<option value="' + d + '">' + d + '</option>');
|
||||
});
|
||||
break;
|
||||
|
||||
case 'Status':
|
||||
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'},
|
||||
};
|
||||
input = $(`<select class="form-control form-control-sm form-filter kt-input" title="Select" data-col-index="` + column.index() + `">
|
||||
<option value="">Select</option></select>`);
|
||||
column.data().unique().sort().each(function(d, j) {
|
||||
$(input).append('<option value="' + d + '">' + status[d].title + '</option>');
|
||||
});
|
||||
break;
|
||||
|
||||
case 'Type':
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
input = $(`<select class="form-control form-control-sm form-filter kt-input" title="Select" data-col-index="` + column.index() + `">
|
||||
<option value="">Select</option></select>`);
|
||||
column.data().unique().sort().each(function(d, j) {
|
||||
$(input).append('<option value="' + d + '">' + status[d].title + '</option>');
|
||||
});
|
||||
break;
|
||||
|
||||
case 'Ship Date':
|
||||
input = $(`
|
||||
<div class="input-group date">
|
||||
<input type="text" class="form-control form-control-sm kt-input" readonly placeholder="From" id="kt_datepicker_1"
|
||||
data-col-index="` + column.index() + `"/>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text"><i class="la la-calendar-o glyphicon-th"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group date">
|
||||
<input type="text" class="form-control form-control-sm kt-input" readonly placeholder="To" id="kt_datepicker_2"
|
||||
data-col-index="` + column.index() + `"/>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text"><i class="la la-calendar-o glyphicon-th"></i></span>
|
||||
</div>
|
||||
</div>`);
|
||||
break;
|
||||
|
||||
case 'Actions':
|
||||
var search = $(`<button class="btn btn-brand kt-btn btn-sm kt-btn--icon">
|
||||
<span>
|
||||
<i class="la la-search"></i>
|
||||
<span>Search</span>
|
||||
</span>
|
||||
</button>`);
|
||||
|
||||
var reset = $(`<button class="btn btn-secondary kt-btn btn-sm kt-btn--icon">
|
||||
<span>
|
||||
<i class="la la-close"></i>
|
||||
<span>Reset</span>
|
||||
</span>
|
||||
</button>`);
|
||||
|
||||
$('<th>').append(search).append(reset).appendTo(rowFilter);
|
||||
|
||||
$(search).on('click', function(e) {
|
||||
e.preventDefault();
|
||||
var params = {};
|
||||
$(rowFilter).find('.kt-input').each(function() {
|
||||
var i = $(this).data('col-index');
|
||||
if (params[i]) {
|
||||
params[i] += '|' + $(this).val();
|
||||
}
|
||||
else {
|
||||
params[i] = $(this).val();
|
||||
}
|
||||
});
|
||||
$.each(params, function(i, val) {
|
||||
// apply search params to datatable
|
||||
table.column(i).search(val ? val : '', false, false);
|
||||
});
|
||||
table.table().draw();
|
||||
});
|
||||
|
||||
$(reset).on('click', function(e) {
|
||||
e.preventDefault();
|
||||
$(rowFilter).find('.kt-input').each(function(i) {
|
||||
$(this).val('');
|
||||
table.column($(this).data('col-index')).search('', false, false);
|
||||
});
|
||||
table.table().draw();
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
if (column.title() !== 'Actions') {
|
||||
$(input).appendTo($('<th>').appendTo(rowFilter));
|
||||
}
|
||||
});
|
||||
|
||||
// hide search column for responsive table
|
||||
var hideSearchColumnResponsive = function () {
|
||||
thisTable.api().columns().every(function () {
|
||||
var column = this
|
||||
if(column.responsiveHidden()) {
|
||||
$(rowFilter).find('th').eq(column.index()).show();
|
||||
} else {
|
||||
$(rowFilter).find('th').eq(column.index()).hide();
|
||||
}
|
||||
})
|
||||
};
|
||||
|
||||
// init on datatable load
|
||||
hideSearchColumnResponsive();
|
||||
// recheck on window resize
|
||||
window.onresize = hideSearchColumnResponsive;
|
||||
|
||||
$('#kt_datepicker_1,#kt_datepicker_2').datepicker();
|
||||
},
|
||||
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: 5,
|
||||
width: '150px',
|
||||
},
|
||||
{
|
||||
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> ' +
|
||||
'<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() {
|
||||
KTDatatablesSearchOptionsColumnSearch.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/search-options/column-search.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/search-options/column-search.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
184
public/assets/js/demo1/pages/crud/file-upload/dropzonejs.js
Normal file
184
public/assets/js/demo1/pages/crud/file-upload/dropzonejs.js
Normal file
@@ -0,0 +1,184 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTDropzoneDemo = function () {
|
||||
// Private functions
|
||||
var demo1 = function () {
|
||||
// single file upload
|
||||
$('#kt_dropzone_1').dropzone({
|
||||
url: "https://keenthemes.com/scripts/void.php", // Set the url for your upload script location
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFiles: 1,
|
||||
maxFilesize: 5, // MB
|
||||
addRemoveLinks: true,
|
||||
accept: function(file, done) {
|
||||
if (file.name == "justinbieber.jpg") {
|
||||
done("Naha, you don't.");
|
||||
} else {
|
||||
done();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// multiple file upload
|
||||
$('#kt_dropzone_2').dropzone({
|
||||
url: "https://keenthemes.com/scripts/void.php", // Set the url for your upload script location
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFiles: 10,
|
||||
maxFilesize: 10, // MB
|
||||
addRemoveLinks: true,
|
||||
accept: function(file, done) {
|
||||
if (file.name == "justinbieber.jpg") {
|
||||
done("Naha, you don't.");
|
||||
} else {
|
||||
done();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// file type validation
|
||||
$('#kt_dropzone_3').dropzone({
|
||||
url: "https://keenthemes.com/scripts/void.php", // Set the url for your upload script location
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFiles: 10,
|
||||
maxFilesize: 10, // MB
|
||||
addRemoveLinks: true,
|
||||
acceptedFiles: "image/*,application/pdf,.psd",
|
||||
accept: function(file, done) {
|
||||
if (file.name == "justinbieber.jpg") {
|
||||
done("Naha, you don't.");
|
||||
} else {
|
||||
done();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function () {
|
||||
// set the dropzone container id
|
||||
var id = '#kt_dropzone_4';
|
||||
|
||||
// set the preview element template
|
||||
var previewNode = $(id + " .dropzone-item");
|
||||
previewNode.id = "";
|
||||
var previewTemplate = previewNode.parent('.dropzone-items').html();
|
||||
previewNode.remove();
|
||||
|
||||
var myDropzone4 = new Dropzone(id, { // Make the whole body a dropzone
|
||||
url: "https://keenthemes.com/scripts/void.php", // Set the url for your upload script location
|
||||
parallelUploads: 20,
|
||||
previewTemplate: previewTemplate,
|
||||
maxFilesize: 1, // Max filesize in MB
|
||||
autoQueue: false, // Make sure the files aren't queued until manually added
|
||||
previewsContainer: id + " .dropzone-items", // Define the container to display the previews
|
||||
clickable: id + " .dropzone-select" // Define the element that should be used as click trigger to select files.
|
||||
});
|
||||
|
||||
myDropzone4.on("addedfile", function(file) {
|
||||
// Hookup the start button
|
||||
file.previewElement.querySelector(id + " .dropzone-start").onclick = function() { myDropzone4.enqueueFile(file); };
|
||||
$(document).find( id + ' .dropzone-item').css('display', '');
|
||||
$( id + " .dropzone-upload, " + id + " .dropzone-remove-all").css('display', 'inline-block');
|
||||
});
|
||||
|
||||
// Update the total progress bar
|
||||
myDropzone4.on("totaluploadprogress", function(progress) {
|
||||
$(this).find( id + " .progress-bar").css('width', progress + "%");
|
||||
});
|
||||
|
||||
myDropzone4.on("sending", function(file) {
|
||||
// Show the total progress bar when upload starts
|
||||
document.querySelector( id + " .progress-bar").style.opacity = "1";
|
||||
// And disable the start button
|
||||
file.previewElement.querySelector(id + " .dropzone-start").setAttribute("disabled", "disabled");
|
||||
});
|
||||
|
||||
// Hide the total progress bar when nothing's uploading anymore
|
||||
myDropzone4.on("complete", function(progress) {
|
||||
var thisProgressBar = id + " .dz-complete";
|
||||
setTimeout(function(){
|
||||
$( thisProgressBar + " .progress-bar, " + thisProgressBar + " .progress, " + thisProgressBar + " .dropzone-start").css('opacity', '0');
|
||||
}, 300)
|
||||
|
||||
});
|
||||
|
||||
// Setup the buttons for all transfers
|
||||
document.querySelector( id + " .dropzone-upload").onclick = function() {
|
||||
myDropzone4.enqueueFiles(myDropzone4.getFilesWithStatus(Dropzone.ADDED));
|
||||
};
|
||||
|
||||
// Setup the button for remove all files
|
||||
document.querySelector(id + " .dropzone-remove-all").onclick = function() {
|
||||
$( id + " .dropzone-upload, " + id + " .dropzone-remove-all").css('display', 'none');
|
||||
myDropzone4.removeAllFiles(true);
|
||||
};
|
||||
|
||||
// On all files completed upload
|
||||
myDropzone4.on("queuecomplete", function(progress){
|
||||
$( id + " .dropzone-upload").css('display', 'none');
|
||||
});
|
||||
|
||||
// On all files removed
|
||||
myDropzone4.on("removedfile", function(file){
|
||||
if(myDropzone4.files.length < 1){
|
||||
$( id + " .dropzone-upload, " + id + " .dropzone-remove-all").css('display', 'none');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo3 = function () {
|
||||
// set the dropzone container id
|
||||
var id = '#kt_dropzone_5';
|
||||
|
||||
// set the preview element template
|
||||
var previewNode = $(id + " .dropzone-item");
|
||||
previewNode.id = "";
|
||||
var previewTemplate = previewNode.parent('.dropzone-items').html();
|
||||
previewNode.remove();
|
||||
|
||||
var myDropzone5 = new Dropzone(id, { // Make the whole body a dropzone
|
||||
url: "https://keenthemes.com/scripts/void.php", // Set the url for your upload script location
|
||||
parallelUploads: 20,
|
||||
maxFilesize: 1, // Max filesize in MB
|
||||
previewTemplate: previewTemplate,
|
||||
previewsContainer: id + " .dropzone-items", // Define the container to display the previews
|
||||
clickable: id + " .dropzone-select" // Define the element that should be used as click trigger to select files.
|
||||
});
|
||||
|
||||
myDropzone5.on("addedfile", function(file) {
|
||||
// Hookup the start button
|
||||
$(document).find( id + ' .dropzone-item').css('display', '');
|
||||
});
|
||||
|
||||
// Update the total progress bar
|
||||
myDropzone5.on("totaluploadprogress", function(progress) {
|
||||
document.querySelector( id + " .progress-bar").style.width = progress + "%";
|
||||
});
|
||||
|
||||
myDropzone5.on("sending", function(file) {
|
||||
// Show the total progress bar when upload starts
|
||||
document.querySelector( id + " .progress-bar").style.opacity = "1";
|
||||
});
|
||||
|
||||
// Hide the total progress bar when nothing's uploading anymore
|
||||
myDropzone5.on("complete", function(progress) {
|
||||
var thisProgressBar = id + " .dz-complete";
|
||||
setTimeout(function(){
|
||||
$( thisProgressBar + " .progress-bar, " + thisProgressBar + " .progress").css('opacity', '0');
|
||||
}, 300)
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
KTUtil.ready(function() {
|
||||
KTDropzoneDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/file-upload/dropzonejs.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/file-upload/dropzonejs.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDropzoneDemo={init:function(){$("#kt_dropzone_1").dropzone({url:"https://keenthemes.com/scripts/void.php",paramName:"file",maxFiles:1,maxFilesize:5,addRemoveLinks:!0,accept:function(e,o){"justinbieber.jpg"==e.name?o("Naha, you don't."):o()}}),$("#kt_dropzone_2").dropzone({url:"https://keenthemes.com/scripts/void.php",paramName:"file",maxFiles:10,maxFilesize:10,addRemoveLinks:!0,accept:function(e,o){"justinbieber.jpg"==e.name?o("Naha, you don't."):o()}}),$("#kt_dropzone_3").dropzone({url:"https://keenthemes.com/scripts/void.php",paramName:"file",maxFiles:10,maxFilesize:10,addRemoveLinks:!0,acceptedFiles:"image/*,application/pdf,.psd",accept:function(e,o){"justinbieber.jpg"==e.name?o("Naha, you don't."):o()}}),function(){var e="#kt_dropzone_4",o=$(e+" .dropzone-item");o.id="";var n=o.parent(".dropzone-items").html();o.remove();var t=new Dropzone(e,{url:"https://keenthemes.com/scripts/void.php",parallelUploads:20,previewTemplate:n,maxFilesize:1,autoQueue:!1,previewsContainer:e+" .dropzone-items",clickable:e+" .dropzone-select"});t.on("addedfile",function(o){o.previewElement.querySelector(e+" .dropzone-start").onclick=function(){t.enqueueFile(o)},$(document).find(e+" .dropzone-item").css("display",""),$(e+" .dropzone-upload, "+e+" .dropzone-remove-all").css("display","inline-block")}),t.on("totaluploadprogress",function(o){$(this).find(e+" .progress-bar").css("width",o+"%")}),t.on("sending",function(o){document.querySelector(e+" .progress-bar").style.opacity="1",o.previewElement.querySelector(e+" .dropzone-start").setAttribute("disabled","disabled")}),t.on("complete",function(e){setTimeout(function(){$("#kt_dropzone_4 .dz-complete .progress-bar, #kt_dropzone_4 .dz-complete .progress, #kt_dropzone_4 .dz-complete .dropzone-start").css("opacity","0")},300)}),document.querySelector(e+" .dropzone-upload").onclick=function(){t.enqueueFiles(t.getFilesWithStatus(Dropzone.ADDED))},document.querySelector(e+" .dropzone-remove-all").onclick=function(){$(e+" .dropzone-upload, "+e+" .dropzone-remove-all").css("display","none"),t.removeAllFiles(!0)},t.on("queuecomplete",function(o){$(e+" .dropzone-upload").css("display","none")}),t.on("removedfile",function(o){t.files.length<1&&$(e+" .dropzone-upload, "+e+" .dropzone-remove-all").css("display","none")})}(),function(){var e="#kt_dropzone_5",o=$(e+" .dropzone-item");o.id="";var n=o.parent(".dropzone-items").html();o.remove();var t=new Dropzone(e,{url:"https://keenthemes.com/scripts/void.php",parallelUploads:20,maxFilesize:1,previewTemplate:n,previewsContainer:e+" .dropzone-items",clickable:e+" .dropzone-select"});t.on("addedfile",function(o){$(document).find(e+" .dropzone-item").css("display","")}),t.on("totaluploadprogress",function(o){document.querySelector(e+" .progress-bar").style.width=o+"%"}),t.on("sending",function(o){document.querySelector(e+" .progress-bar").style.opacity="1"}),t.on("complete",function(e){setTimeout(function(){$("#kt_dropzone_5 .dz-complete .progress-bar, #kt_dropzone_5 .dz-complete .progress").css("opacity","0")},300)})}()}};KTUtil.ready(function(){KTDropzoneDemo.init()});
|
||||
327
public/assets/js/demo1/pages/crud/file-upload/uppy.js
Normal file
327
public/assets/js/demo1/pages/crud/file-upload/uppy.js
Normal file
@@ -0,0 +1,327 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTUppy = function () {
|
||||
const Tus = Uppy.Tus;
|
||||
const ProgressBar = Uppy.ProgressBar;
|
||||
const StatusBar = Uppy.StatusBar;
|
||||
const FileInput = Uppy.FileInput;
|
||||
const Informer = Uppy.Informer;
|
||||
|
||||
// to get uppy companions working, please refer to the official documentation here: https://uppy.io/docs/companion/
|
||||
const Dashboard = Uppy.Dashboard;
|
||||
const Dropbox = Uppy.Dropbox;
|
||||
const GoogleDrive = Uppy.GoogleDrive;
|
||||
const Instagram = Uppy.Instagram;
|
||||
const Webcam = Uppy.Webcam;
|
||||
|
||||
// Private functions
|
||||
var initUppy1 = function(){
|
||||
var id = '#kt_uppy_1';
|
||||
|
||||
var options = {
|
||||
proudlyDisplayPoweredByUppy: false,
|
||||
target: id,
|
||||
inline: true,
|
||||
replaceTargetContent: true,
|
||||
showProgressDetails: true,
|
||||
note: 'No filetype restrictions.',
|
||||
height: 470,
|
||||
metaFields: [
|
||||
{ id: 'name', name: 'Name', placeholder: 'file name' },
|
||||
{ id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' }
|
||||
],
|
||||
browserBackButtonClose: true
|
||||
}
|
||||
|
||||
var uppyDashboard = Uppy.Core({
|
||||
autoProceed: true,
|
||||
restrictions: {
|
||||
maxFileSize: 1000000, // 1mb
|
||||
maxNumberOfFiles: 5,
|
||||
minNumberOfFiles: 1
|
||||
}
|
||||
});
|
||||
|
||||
uppyDashboard.use(Dashboard, options);
|
||||
uppyDashboard.use(Tus, { endpoint: 'https://master.tus.io/files/' });
|
||||
uppyDashboard.use(GoogleDrive, { target: Dashboard, companionUrl: 'https://companion.uppy.io' });
|
||||
uppyDashboard.use(Dropbox, { target: Dashboard, companionUrl: 'https://companion.uppy.io' });
|
||||
uppyDashboard.use(Instagram, { target: Dashboard, companionUrl: 'https://companion.uppy.io' });
|
||||
uppyDashboard.use(Webcam, { target: Dashboard });
|
||||
}
|
||||
|
||||
var initUppy2 = function(){
|
||||
var id = '#kt_uppy_2';
|
||||
|
||||
var options = {
|
||||
proudlyDisplayPoweredByUppy: false,
|
||||
target: id,
|
||||
inline: true,
|
||||
replaceTargetContent: true,
|
||||
showProgressDetails: true,
|
||||
note: 'Images and video only, 2–3 files, up to 1 MB',
|
||||
height: 470,
|
||||
metaFields: [
|
||||
{ id: 'name', name: 'Name', placeholder: 'file name' },
|
||||
{ id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' }
|
||||
],
|
||||
browserBackButtonClose: true
|
||||
}
|
||||
|
||||
var uppyDashboard = Uppy.Core({
|
||||
autoProceed: true,
|
||||
restrictions: {
|
||||
maxFileSize: 1000000, // 1mb
|
||||
maxNumberOfFiles: 5,
|
||||
minNumberOfFiles: 1,
|
||||
allowedFileTypes: ['image/*', 'video/*']
|
||||
}
|
||||
});
|
||||
|
||||
uppyDashboard.use(Dashboard, options);
|
||||
uppyDashboard.use(Tus, { endpoint: 'https://master.tus.io/files/' });
|
||||
}
|
||||
|
||||
var initUppy3 = function(){
|
||||
var id = '#kt_uppy_3';
|
||||
|
||||
var uppyDrag = Uppy.Core({
|
||||
autoProceed: true,
|
||||
restrictions: {
|
||||
maxFileSize: 1000000, // 1mb
|
||||
maxNumberOfFiles: 5,
|
||||
minNumberOfFiles: 1,
|
||||
allowedFileTypes: ['image/*', 'video/*']
|
||||
}
|
||||
});
|
||||
|
||||
uppyDrag.use(Uppy.DragDrop, { target: id + ' .kt-uppy__drag' });
|
||||
uppyDrag.use(ProgressBar, {
|
||||
target: id + ' .kt-uppy__progress',
|
||||
hideUploadButton: false,
|
||||
hideAfterFinish: false
|
||||
});
|
||||
uppyDrag.use(Informer, { target: id + ' .kt-uppy__informer' });
|
||||
uppyDrag.use(Tus, { endpoint: 'https://master.tus.io/files/' });
|
||||
|
||||
uppyDrag.on('complete', function(file) {
|
||||
var imagePreview = "";
|
||||
$.each(file.successful, function(index, value){
|
||||
var imageType = /image/;
|
||||
var thumbnail = "";
|
||||
if (imageType.test(value.type)){
|
||||
thumbnail = '<div class="kt-uppy__thumbnail"><img src="'+value.uploadURL+'"/></div>';
|
||||
}
|
||||
var sizeLabel = "bytes";
|
||||
var filesize = value.size;
|
||||
if (filesize > 1024){
|
||||
filesize = filesize / 1024;
|
||||
sizeLabel = "kb";
|
||||
if(filesize > 1024){
|
||||
filesize = filesize / 1024;
|
||||
sizeLabel = "MB";
|
||||
}
|
||||
}
|
||||
imagePreview += '<div class="kt-uppy__thumbnail-container" data-id="'+value.id+'">'+thumbnail+' <span class="kt-uppy__thumbnail-label">'+value.name+' ('+ Math.round(filesize, 2) +' '+sizeLabel+')</span><span data-id="'+value.id+'" class="kt-uppy__remove-thumbnail"><i class="flaticon2-cancel-music"></i></span></div>';
|
||||
});
|
||||
|
||||
$(id + ' .kt-uppy__thumbnails').append(imagePreview);
|
||||
});
|
||||
|
||||
$(document).on('click', id + ' .kt-uppy__thumbnails .kt-uppy__remove-thumbnail', function(){
|
||||
var imageId = $(this).attr('data-id');
|
||||
uppyDrag.removeFile(imageId);
|
||||
$(id + ' .kt-uppy__thumbnail-container[data-id="'+imageId+'"').remove();
|
||||
});
|
||||
}
|
||||
|
||||
var initUppy4 = function(){
|
||||
var id = '#kt_uppy_4';
|
||||
|
||||
var uppyDrag = Uppy.Core({
|
||||
autoProceed: false,
|
||||
restrictions: {
|
||||
maxFileSize: 1000000, // 1mb
|
||||
maxNumberOfFiles: 5,
|
||||
minNumberOfFiles: 1
|
||||
}
|
||||
});
|
||||
|
||||
uppyDrag.use(Uppy.DragDrop, { target: id + ' .kt-uppy__drag' });
|
||||
uppyDrag.use(ProgressBar, { target: id + ' .kt-uppy__progress' });
|
||||
uppyDrag.use(Informer, { target: id + ' .kt-uppy__informer' });
|
||||
uppyDrag.use(Tus, { endpoint: 'https://master.tus.io/files/' });
|
||||
|
||||
uppyDrag.on('complete', function(file) {
|
||||
var imagePreview = "";
|
||||
$.each(file.successful, function(index, value){
|
||||
var imageType = /image/;
|
||||
var thumbnail = "";
|
||||
if (imageType.test(value.type)){
|
||||
thumbnail = '<div class="kt-uppy__thumbnail"><img src="'+value.uploadURL+'"/></div>';
|
||||
}
|
||||
var sizeLabel = "bytes";
|
||||
var filesize = value.size;
|
||||
if (filesize > 1024){
|
||||
filesize = filesize / 1024;
|
||||
sizeLabel = "kb";
|
||||
if(filesize > 1024){
|
||||
filesize = filesize / 1024;
|
||||
sizeLabel = "MB";
|
||||
}
|
||||
}
|
||||
imagePreview += '<div class="kt-uppy__thumbnail-container" data-id="'+value.id+'">'+thumbnail+' <span class="kt-uppy__thumbnail-label">'+value.name+' ('+ Math.round(filesize, 2) +' '+sizeLabel+')</span><span data-id="'+value.id+'" class="kt-uppy__remove-thumbnail"><i class="flaticon2-cancel-music"></i></span></div>';
|
||||
});
|
||||
|
||||
$(id + ' .kt-uppy__thumbnails').append(imagePreview);
|
||||
});
|
||||
|
||||
var uploadBtn = $(id + ' .kt-uppy__btn');
|
||||
uploadBtn.click(function () {
|
||||
uppyDrag.upload();
|
||||
});
|
||||
|
||||
$(document).on('click', id + ' .kt-uppy__thumbnails .kt-uppy__remove-thumbnail', function(){
|
||||
var imageId = $(this).attr('data-id');
|
||||
uppyDrag.removeFile(imageId);
|
||||
$(id + ' .kt-uppy__thumbnail-container[data-id="'+imageId+'"').remove();
|
||||
});
|
||||
}
|
||||
|
||||
var initUppy5 = function(){
|
||||
// Uppy variables
|
||||
// For more info refer: https://uppy.io/
|
||||
var elemId = 'kt_uppy_5';
|
||||
var id = '#' + elemId;
|
||||
var $statusBar = $(id + ' .kt-uppy__status');
|
||||
var $uploadedList = $(id + ' .kt-uppy__list');
|
||||
var timeout;
|
||||
|
||||
var uppyMin = Uppy.Core({
|
||||
debug: true,
|
||||
autoProceed: true,
|
||||
showProgressDetails: true,
|
||||
restrictions: {
|
||||
maxFileSize: 1000000, // 1mb
|
||||
maxNumberOfFiles: 5,
|
||||
minNumberOfFiles: 1
|
||||
}
|
||||
});
|
||||
|
||||
uppyMin.use(FileInput, { target: id + ' .kt-uppy__wrapper', pretty: false });
|
||||
uppyMin.use(Informer, { target: id + ' .kt-uppy__informer' });
|
||||
|
||||
// demo file upload server
|
||||
uppyMin.use(Tus, { endpoint: 'https://master.tus.io/files/' });
|
||||
uppyMin.use(StatusBar, {
|
||||
target: id + ' .kt-uppy__status',
|
||||
hideUploadButton: true,
|
||||
hideAfterFinish: false
|
||||
});
|
||||
|
||||
$(id + ' .uppy-FileInput-input').addClass('kt-uppy__input-control').attr('id', elemId + '_input_control');
|
||||
$(id + ' .uppy-FileInput-container').append('<label class="kt-uppy__input-label btn btn-label-brand btn-bold btn-font-sm" for="' + (elemId + '_input_control') + '">Attach files</label>');
|
||||
|
||||
var $fileLabel = $(id + ' .kt-uppy__input-label');
|
||||
|
||||
uppyMin.on('upload', function(data) {
|
||||
$fileLabel.text("Uploading...");
|
||||
$statusBar.addClass('kt-uppy__status--ongoing');
|
||||
$statusBar.removeClass('kt-uppy__status--hidden');
|
||||
clearTimeout( timeout );
|
||||
});
|
||||
|
||||
uppyMin.on('complete', function(file) {
|
||||
$.each(file.successful, function(index, value){
|
||||
var sizeLabel = "bytes";
|
||||
var filesize = value.size;
|
||||
if (filesize > 1024){
|
||||
filesize = filesize / 1024;
|
||||
sizeLabel = "kb";
|
||||
|
||||
if(filesize > 1024){
|
||||
filesize = filesize / 1024;
|
||||
sizeLabel = "MB";
|
||||
}
|
||||
}
|
||||
var uploadListHtml = '<div class="kt-uppy__list-item" data-id="'+value.id+'"><div class="kt-uppy__list-label">'+value.name+' ('+ Math.round(filesize, 2) +' '+sizeLabel+')</div><span class="kt-uppy__list-remove" data-id="'+value.id+'"><i class="flaticon2-cancel-music"></i></span></div>';
|
||||
$uploadedList.append(uploadListHtml);
|
||||
});
|
||||
|
||||
$fileLabel.text("Add more files");
|
||||
|
||||
$statusBar.addClass('kt-uppy__status--hidden');
|
||||
$statusBar.removeClass('kt-uppy__status--ongoing');
|
||||
});
|
||||
|
||||
$(document).on('click', id + ' .kt-uppy__list .kt-uppy__list-remove', function(){
|
||||
var itemId = $(this).attr('data-id');
|
||||
uppyMin.removeFile(itemId);
|
||||
$(id + ' .kt-uppy__list-item[data-id="'+itemId+'"').remove();
|
||||
});
|
||||
}
|
||||
|
||||
var initUppy6 = function(){
|
||||
var id = '#kt_uppy_6';
|
||||
var options = {
|
||||
proudlyDisplayPoweredByUppy: false,
|
||||
target: id + ' .kt-uppy__dashboard',
|
||||
inline: false,
|
||||
replaceTargetContent: true,
|
||||
showProgressDetails: true,
|
||||
note: 'No filetype restrictions.',
|
||||
height: 470,
|
||||
metaFields: [
|
||||
{ id: 'name', name: 'Name', placeholder: 'file name' },
|
||||
{ id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' }
|
||||
],
|
||||
browserBackButtonClose: true,
|
||||
trigger: id + ' .kt-uppy__btn'
|
||||
}
|
||||
|
||||
var uppyDashboard = Uppy.Core({
|
||||
autoProceed: true,
|
||||
restrictions: {
|
||||
maxFileSize: 1000000, // 1mb
|
||||
maxNumberOfFiles: 5,
|
||||
minNumberOfFiles: 1
|
||||
}
|
||||
});
|
||||
|
||||
uppyDashboard.use(Dashboard, options);
|
||||
uppyDashboard.use(Tus, { endpoint: 'https://master.tus.io/files/' });
|
||||
uppyDashboard.use(GoogleDrive, { target: Dashboard, companionUrl: 'https://companion.uppy.io' });
|
||||
uppyDashboard.use(Dropbox, { target: Dashboard, companionUrl: 'https://companion.uppy.io' });
|
||||
uppyDashboard.use(Instagram, { target: Dashboard, companionUrl: 'https://companion.uppy.io' });
|
||||
uppyDashboard.use(Webcam, { target: Dashboard });
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
initUppy1();
|
||||
initUppy2();
|
||||
initUppy3();
|
||||
initUppy4();
|
||||
initUppy5();
|
||||
initUppy6();
|
||||
|
||||
swal.fire({
|
||||
"title": "Notice",
|
||||
"html": "Uppy demos uses <b>https://master.tus.io/files/</b> URL for resumable upload examples and your uploaded files will be temporarely stored in <b>tus.io</b> servers.",
|
||||
"type": "info",
|
||||
"buttonsStyling": false,
|
||||
"confirmButtonClass": "btn btn-brand kt-btn kt-btn--wide",
|
||||
"confirmButtonText": "Ok, I understand",
|
||||
"onClose": function(e) {
|
||||
console.log('on close event fired!');
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
KTUtil.ready(function() {
|
||||
KTUppy.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/file-upload/uppy.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/file-upload/uppy.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,158 @@
|
||||
// Class definition
|
||||
|
||||
var KTFormControls = function () {
|
||||
// Private functions
|
||||
|
||||
var demo1 = function () {
|
||||
$( "#kt_form_1" ).validate({
|
||||
// define validation rules
|
||||
rules: {
|
||||
email: {
|
||||
required: true,
|
||||
email: true,
|
||||
minlength: 10
|
||||
},
|
||||
url: {
|
||||
required: true
|
||||
},
|
||||
digits: {
|
||||
required: true,
|
||||
digits: true
|
||||
},
|
||||
creditcard: {
|
||||
required: true,
|
||||
creditcard: true
|
||||
},
|
||||
phone: {
|
||||
required: true,
|
||||
phoneUS: true
|
||||
},
|
||||
option: {
|
||||
required: true
|
||||
},
|
||||
options: {
|
||||
required: true,
|
||||
minlength: 2,
|
||||
maxlength: 4
|
||||
},
|
||||
memo: {
|
||||
required: true,
|
||||
minlength: 10,
|
||||
maxlength: 100
|
||||
},
|
||||
|
||||
checkbox: {
|
||||
required: true
|
||||
},
|
||||
checkboxes: {
|
||||
required: true,
|
||||
minlength: 1,
|
||||
maxlength: 2
|
||||
},
|
||||
radio: {
|
||||
required: true
|
||||
}
|
||||
},
|
||||
|
||||
//display error alert on form submit
|
||||
invalidHandler: function(event, validator) {
|
||||
var alert = $('#kt_form_1_msg');
|
||||
alert.removeClass('kt--hide').show();
|
||||
KTUtil.scrollTop();
|
||||
},
|
||||
|
||||
submitHandler: function (form) {
|
||||
//form[0].submit(); // submit the form
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function () {
|
||||
$( "#kt_form_2" ).validate({
|
||||
// define validation rules
|
||||
rules: {
|
||||
//= Client Information(step 3)
|
||||
// Billing Information
|
||||
billing_card_name: {
|
||||
required: true
|
||||
},
|
||||
billing_card_number: {
|
||||
required: true,
|
||||
creditcard: true
|
||||
},
|
||||
billing_card_exp_month: {
|
||||
required: true
|
||||
},
|
||||
billing_card_exp_year: {
|
||||
required: true
|
||||
},
|
||||
billing_card_cvv: {
|
||||
required: true,
|
||||
minlength: 2,
|
||||
maxlength: 3
|
||||
},
|
||||
|
||||
// Billing Address
|
||||
billing_address_1: {
|
||||
required: true
|
||||
},
|
||||
billing_address_2: {
|
||||
|
||||
},
|
||||
billing_city: {
|
||||
required: true
|
||||
},
|
||||
billing_state: {
|
||||
required: true
|
||||
},
|
||||
billing_zip: {
|
||||
required: true,
|
||||
number: true
|
||||
},
|
||||
|
||||
billing_delivery: {
|
||||
required: true
|
||||
}
|
||||
},
|
||||
|
||||
//display error alert on form submit
|
||||
invalidHandler: function(event, validator) {
|
||||
swal.fire({
|
||||
"title": "",
|
||||
"text": "There are some errors in your submission. Please correct them.",
|
||||
"type": "error",
|
||||
"confirmButtonClass": "btn btn-secondary",
|
||||
"onClose": function(e) {
|
||||
console.log('on close event fired!');
|
||||
}
|
||||
});
|
||||
|
||||
event.preventDefault();
|
||||
},
|
||||
|
||||
submitHandler: function (form) {
|
||||
//form[0].submit(); // submit the form
|
||||
swal.fire({
|
||||
"title": "",
|
||||
"text": "Form validation passed. All good!",
|
||||
"type": "success",
|
||||
"confirmButtonClass": "btn btn-secondary"
|
||||
});
|
||||
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTFormControls.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/validation/form-controls.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/validation/form-controls.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTFormControls={init:function(){$("#kt_form_1").validate({rules:{email:{required:!0,email:!0,minlength:10},url:{required:!0},digits:{required:!0,digits:!0},creditcard:{required:!0,creditcard:!0},phone:{required:!0,phoneUS:!0},option:{required:!0},options:{required:!0,minlength:2,maxlength:4},memo:{required:!0,minlength:10,maxlength:100},checkbox:{required:!0},checkboxes:{required:!0,minlength:1,maxlength:2},radio:{required:!0}},invalidHandler:function(e,r){$("#kt_form_1_msg").removeClass("kt--hide").show(),KTUtil.scrollTop()},submitHandler:function(e){}}),$("#kt_form_2").validate({rules:{billing_card_name:{required:!0},billing_card_number:{required:!0,creditcard:!0},billing_card_exp_month:{required:!0},billing_card_exp_year:{required:!0},billing_card_cvv:{required:!0,minlength:2,maxlength:3},billing_address_1:{required:!0},billing_address_2:{},billing_city:{required:!0},billing_state:{required:!0},billing_zip:{required:!0,number:!0},billing_delivery:{required:!0}},invalidHandler:function(e,r){swal.fire({title:"",text:"There are some errors in your submission. Please correct them.",type:"error",confirmButtonClass:"btn btn-secondary",onClose:function(e){console.log("on close event fired!")}}),e.preventDefault()},submitHandler:function(e){return swal.fire({title:"",text:"Form validation passed. All good!",type:"success",confirmButtonClass:"btn btn-secondary"}),!1}})}};jQuery(document).ready(function(){KTFormControls.init()});
|
||||
@@ -0,0 +1,147 @@
|
||||
// Class definition
|
||||
|
||||
var KTFormWidgets = function () {
|
||||
// Private functions
|
||||
var validator;
|
||||
|
||||
var initWidgets = function() {
|
||||
// datepicker
|
||||
$('#kt_datepicker').datepicker({
|
||||
todayHighlight: true,
|
||||
templates: {
|
||||
leftArrow: '<i class="la la-angle-left"></i>',
|
||||
rightArrow: '<i class="la la-angle-right"></i>'
|
||||
}
|
||||
});
|
||||
|
||||
// datetimepicker
|
||||
$('#kt_datetimepicker').datetimepicker({
|
||||
pickerPosition: 'bottom-left',
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
format: 'yyyy.mm.dd hh:ii'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker').change(function() {
|
||||
validator.element($(this));
|
||||
});
|
||||
|
||||
// timepicker
|
||||
$('#kt_timepicker').timepicker({
|
||||
minuteStep: 1,
|
||||
showSeconds: true,
|
||||
showMeridian: true
|
||||
});
|
||||
|
||||
// daterangepicker
|
||||
$('#kt_daterangepicker').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
}, function(start, end, label) {
|
||||
var input = $('#kt_daterangepicker').find('.form-control');
|
||||
|
||||
input.val( start.format('YYYY/MM/DD') + ' / ' + end.format('YYYY/MM/DD'));
|
||||
validator.element(input); // validate element
|
||||
});
|
||||
|
||||
// bootstrap switch
|
||||
$('[data-switch=true]').bootstrapSwitch();
|
||||
$('[data-switch=true]').on('switchChange.bootstrapSwitch', function() {
|
||||
validator.element($(this)); // validate element
|
||||
});
|
||||
|
||||
// bootstrap select
|
||||
$('#kt_bootstrap_select').selectpicker();
|
||||
$('#kt_bootstrap_select').on('changed.bs.select', function() {
|
||||
validator.element($(this)); // validate element
|
||||
});
|
||||
|
||||
// select2
|
||||
$('#kt_select2').select2({
|
||||
placeholder: "Select a state",
|
||||
});
|
||||
$('#kt_select2').on('select2:change', function(){
|
||||
validator.element($(this)); // validate element
|
||||
});
|
||||
|
||||
// typeahead
|
||||
var countries = new Bloodhound({
|
||||
datumTokenizer: Bloodhound.tokenizers.whitespace,
|
||||
queryTokenizer: Bloodhound.tokenizers.whitespace,
|
||||
prefetch: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/typeahead/countries.json'
|
||||
});
|
||||
|
||||
$('#kt_typeahead').typeahead(null, {
|
||||
name: 'countries',
|
||||
source: countries
|
||||
});
|
||||
$('#kt_typeahead').bind('typeahead:select', function(ev, suggestion) {
|
||||
validator.element($('#kt_typeahead')); // validate element
|
||||
});
|
||||
}
|
||||
|
||||
var initValidation = function () {
|
||||
validator = $( "#kt_form_1" ).validate({
|
||||
// define validation rules
|
||||
rules: {
|
||||
date: {
|
||||
required: true,
|
||||
date: true
|
||||
},
|
||||
daterange: {
|
||||
required: true
|
||||
},
|
||||
datetime: {
|
||||
required: true
|
||||
},
|
||||
time: {
|
||||
required: true
|
||||
},
|
||||
|
||||
select: {
|
||||
required: true,
|
||||
minlength: 2,
|
||||
maxlength: 4
|
||||
},
|
||||
select2: {
|
||||
required: true
|
||||
},
|
||||
typeahead: {
|
||||
required: true
|
||||
},
|
||||
|
||||
switch: {
|
||||
required: true
|
||||
},
|
||||
|
||||
markdown: {
|
||||
required: true
|
||||
}
|
||||
},
|
||||
|
||||
//display error alert on form submit
|
||||
invalidHandler: function(event, validator) {
|
||||
var alert = $('#kt_form_1_msg');
|
||||
alert.removeClass('kt--hide').show();
|
||||
KTUtil.scrollTo('m_form_1_msg', -200);
|
||||
},
|
||||
|
||||
submitHandler: function (form) {
|
||||
//form[0].submit(); // submit the form
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
initWidgets();
|
||||
initValidation();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTFormWidgets.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/validation/form-widgets.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/validation/form-widgets.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTFormWidgets=function(){var e;return{init:function(){!function(){$("#kt_datepicker").datepicker({todayHighlight:!0,templates:{leftArrow:'<i class="la la-angle-left"></i>',rightArrow:'<i class="la la-angle-right"></i>'}}),$("#kt_datetimepicker").datetimepicker({pickerPosition:"bottom-left",todayHighlight:!0,autoclose:!0,format:"yyyy.mm.dd hh:ii"}),$("#kt_datetimepicker").change(function(){e.element($(this))}),$("#kt_timepicker").timepicker({minuteStep:1,showSeconds:!0,showMeridian:!0}),$("#kt_daterangepicker").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"},function(t,i,a){var r=$("#kt_daterangepicker").find(".form-control");r.val(t.format("YYYY/MM/DD")+" / "+i.format("YYYY/MM/DD")),e.element(r)}),$("[data-switch=true]").bootstrapSwitch(),$("[data-switch=true]").on("switchChange.bootstrapSwitch",function(){e.element($(this))}),$("#kt_bootstrap_select").selectpicker(),$("#kt_bootstrap_select").on("changed.bs.select",function(){e.element($(this))}),$("#kt_select2").select2({placeholder:"Select a state"}),$("#kt_select2").on("select2:change",function(){e.element($(this))});var t=new Bloodhound({datumTokenizer:Bloodhound.tokenizers.whitespace,queryTokenizer:Bloodhound.tokenizers.whitespace,prefetch:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/typeahead/countries.json"});$("#kt_typeahead").typeahead(null,{name:"countries",source:t}),$("#kt_typeahead").bind("typeahead:select",function(t,i){e.element($("#kt_typeahead"))})}(),e=$("#kt_form_1").validate({rules:{date:{required:!0,date:!0},daterange:{required:!0},datetime:{required:!0},time:{required:!0},select:{required:!0,minlength:2,maxlength:4},select2:{required:!0},typeahead:{required:!0},switch:{required:!0},markdown:{required:!0}},invalidHandler:function(e,t){$("#kt_form_1_msg").removeClass("kt--hide").show(),KTUtil.scrollTo("m_form_1_msg",-200)},submitHandler:function(e){}})}}}();jQuery(document).ready(function(){KTFormWidgets.init()});
|
||||
27
public/assets/js/demo1/pages/crud/forms/widgets/autosize.js
Normal file
27
public/assets/js/demo1/pages/crud/forms/widgets/autosize.js
Normal file
@@ -0,0 +1,27 @@
|
||||
// Class definition
|
||||
|
||||
var KTAutosize = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// basic demo
|
||||
var demo1 = $('#kt_autosize_1');
|
||||
var demo2 = $('#kt_autosize_2');
|
||||
|
||||
autosize(demo1);
|
||||
|
||||
autosize(demo2);
|
||||
autosize.update(demo2);
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTAutosize.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/autosize.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/autosize.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTAutosize={init:function(){var t,i;t=$("#kt_autosize_1"),i=$("#kt_autosize_2"),autosize(t),autosize(i),autosize.update(i)}};jQuery(document).ready(function(){KTAutosize.init()});
|
||||
124
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-datepicker.js
vendored
Normal file
124
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-datepicker.js
vendored
Normal file
@@ -0,0 +1,124 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapDatepicker = function () {
|
||||
|
||||
var arrows;
|
||||
if (KTUtil.isRTL()) {
|
||||
arrows = {
|
||||
leftArrow: '<i class="la la-angle-right"></i>',
|
||||
rightArrow: '<i class="la la-angle-left"></i>'
|
||||
}
|
||||
} else {
|
||||
arrows = {
|
||||
leftArrow: '<i class="la la-angle-left"></i>',
|
||||
rightArrow: '<i class="la la-angle-right"></i>'
|
||||
}
|
||||
}
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// minimum setup
|
||||
$('#kt_datepicker_1, #kt_datepicker_1_validate').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
todayHighlight: true,
|
||||
orientation: "bottom left",
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
// minimum setup for modal demo
|
||||
$('#kt_datepicker_1_modal').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
todayHighlight: true,
|
||||
orientation: "bottom left",
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
// input group layout
|
||||
$('#kt_datepicker_2, #kt_datepicker_2_validate').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
todayHighlight: true,
|
||||
orientation: "bottom left",
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
// input group layout for modal demo
|
||||
$('#kt_datepicker_2_modal').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
todayHighlight: true,
|
||||
orientation: "bottom left",
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
// enable clear button
|
||||
$('#kt_datepicker_3, #kt_datepicker_3_validate').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
todayBtn: "linked",
|
||||
clearBtn: true,
|
||||
todayHighlight: true,
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
// enable clear button for modal demo
|
||||
$('#kt_datepicker_3_modal').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
todayBtn: "linked",
|
||||
clearBtn: true,
|
||||
todayHighlight: true,
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
// orientation
|
||||
$('#kt_datepicker_4_1').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
orientation: "top left",
|
||||
todayHighlight: true,
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
$('#kt_datepicker_4_2').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
orientation: "top right",
|
||||
todayHighlight: true,
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
$('#kt_datepicker_4_3').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
orientation: "bottom left",
|
||||
todayHighlight: true,
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
$('#kt_datepicker_4_4').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
orientation: "bottom right",
|
||||
todayHighlight: true,
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
// range picker
|
||||
$('#kt_datepicker_5').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
todayHighlight: true,
|
||||
templates: arrows
|
||||
});
|
||||
|
||||
// inline picker
|
||||
$('#kt_datepicker_6').datepicker({
|
||||
rtl: KTUtil.isRTL(),
|
||||
todayHighlight: true,
|
||||
templates: arrows
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapDatepicker.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-datepicker.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-datepicker.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapDatepicker=function(){var t;t=KTUtil.isRTL()?{leftArrow:'<i class="la la-angle-right"></i>',rightArrow:'<i class="la la-angle-left"></i>'}:{leftArrow:'<i class="la la-angle-left"></i>',rightArrow:'<i class="la la-angle-right"></i>'};return{init:function(){$("#kt_datepicker_1, #kt_datepicker_1_validate").datepicker({rtl:KTUtil.isRTL(),todayHighlight:!0,orientation:"bottom left",templates:t}),$("#kt_datepicker_1_modal").datepicker({rtl:KTUtil.isRTL(),todayHighlight:!0,orientation:"bottom left",templates:t}),$("#kt_datepicker_2, #kt_datepicker_2_validate").datepicker({rtl:KTUtil.isRTL(),todayHighlight:!0,orientation:"bottom left",templates:t}),$("#kt_datepicker_2_modal").datepicker({rtl:KTUtil.isRTL(),todayHighlight:!0,orientation:"bottom left",templates:t}),$("#kt_datepicker_3, #kt_datepicker_3_validate").datepicker({rtl:KTUtil.isRTL(),todayBtn:"linked",clearBtn:!0,todayHighlight:!0,templates:t}),$("#kt_datepicker_3_modal").datepicker({rtl:KTUtil.isRTL(),todayBtn:"linked",clearBtn:!0,todayHighlight:!0,templates:t}),$("#kt_datepicker_4_1").datepicker({rtl:KTUtil.isRTL(),orientation:"top left",todayHighlight:!0,templates:t}),$("#kt_datepicker_4_2").datepicker({rtl:KTUtil.isRTL(),orientation:"top right",todayHighlight:!0,templates:t}),$("#kt_datepicker_4_3").datepicker({rtl:KTUtil.isRTL(),orientation:"bottom left",todayHighlight:!0,templates:t}),$("#kt_datepicker_4_4").datepicker({rtl:KTUtil.isRTL(),orientation:"bottom right",todayHighlight:!0,templates:t}),$("#kt_datepicker_5").datepicker({rtl:KTUtil.isRTL(),todayHighlight:!0,templates:t}),$("#kt_datepicker_6").datepicker({rtl:KTUtil.isRTL(),todayHighlight:!0,templates:t})}}}();jQuery(document).ready(function(){KTBootstrapDatepicker.init()});
|
||||
143
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-daterangepicker.js
vendored
Normal file
143
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-daterangepicker.js
vendored
Normal file
@@ -0,0 +1,143 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapDaterangepicker = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// minimum setup
|
||||
$('#kt_daterangepicker_1, #kt_daterangepicker_1_modal').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
});
|
||||
|
||||
// input group and left alignment setup
|
||||
$('#kt_daterangepicker_2').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_2 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
|
||||
$('#kt_daterangepicker_2_modal').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_2 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
|
||||
// left alignment setup
|
||||
$('#kt_daterangepicker_3').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_3 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
|
||||
$('#kt_daterangepicker_3_modal').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_3 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
|
||||
|
||||
// date & time
|
||||
$('#kt_daterangepicker_4').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary',
|
||||
|
||||
timePicker: true,
|
||||
timePickerIncrement: 30,
|
||||
locale: {
|
||||
format: 'MM/DD/YYYY h:mm A'
|
||||
}
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_4 .form-control').val( start.format('MM/DD/YYYY h:mm A') + ' / ' + end.format('MM/DD/YYYY h:mm A'));
|
||||
});
|
||||
|
||||
// date picker
|
||||
$('#kt_daterangepicker_5').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary',
|
||||
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
locale: {
|
||||
format: 'MM/DD/YYYY'
|
||||
}
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_5 .form-control').val( start.format('MM/DD/YYYY') + ' / ' + end.format('MM/DD/YYYY'));
|
||||
});
|
||||
|
||||
// predefined ranges
|
||||
var start = moment().subtract(29, 'days');
|
||||
var end = moment();
|
||||
|
||||
$('#kt_daterangepicker_6').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary',
|
||||
|
||||
startDate: start,
|
||||
endDate: end,
|
||||
ranges: {
|
||||
'Today': [moment(), moment()],
|
||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||
}
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_6 .form-control').val( start.format('MM/DD/YYYY') + ' / ' + end.format('MM/DD/YYYY'));
|
||||
});
|
||||
}
|
||||
|
||||
var validationDemos = function() {
|
||||
// input group and left alignment setup
|
||||
$('#kt_daterangepicker_1_validate').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_1_validate .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
|
||||
// input group and left alignment setup
|
||||
$('#kt_daterangepicker_2_validate').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_3_validate .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
|
||||
// input group and left alignment setup
|
||||
$('#kt_daterangepicker_3_validate').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-secondary'
|
||||
}, function(start, end, label) {
|
||||
$('#kt_daterangepicker_3_validate .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
validationDemos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapDaterangepicker.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-daterangepicker.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-daterangepicker.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapDaterangepicker={init:function(){!function(){$("#kt_daterangepicker_1, #kt_daterangepicker_1_modal").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"}),$("#kt_daterangepicker_2").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"},function(a,t,e){$("#kt_daterangepicker_2 .form-control").val(a.format("YYYY-MM-DD")+" / "+t.format("YYYY-MM-DD"))}),$("#kt_daterangepicker_2_modal").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"},function(a,t,e){$("#kt_daterangepicker_2 .form-control").val(a.format("YYYY-MM-DD")+" / "+t.format("YYYY-MM-DD"))}),$("#kt_daterangepicker_3").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"},function(a,t,e){$("#kt_daterangepicker_3 .form-control").val(a.format("YYYY-MM-DD")+" / "+t.format("YYYY-MM-DD"))}),$("#kt_daterangepicker_3_modal").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"},function(a,t,e){$("#kt_daterangepicker_3 .form-control").val(a.format("YYYY-MM-DD")+" / "+t.format("YYYY-MM-DD"))}),$("#kt_daterangepicker_4").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary",timePicker:!0,timePickerIncrement:30,locale:{format:"MM/DD/YYYY h:mm A"}},function(a,t,e){$("#kt_daterangepicker_4 .form-control").val(a.format("MM/DD/YYYY h:mm A")+" / "+t.format("MM/DD/YYYY h:mm A"))}),$("#kt_daterangepicker_5").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary",singleDatePicker:!0,showDropdowns:!0,locale:{format:"MM/DD/YYYY"}},function(a,t,e){$("#kt_daterangepicker_5 .form-control").val(a.format("MM/DD/YYYY")+" / "+t.format("MM/DD/YYYY"))});var a=moment().subtract(29,"days"),t=moment();$("#kt_daterangepicker_6").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary",startDate:a,endDate:t,ranges:{Today:[moment(),moment()],Yesterday:[moment().subtract(1,"days"),moment().subtract(1,"days")],"Last 7 Days":[moment().subtract(6,"days"),moment()],"Last 30 Days":[moment().subtract(29,"days"),moment()],"This Month":[moment().startOf("month"),moment().endOf("month")],"Last Month":[moment().subtract(1,"month").startOf("month"),moment().subtract(1,"month").endOf("month")]}},function(a,t,e){$("#kt_daterangepicker_6 .form-control").val(a.format("MM/DD/YYYY")+" / "+t.format("MM/DD/YYYY"))})}(),$("#kt_daterangepicker_1_validate").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"},function(a,t,e){$("#kt_daterangepicker_1_validate .form-control").val(a.format("YYYY-MM-DD")+" / "+t.format("YYYY-MM-DD"))}),$("#kt_daterangepicker_2_validate").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"},function(a,t,e){$("#kt_daterangepicker_3_validate .form-control").val(a.format("YYYY-MM-DD")+" / "+t.format("YYYY-MM-DD"))}),$("#kt_daterangepicker_3_validate").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-secondary"},function(a,t,e){$("#kt_daterangepicker_3_validate .form-control").val(a.format("YYYY-MM-DD")+" / "+t.format("YYYY-MM-DD"))})}};jQuery(document).ready(function(){KTBootstrapDaterangepicker.init()});
|
||||
120
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-datetimepicker.js
vendored
Normal file
120
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-datetimepicker.js
vendored
Normal file
@@ -0,0 +1,120 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapDatetimepicker = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// minimal setup
|
||||
$('#kt_datetimepicker_1').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
format: 'yyyy.mm.dd hh:ii'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker_1_modal').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
format: 'yyyy.mm.dd hh:ii'
|
||||
});
|
||||
|
||||
// input group demo
|
||||
$('#kt_datetimepicker_2, #kt_datetimepicker_1_validate, #kt_datetimepicker_2_validate, #kt_datetimepicker_3_validate').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'bottom-left',
|
||||
format: 'yyyy/mm/dd hh:ii'
|
||||
});
|
||||
$('#kt_datetimepicker_2_modal').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'bottom-left',
|
||||
format: 'yyyy/mm/dd hh:ii'
|
||||
});
|
||||
|
||||
// today button
|
||||
$('#kt_datetimepicker_3').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'bottom-left',
|
||||
todayBtn: true,
|
||||
format: 'yyyy/mm/dd hh:ii'
|
||||
});
|
||||
$('#kt_datetimepicker_3_modal').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'bottom-left',
|
||||
todayBtn: true,
|
||||
format: 'yyyy/mm/dd hh:ii'
|
||||
});
|
||||
|
||||
// orientation
|
||||
$('#kt_datetimepicker_4_1').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'bottom-left',
|
||||
format: 'yyyy.mm.dd hh:ii'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker_4_2').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'bottom-right',
|
||||
format: 'yyyy/mm/dd hh:ii'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker_4_3').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'top-left',
|
||||
format: 'yyyy-mm-dd hh:ii'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker_4_4').datetimepicker({
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'top-right',
|
||||
format: 'yyyy-mm-dd hh:ii'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker_5').datetimepicker({
|
||||
format: "dd MM yyyy - HH:ii P",
|
||||
showMeridian: true,
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
pickerPosition: 'bottom-left'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker_6').datetimepicker({
|
||||
format: "yyyy/mm/dd",
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
startView: 2,
|
||||
minView: 2,
|
||||
forceParse: 0,
|
||||
pickerPosition: 'bottom-left'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker_7').datetimepicker({
|
||||
format: "hh:ii",
|
||||
showMeridian: true,
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
startView: 1,
|
||||
minView: 0,
|
||||
maxView: 1,
|
||||
forceParse: 0,
|
||||
pickerPosition: 'bottom-left'
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapDatetimepicker.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-datetimepicker.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-datetimepicker.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapDatetimepicker={init:function(){$("#kt_datetimepicker_1").datetimepicker({todayHighlight:!0,autoclose:!0,format:"yyyy.mm.dd hh:ii"}),$("#kt_datetimepicker_1_modal").datetimepicker({todayHighlight:!0,autoclose:!0,format:"yyyy.mm.dd hh:ii"}),$("#kt_datetimepicker_2, #kt_datetimepicker_1_validate, #kt_datetimepicker_2_validate, #kt_datetimepicker_3_validate").datetimepicker({todayHighlight:!0,autoclose:!0,pickerPosition:"bottom-left",format:"yyyy/mm/dd hh:ii"}),$("#kt_datetimepicker_2_modal").datetimepicker({todayHighlight:!0,autoclose:!0,pickerPosition:"bottom-left",format:"yyyy/mm/dd hh:ii"}),$("#kt_datetimepicker_3").datetimepicker({todayHighlight:!0,autoclose:!0,pickerPosition:"bottom-left",todayBtn:!0,format:"yyyy/mm/dd hh:ii"}),$("#kt_datetimepicker_3_modal").datetimepicker({todayHighlight:!0,autoclose:!0,pickerPosition:"bottom-left",todayBtn:!0,format:"yyyy/mm/dd hh:ii"}),$("#kt_datetimepicker_4_1").datetimepicker({todayHighlight:!0,autoclose:!0,pickerPosition:"bottom-left",format:"yyyy.mm.dd hh:ii"}),$("#kt_datetimepicker_4_2").datetimepicker({todayHighlight:!0,autoclose:!0,pickerPosition:"bottom-right",format:"yyyy/mm/dd hh:ii"}),$("#kt_datetimepicker_4_3").datetimepicker({todayHighlight:!0,autoclose:!0,pickerPosition:"top-left",format:"yyyy-mm-dd hh:ii"}),$("#kt_datetimepicker_4_4").datetimepicker({todayHighlight:!0,autoclose:!0,pickerPosition:"top-right",format:"yyyy-mm-dd hh:ii"}),$("#kt_datetimepicker_5").datetimepicker({format:"dd MM yyyy - HH:ii P",showMeridian:!0,todayHighlight:!0,autoclose:!0,pickerPosition:"bottom-left"}),$("#kt_datetimepicker_6").datetimepicker({format:"yyyy/mm/dd",todayHighlight:!0,autoclose:!0,startView:2,minView:2,forceParse:0,pickerPosition:"bottom-left"}),$("#kt_datetimepicker_7").datetimepicker({format:"hh:ii",showMeridian:!0,todayHighlight:!0,autoclose:!0,startView:1,minView:0,maxView:1,forceParse:0,pickerPosition:"bottom-left"})}};jQuery(document).ready(function(){KTBootstrapDatetimepicker.init()});
|
||||
21
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-markdown.js
vendored
Normal file
21
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-markdown.js
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapMarkdown = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapMarkdown.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-markdown.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-markdown.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTBootstrapMarkdown={init:function(){}};jQuery(document).ready(function(){KTBootstrapMarkdown.init()});
|
||||
128
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-maxlength.js
vendored
Normal file
128
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-maxlength.js
vendored
Normal file
@@ -0,0 +1,128 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapMaxlength = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// minimum setup
|
||||
$('#kt_maxlength_1').maxlength({
|
||||
warningClass: "kt-badge kt-badge--warning kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--success kt-badge--rounded kt-badge--inline"
|
||||
});
|
||||
|
||||
// threshold value
|
||||
$('#kt_maxlength_2').maxlength({
|
||||
threshold: 5,
|
||||
warningClass: "kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--success kt-badge--rounded kt-badge--inline"
|
||||
});
|
||||
|
||||
// always show
|
||||
$('#kt_maxlength_3').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
warningClass: "kt-badge kt-badge--primary kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"
|
||||
});
|
||||
|
||||
// custom text
|
||||
$('#kt_maxlength_4').maxlength({
|
||||
threshold: 3,
|
||||
warningClass: "kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",
|
||||
separator: ' of ',
|
||||
preText: 'You have ',
|
||||
postText: ' chars remaining.',
|
||||
validate: true
|
||||
});
|
||||
|
||||
// textarea example
|
||||
$('#kt_maxlength_5').maxlength({
|
||||
threshold: 5,
|
||||
warningClass: "kt-badge kt-badge--primary kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"
|
||||
});
|
||||
|
||||
// position examples
|
||||
$('#kt_maxlength_6_1').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
placement: 'top-left',
|
||||
warningClass: "kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"
|
||||
});
|
||||
|
||||
$('#kt_maxlength_6_2').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
placement: 'top-right',
|
||||
warningClass: "kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"
|
||||
});
|
||||
|
||||
$('#kt_maxlength_6_3').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
placement: 'bottom-left',
|
||||
warningClass: "kt-badge kt-badge--warning kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"
|
||||
});
|
||||
|
||||
$('#kt_maxlength_6_4').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
placement: 'bottom-right',
|
||||
warningClass: "kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"
|
||||
});
|
||||
|
||||
// Modal Examples
|
||||
|
||||
// minimum setup
|
||||
$('#kt_maxlength_1_modal').maxlength({
|
||||
warningClass: "kt-badge kt-badge--warning kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",
|
||||
appendToParent: true
|
||||
});
|
||||
|
||||
// threshold value
|
||||
$('#kt_maxlength_2_modal').maxlength({
|
||||
threshold: 5,
|
||||
warningClass: "kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",
|
||||
appendToParent: true
|
||||
});
|
||||
|
||||
// always show
|
||||
// textarea example
|
||||
$('#kt_maxlength_5_modal').maxlength({
|
||||
threshold: 5,
|
||||
warningClass: "kt-badge kt-badge--primary kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline",
|
||||
appendToParent: true
|
||||
});
|
||||
|
||||
// custom text
|
||||
$('#kt_maxlength_4_modal').maxlength({
|
||||
threshold: 3,
|
||||
warningClass: "kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",
|
||||
limitReachedClass: "kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",
|
||||
appendToParent: true,
|
||||
separator: ' of ',
|
||||
preText: 'You have ',
|
||||
postText: ' chars remaining.',
|
||||
validate: true
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapMaxlength.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-maxlength.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-maxlength.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapMaxlength={init:function(){$("#kt_maxlength_1").maxlength({warningClass:"kt-badge kt-badge--warning kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--success kt-badge--rounded kt-badge--inline"}),$("#kt_maxlength_2").maxlength({threshold:5,warningClass:"kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--success kt-badge--rounded kt-badge--inline"}),$("#kt_maxlength_3").maxlength({alwaysShow:!0,threshold:5,warningClass:"kt-badge kt-badge--primary kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"}),$("#kt_maxlength_4").maxlength({threshold:3,warningClass:"kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",separator:" of ",preText:"You have ",postText:" chars remaining.",validate:!0}),$("#kt_maxlength_5").maxlength({threshold:5,warningClass:"kt-badge kt-badge--primary kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"}),$("#kt_maxlength_6_1").maxlength({alwaysShow:!0,threshold:5,placement:"top-left",warningClass:"kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"}),$("#kt_maxlength_6_2").maxlength({alwaysShow:!0,threshold:5,placement:"top-right",warningClass:"kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"}),$("#kt_maxlength_6_3").maxlength({alwaysShow:!0,threshold:5,placement:"bottom-left",warningClass:"kt-badge kt-badge--warning kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"}),$("#kt_maxlength_6_4").maxlength({alwaysShow:!0,threshold:5,placement:"bottom-right",warningClass:"kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline"}),$("#kt_maxlength_1_modal").maxlength({warningClass:"kt-badge kt-badge--warning kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",appendToParent:!0}),$("#kt_maxlength_2_modal").maxlength({threshold:5,warningClass:"kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",appendToParent:!0}),$("#kt_maxlength_5_modal").maxlength({threshold:5,warningClass:"kt-badge kt-badge--primary kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--brand kt-badge--rounded kt-badge--inline",appendToParent:!0}),$("#kt_maxlength_4_modal").maxlength({threshold:3,warningClass:"kt-badge kt-badge--danger kt-badge--rounded kt-badge--inline",limitReachedClass:"kt-badge kt-badge--success kt-badge--rounded kt-badge--inline",appendToParent:!0,separator:" of ",preText:"You have ",postText:" chars remaining.",validate:!0})}};jQuery(document).ready(function(){KTBootstrapMaxlength.init()});
|
||||
21
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-multipleselectsplitter.js
vendored
Normal file
21
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-multipleselectsplitter.js
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapMultipleSelectsplitter = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// minimum setup
|
||||
$('#kt_multipleselectsplitter_1, #kt_multipleselectsplitter_2').multiselectsplitter();
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapMultipleSelectsplitter.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-multipleselectsplitter.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-multipleselectsplitter.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapMultipleSelectsplitter={init:function(){$("#kt_multipleselectsplitter_1, #kt_multipleselectsplitter_2").multiselectsplitter()}};jQuery(document).ready(function(){KTBootstrapMultipleSelectsplitter.init()});
|
||||
21
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-select.js
vendored
Normal file
21
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-select.js
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapSelect = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// minimum setup
|
||||
$('.kt-selectpicker').selectpicker();
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapSelect.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-select.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-select.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapSelect={init:function(){$(".kt-selectpicker").selectpicker()}};jQuery(document).ready(function(){KTBootstrapSelect.init()});
|
||||
21
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-switch.js
vendored
Normal file
21
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-switch.js
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapSwitch = function() {
|
||||
|
||||
// Private functions
|
||||
var demos = function() {
|
||||
// minimum setup
|
||||
$('[data-switch=true]').bootstrapSwitch();
|
||||
};
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapSwitch.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-switch.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-switch.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapSwitch={init:function(){$("[data-switch=true]").bootstrapSwitch()}};jQuery(document).ready(function(){KTBootstrapSwitch.init()});
|
||||
55
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-timepicker.js
vendored
Normal file
55
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-timepicker.js
vendored
Normal file
@@ -0,0 +1,55 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapTimepicker = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// minimum setup
|
||||
$('#kt_timepicker_1, #kt_timepicker_1_modal').timepicker();
|
||||
|
||||
// minimum setup
|
||||
$('#kt_timepicker_2, #kt_timepicker_2_modal').timepicker({
|
||||
minuteStep: 1,
|
||||
defaultTime: '',
|
||||
showSeconds: true,
|
||||
showMeridian: false,
|
||||
snapToStep: true
|
||||
});
|
||||
|
||||
// default time
|
||||
$('#kt_timepicker_3, #kt_timepicker_3_modal').timepicker({
|
||||
defaultTime: '11:45:20 AM',
|
||||
minuteStep: 1,
|
||||
showSeconds: true,
|
||||
showMeridian: true
|
||||
});
|
||||
|
||||
// default time
|
||||
$('#kt_timepicker_4, #kt_timepicker_4_modal').timepicker({
|
||||
defaultTime: '10:30:20 AM',
|
||||
minuteStep: 1,
|
||||
showSeconds: true,
|
||||
showMeridian: true
|
||||
});
|
||||
|
||||
// validation state demos
|
||||
// minimum setup
|
||||
$('#kt_timepicker_1_validate, #kt_timepicker_2_validate, #kt_timepicker_3_validate').timepicker({
|
||||
minuteStep: 1,
|
||||
showSeconds: true,
|
||||
showMeridian: false,
|
||||
snapToStep: true
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapTimepicker.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-timepicker.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-timepicker.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapTimepicker={init:function(){$("#kt_timepicker_1, #kt_timepicker_1_modal").timepicker(),$("#kt_timepicker_2, #kt_timepicker_2_modal").timepicker({minuteStep:1,defaultTime:"",showSeconds:!0,showMeridian:!1,snapToStep:!0}),$("#kt_timepicker_3, #kt_timepicker_3_modal").timepicker({defaultTime:"11:45:20 AM",minuteStep:1,showSeconds:!0,showMeridian:!0}),$("#kt_timepicker_4, #kt_timepicker_4_modal").timepicker({defaultTime:"10:30:20 AM",minuteStep:1,showSeconds:!0,showMeridian:!0}),$("#kt_timepicker_1_validate, #kt_timepicker_2_validate, #kt_timepicker_3_validate").timepicker({minuteStep:1,showSeconds:!0,showMeridian:!1,snapToStep:!0})}};jQuery(document).ready(function(){KTBootstrapTimepicker.init()});
|
||||
109
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-touchspin.js
vendored
Normal file
109
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-touchspin.js
vendored
Normal file
@@ -0,0 +1,109 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
var KTKBootstrapTouchspin = function() {
|
||||
|
||||
// Private functions
|
||||
var demos = function() {
|
||||
// minimum setup
|
||||
$('#kt_touchspin_1, #kt_touchspin_2_1').TouchSpin({
|
||||
buttondown_class: 'btn btn-secondary',
|
||||
buttonup_class: 'btn btn-secondary',
|
||||
|
||||
min: 0,
|
||||
max: 100,
|
||||
step: 0.1,
|
||||
decimals: 2,
|
||||
boostat: 5,
|
||||
maxboostedstep: 10,
|
||||
});
|
||||
|
||||
// with prefix
|
||||
$('#kt_touchspin_2, #kt_touchspin_2_2').TouchSpin({
|
||||
buttondown_class: 'btn btn-secondary',
|
||||
buttonup_class: 'btn btn-secondary',
|
||||
|
||||
min: -1000000000,
|
||||
max: 1000000000,
|
||||
stepinterval: 50,
|
||||
maxboostedstep: 10000000,
|
||||
prefix: '$'
|
||||
});
|
||||
|
||||
// vertical button alignment:
|
||||
$('#kt_touchspin_3, #kt_touchspin_2_3').TouchSpin({
|
||||
buttondown_class: 'btn btn-secondary',
|
||||
buttonup_class: 'btn btn-secondary',
|
||||
|
||||
min: -1000000000,
|
||||
max: 1000000000,
|
||||
stepinterval: 50,
|
||||
maxboostedstep: 10000000,
|
||||
postfix: '$'
|
||||
});
|
||||
|
||||
// vertical buttons with custom icons:
|
||||
$('#kt_touchspin_4, #kt_touchspin_2_4').TouchSpin({
|
||||
buttondown_class: 'btn btn-secondary',
|
||||
buttonup_class: 'btn btn-secondary',
|
||||
verticalbuttons: true,
|
||||
verticalup: '<i class="la la-plus"></i>',
|
||||
verticaldown: '<i class="la la-minus"></i>'
|
||||
});
|
||||
|
||||
// vertical buttons with custom icons:
|
||||
$('#kt_touchspin_5, #kt_touchspin_2_5').TouchSpin({
|
||||
buttondown_class: 'btn btn-secondary',
|
||||
buttonup_class: 'btn btn-secondary',
|
||||
verticalbuttons: true,
|
||||
verticalup: '<i class="la la-angle-up"></i>',
|
||||
verticaldown: '<i class="la la-angle-down"></i>'
|
||||
});
|
||||
}
|
||||
|
||||
var validationStateDemos = function() {
|
||||
// validation state demos
|
||||
$('#kt_touchspin_1_validate').TouchSpin({
|
||||
buttondown_class: 'btn btn-secondary',
|
||||
buttonup_class: 'btn btn-secondary',
|
||||
|
||||
min: -1000000000,
|
||||
max: 1000000000,
|
||||
stepinterval: 50,
|
||||
maxboostedstep: 10000000,
|
||||
prefix: '$'
|
||||
});
|
||||
|
||||
// vertical buttons with custom icons:
|
||||
$('#kt_touchspin_2_validate').TouchSpin({
|
||||
buttondown_class: 'btn btn-secondary',
|
||||
buttonup_class: 'btn btn-secondary',
|
||||
|
||||
min: 0,
|
||||
max: 100,
|
||||
step: 0.1,
|
||||
decimals: 2,
|
||||
boostat: 5,
|
||||
maxboostedstep: 10,
|
||||
});
|
||||
|
||||
$('#kt_touchspin_3_validate').TouchSpin({
|
||||
buttondown_class: 'btn btn-secondary',
|
||||
buttonup_class: 'btn btn-secondary',
|
||||
verticalbuttons: true,
|
||||
verticalupclass: 'la la-plus',
|
||||
verticaldownclass: 'la la-minus'
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
validationStateDemos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTKBootstrapTouchspin.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-touchspin.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/bootstrap-touchspin.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTKBootstrapTouchspin={init:function(){$("#kt_touchspin_1, #kt_touchspin_2_1").TouchSpin({buttondown_class:"btn btn-secondary",buttonup_class:"btn btn-secondary",min:0,max:100,step:.1,decimals:2,boostat:5,maxboostedstep:10}),$("#kt_touchspin_2, #kt_touchspin_2_2").TouchSpin({buttondown_class:"btn btn-secondary",buttonup_class:"btn btn-secondary",min:-1e9,max:1e9,stepinterval:50,maxboostedstep:1e7,prefix:"$"}),$("#kt_touchspin_3, #kt_touchspin_2_3").TouchSpin({buttondown_class:"btn btn-secondary",buttonup_class:"btn btn-secondary",min:-1e9,max:1e9,stepinterval:50,maxboostedstep:1e7,postfix:"$"}),$("#kt_touchspin_4, #kt_touchspin_2_4").TouchSpin({buttondown_class:"btn btn-secondary",buttonup_class:"btn btn-secondary",verticalbuttons:!0,verticalup:'<i class="la la-plus"></i>',verticaldown:'<i class="la la-minus"></i>'}),$("#kt_touchspin_5, #kt_touchspin_2_5").TouchSpin({buttondown_class:"btn btn-secondary",buttonup_class:"btn btn-secondary",verticalbuttons:!0,verticalup:'<i class="la la-angle-up"></i>',verticaldown:'<i class="la la-angle-down"></i>'}),$("#kt_touchspin_1_validate").TouchSpin({buttondown_class:"btn btn-secondary",buttonup_class:"btn btn-secondary",min:-1e9,max:1e9,stepinterval:50,maxboostedstep:1e7,prefix:"$"}),$("#kt_touchspin_2_validate").TouchSpin({buttondown_class:"btn btn-secondary",buttonup_class:"btn btn-secondary",min:0,max:100,step:.1,decimals:2,boostat:5,maxboostedstep:10}),$("#kt_touchspin_3_validate").TouchSpin({buttondown_class:"btn btn-secondary",buttonup_class:"btn btn-secondary",verticalbuttons:!0,verticalupclass:"la la-plus",verticaldownclass:"la la-minus"})}};jQuery(document).ready(function(){KTKBootstrapTouchspin.init()});
|
||||
25
public/assets/js/demo1/pages/crud/forms/widgets/clipboard.js
Normal file
25
public/assets/js/demo1/pages/crud/forms/widgets/clipboard.js
Normal file
@@ -0,0 +1,25 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTClipboardDemo = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// basic example
|
||||
new ClipboardJS('[data-clipboard=true]').on('success', function(e) {
|
||||
e.clearSelection();
|
||||
alert('Copied!');
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTClipboardDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/clipboard.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/clipboard.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTClipboardDemo={init:function(){new ClipboardJS("[data-clipboard=true]").on("success",function(e){e.clearSelection(),alert("Copied!")})}};jQuery(document).ready(function(){KTClipboardDemo.init()});
|
||||
134
public/assets/js/demo1/pages/crud/forms/widgets/form-repeater.js
Normal file
134
public/assets/js/demo1/pages/crud/forms/widgets/form-repeater.js
Normal file
@@ -0,0 +1,134 @@
|
||||
// Class definition
|
||||
var KTFormRepeater = function() {
|
||||
|
||||
// Private functions
|
||||
var demo1 = function() {
|
||||
$('#kt_repeater_1').repeater({
|
||||
initEmpty: false,
|
||||
|
||||
defaultValues: {
|
||||
'text-input': 'foo'
|
||||
},
|
||||
|
||||
show: function () {
|
||||
$(this).slideDown();
|
||||
},
|
||||
|
||||
hide: function (deleteElement) {
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
$('#kt_repeater_2').repeater({
|
||||
initEmpty: false,
|
||||
|
||||
defaultValues: {
|
||||
'text-input': 'foo'
|
||||
},
|
||||
|
||||
show: function() {
|
||||
$(this).slideDown();
|
||||
},
|
||||
|
||||
hide: function(deleteElement) {
|
||||
if(confirm('Are you sure you want to delete this element?')) {
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
var demo3 = function() {
|
||||
$('#kt_repeater_3').repeater({
|
||||
initEmpty: false,
|
||||
|
||||
defaultValues: {
|
||||
'text-input': 'foo'
|
||||
},
|
||||
|
||||
show: function() {
|
||||
$(this).slideDown();
|
||||
},
|
||||
|
||||
hide: function(deleteElement) {
|
||||
if(confirm('Are you sure you want to delete this element?')) {
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo4 = function() {
|
||||
$('#kt_repeater_4').repeater({
|
||||
initEmpty: false,
|
||||
|
||||
defaultValues: {
|
||||
'text-input': 'foo'
|
||||
},
|
||||
|
||||
show: function() {
|
||||
$(this).slideDown();
|
||||
},
|
||||
|
||||
hide: function(deleteElement) {
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo5 = function() {
|
||||
$('#kt_repeater_5').repeater({
|
||||
initEmpty: false,
|
||||
|
||||
defaultValues: {
|
||||
'text-input': 'foo'
|
||||
},
|
||||
|
||||
show: function() {
|
||||
$(this).slideDown();
|
||||
},
|
||||
|
||||
hide: function(deleteElement) {
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo6 = function() {
|
||||
$('#kt_repeater_6').repeater({
|
||||
initEmpty: false,
|
||||
|
||||
defaultValues: {
|
||||
'text-input': 'foo'
|
||||
},
|
||||
|
||||
show: function() {
|
||||
$(this).slideDown();
|
||||
},
|
||||
|
||||
hide: function(deleteElement) {
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
});
|
||||
}
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
demo5();
|
||||
demo6();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTFormRepeater.init();
|
||||
});
|
||||
|
||||
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/form-repeater.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/form-repeater.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTFormRepeater={init:function(){$("#kt_repeater_1").repeater({initEmpty:!1,defaultValues:{"text-input":"foo"},show:function(){$(this).slideDown()},hide:function(e){$(this).slideUp(e)}}),$("#kt_repeater_2").repeater({initEmpty:!1,defaultValues:{"text-input":"foo"},show:function(){$(this).slideDown()},hide:function(e){confirm("Are you sure you want to delete this element?")&&$(this).slideUp(e)}}),$("#kt_repeater_3").repeater({initEmpty:!1,defaultValues:{"text-input":"foo"},show:function(){$(this).slideDown()},hide:function(e){confirm("Are you sure you want to delete this element?")&&$(this).slideUp(e)}}),$("#kt_repeater_4").repeater({initEmpty:!1,defaultValues:{"text-input":"foo"},show:function(){$(this).slideDown()},hide:function(e){$(this).slideUp(e)}}),$("#kt_repeater_5").repeater({initEmpty:!1,defaultValues:{"text-input":"foo"},show:function(){$(this).slideDown()},hide:function(e){$(this).slideUp(e)}}),$("#kt_repeater_6").repeater({initEmpty:!1,defaultValues:{"text-input":"foo"},show:function(){$(this).slideDown()},hide:function(e){$(this).slideUp(e)}})}};jQuery(document).ready(function(){KTFormRepeater.init()});
|
||||
@@ -0,0 +1,21 @@
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapTouchspin = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// minimum setup
|
||||
//$('#kt_timepicker_1, #kt_timepicker_1_modal').timepicker();
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapTouchspin.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/google-recaptcha.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/google-recaptcha.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapTouchspin={init:function(){}};jQuery(document).ready(function(){KTBootstrapTouchspin.init()});
|
||||
@@ -0,0 +1,79 @@
|
||||
// Class definition
|
||||
|
||||
var KTInputmask = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// date format
|
||||
$("#kt_inputmask_1").inputmask("99/99/9999", {
|
||||
"placeholder": "mm/dd/yyyy",
|
||||
autoUnmask: true
|
||||
});
|
||||
|
||||
// custom placeholder
|
||||
$("#kt_inputmask_2").inputmask("99/99/9999", {
|
||||
"placeholder": "mm/dd/yyyy",
|
||||
});
|
||||
|
||||
// phone number format
|
||||
$("#kt_inputmask_3").inputmask("mask", {
|
||||
"mask": "(999) 999-9999"
|
||||
});
|
||||
|
||||
// empty placeholder
|
||||
$("#kt_inputmask_4").inputmask({
|
||||
"mask": "99-9999999",
|
||||
placeholder: "" // remove underscores from the input mask
|
||||
});
|
||||
|
||||
// repeating mask
|
||||
$("#kt_inputmask_5").inputmask({
|
||||
"mask": "9",
|
||||
"repeat": 10,
|
||||
"greedy": false
|
||||
}); // ~ mask "9" or mask "99" or ... mask "9999999999"
|
||||
|
||||
// decimal format
|
||||
$("#kt_inputmask_6").inputmask('decimal', {
|
||||
rightAlignNumerics: false
|
||||
});
|
||||
|
||||
// currency format
|
||||
$("#kt_inputmask_7").inputmask('€ 999.999.999,99', {
|
||||
numericInput: true
|
||||
}); //123456 => € ___.__1.234,56
|
||||
|
||||
//ip address
|
||||
$("#kt_inputmask_8").inputmask({
|
||||
"mask": "999.999.999.999"
|
||||
});
|
||||
|
||||
//email address
|
||||
$("#kt_inputmask_9").inputmask({
|
||||
mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]",
|
||||
greedy: false,
|
||||
onBeforePaste: function (pastedValue, opts) {
|
||||
pastedValue = pastedValue.toLowerCase();
|
||||
return pastedValue.replace("mailto:", "");
|
||||
},
|
||||
definitions: {
|
||||
'*': {
|
||||
validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~\-]",
|
||||
cardinality: 1,
|
||||
casing: "lower"
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTInputmask.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/input-mask.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/input-mask.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTInputmask={init:function(){$("#kt_inputmask_1").inputmask("99/99/9999",{placeholder:"mm/dd/yyyy",autoUnmask:!0}),$("#kt_inputmask_2").inputmask("99/99/9999",{placeholder:"mm/dd/yyyy"}),$("#kt_inputmask_3").inputmask("mask",{mask:"(999) 999-9999"}),$("#kt_inputmask_4").inputmask({mask:"99-9999999",placeholder:""}),$("#kt_inputmask_5").inputmask({mask:"9",repeat:10,greedy:!1}),$("#kt_inputmask_6").inputmask("decimal",{rightAlignNumerics:!1}),$("#kt_inputmask_7").inputmask("€ 999.999.999,99",{numericInput:!0}),$("#kt_inputmask_8").inputmask({mask:"999.999.999.999"}),$("#kt_inputmask_9").inputmask({mask:"*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]",greedy:!1,onBeforePaste:function(t,a){return(t=t.toLowerCase()).replace("mailto:","")},definitions:{"*":{validator:"[0-9A-Za-z!#$%&'*+/=?^_`{|}~-]",cardinality:1,casing:"lower"}}})}};jQuery(document).ready(function(){KTInputmask.init()});
|
||||
@@ -0,0 +1,83 @@
|
||||
// Class definition
|
||||
|
||||
var KTIONRangeSlider = function () {
|
||||
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
// basic demo
|
||||
$('#kt_slider_1').ionRangeSlider();
|
||||
|
||||
// min & max values
|
||||
$('#kt_slider_2').ionRangeSlider({
|
||||
min: 100,
|
||||
max: 1000,
|
||||
from: 550
|
||||
});
|
||||
|
||||
// custom prefix
|
||||
$('#kt_slider_3').ionRangeSlider({
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: 0,
|
||||
max: 1000,
|
||||
from: 200,
|
||||
to: 800,
|
||||
prefix: "$"
|
||||
});
|
||||
|
||||
// range & step
|
||||
$('#kt_slider_4').ionRangeSlider({
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: -1000,
|
||||
max: 1000,
|
||||
from: -500,
|
||||
to: 500
|
||||
});
|
||||
|
||||
// fractional step
|
||||
$('#kt_slider_5').ionRangeSlider({
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: -12.8,
|
||||
max: 12.8,
|
||||
from: -3.2,
|
||||
to: 3.2,
|
||||
step: 0.1
|
||||
});
|
||||
|
||||
// using postfixes
|
||||
$('#kt_slider_6').ionRangeSlider({
|
||||
type: "single",
|
||||
grid: true,
|
||||
min: -90,
|
||||
max: 90,
|
||||
from: 0,
|
||||
postfix: "°"
|
||||
});
|
||||
|
||||
// using text
|
||||
$('#kt_slider_7').ionRangeSlider({
|
||||
type: "double",
|
||||
min: 100,
|
||||
max: 200,
|
||||
from: 145,
|
||||
to: 155,
|
||||
prefix: "Weight: ",
|
||||
postfix: " million pounds",
|
||||
decorate_both: true
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTIONRangeSlider.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/ion-range-slider.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/ion-range-slider.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTIONRangeSlider={init:function(){$("#kt_slider_1").ionRangeSlider(),$("#kt_slider_2").ionRangeSlider({min:100,max:1e3,from:550}),$("#kt_slider_3").ionRangeSlider({type:"double",grid:!0,min:0,max:1e3,from:200,to:800,prefix:"$"}),$("#kt_slider_4").ionRangeSlider({type:"double",grid:!0,min:-1e3,max:1e3,from:-500,to:500}),$("#kt_slider_5").ionRangeSlider({type:"double",grid:!0,min:-12.8,max:12.8,from:-3.2,to:3.2,step:.1}),$("#kt_slider_6").ionRangeSlider({type:"single",grid:!0,min:-90,max:90,from:0,postfix:"°"}),$("#kt_slider_7").ionRangeSlider({type:"double",min:100,max:200,from:145,to:155,prefix:"Weight: ",postfix:" million pounds",decorate_both:!0})}};jQuery(document).ready(function(){KTIONRangeSlider.init()});
|
||||
312
public/assets/js/demo1/pages/crud/forms/widgets/nouislider.js
Normal file
312
public/assets/js/demo1/pages/crud/forms/widgets/nouislider.js
Normal file
@@ -0,0 +1,312 @@
|
||||
// Class definition
|
||||
var KTnoUiSliderDemos = function() {
|
||||
|
||||
// Private functions
|
||||
|
||||
|
||||
var demo1 = function() {
|
||||
// init slider
|
||||
var slider = document.getElementById('kt_nouislider_1');
|
||||
|
||||
noUiSlider.create(slider, {
|
||||
start: [ 0 ],
|
||||
step: 2,
|
||||
range: {
|
||||
'min': [ 0 ],
|
||||
'max': [ 10 ]
|
||||
},
|
||||
format: wNumb({
|
||||
decimals: 0
|
||||
})
|
||||
});
|
||||
|
||||
// init slider input
|
||||
var sliderInput = document.getElementById('kt_nouislider_1_input');
|
||||
|
||||
slider.noUiSlider.on('update', function( values, handle ) {
|
||||
sliderInput.value = values[handle];
|
||||
});
|
||||
|
||||
sliderInput.addEventListener('change', function(){
|
||||
slider.noUiSlider.set(this.value);
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
// init slider
|
||||
var slider = document.getElementById('kt_nouislider_2');
|
||||
|
||||
noUiSlider.create(slider, {
|
||||
start: [ 20000 ],
|
||||
connect: [true, false],
|
||||
step: 1000,
|
||||
range: {
|
||||
'min': [ 20000 ],
|
||||
'max': [ 80000 ]
|
||||
},
|
||||
format: wNumb({
|
||||
decimals: 3,
|
||||
thousand: '.',
|
||||
postfix: ' (US $)',
|
||||
})
|
||||
});
|
||||
|
||||
// init slider input
|
||||
var sliderInput = document.getElementById('kt_nouislider_2_input');
|
||||
|
||||
slider.noUiSlider.on('update', function( values, handle ) {
|
||||
sliderInput.value = values[handle];
|
||||
});
|
||||
|
||||
sliderInput.addEventListener('change', function(){
|
||||
slider.noUiSlider.set(this.value);
|
||||
});
|
||||
}
|
||||
|
||||
var demo3 = function() {
|
||||
// init slider
|
||||
var slider = document.getElementById('kt_nouislider_3');
|
||||
|
||||
noUiSlider.create(slider, {
|
||||
start: [20, 80],
|
||||
connect: true,
|
||||
direction: 'rtl',
|
||||
tooltips: [true, wNumb({ decimals: 1 })],
|
||||
range: {
|
||||
'min': [0],
|
||||
'10%': [10, 10],
|
||||
'50%': [80, 50],
|
||||
'80%': 150,
|
||||
'max': 200
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// init slider input
|
||||
var sliderInput0 = document.getElementById('kt_nouislider_3_input');
|
||||
var sliderInput1 = document.getElementById('kt_nouislider_3.1_input');
|
||||
var sliderInputs = [sliderInput1, sliderInput0];
|
||||
|
||||
slider.noUiSlider.on('update', function( values, handle ) {
|
||||
sliderInputs[handle].value = values[handle];
|
||||
});
|
||||
}
|
||||
|
||||
var demo4 = function() {
|
||||
|
||||
var slider = document.getElementById('kt_nouislider_input_select');
|
||||
|
||||
// Append the option elements
|
||||
for ( var i = -20; i <= 40; i++ ){
|
||||
|
||||
var option = document.createElement("option");
|
||||
option.text = i;
|
||||
option.value = i;
|
||||
|
||||
slider.appendChild(option);
|
||||
}
|
||||
|
||||
// init slider
|
||||
var html5Slider = document.getElementById('kt_nouislider_4');
|
||||
|
||||
noUiSlider.create(html5Slider, {
|
||||
start: [ 10, 30 ],
|
||||
connect: true,
|
||||
range: {
|
||||
'min': -20,
|
||||
'max': 40
|
||||
}
|
||||
});
|
||||
|
||||
// init slider input
|
||||
var inputNumber = document.getElementById('kt_nouislider_input_number');
|
||||
|
||||
html5Slider.noUiSlider.on('update', function( values, handle ) {
|
||||
|
||||
var value = values[handle];
|
||||
|
||||
if ( handle ) {
|
||||
inputNumber.value = value;
|
||||
} else {
|
||||
slider.value = Math.round(value);
|
||||
}
|
||||
});
|
||||
|
||||
slider.addEventListener('change', function(){
|
||||
html5Slider.noUiSlider.set([this.value, null]);
|
||||
});
|
||||
|
||||
inputNumber.addEventListener('change', function(){
|
||||
html5Slider.noUiSlider.set([null, this.value]);
|
||||
});
|
||||
}
|
||||
|
||||
var demo5 = function() {
|
||||
// init slider
|
||||
var slider = document.getElementById('kt_nouislider_5');
|
||||
|
||||
noUiSlider.create(slider, {
|
||||
start: 20,
|
||||
range: {
|
||||
min: 0,
|
||||
max: 100
|
||||
},
|
||||
pips: {
|
||||
mode: 'values',
|
||||
values: [20, 80],
|
||||
density: 4
|
||||
}
|
||||
});
|
||||
|
||||
var sliderInput = document.getElementById('kt_nouislider_5_input');
|
||||
|
||||
slider.noUiSlider.on('update', function( values, handle ) {
|
||||
sliderInput.value = values[handle];
|
||||
});
|
||||
|
||||
sliderInput.addEventListener('change', function(){
|
||||
slider.noUiSlider.set(this.value);
|
||||
});
|
||||
|
||||
slider.noUiSlider.on('change', function ( values, handle ) {
|
||||
if ( values[handle] < 20 ) {
|
||||
slider.noUiSlider.set(20);
|
||||
} else if ( values[handle] > 80 ) {
|
||||
slider.noUiSlider.set(80);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo6 = function() {
|
||||
// init slider
|
||||
|
||||
var verticalSlider = document.getElementById('kt_nouislider_6');
|
||||
|
||||
noUiSlider.create(verticalSlider, {
|
||||
start: 40,
|
||||
orientation: 'vertical',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
// init slider input
|
||||
var sliderInput = document.getElementById('kt_nouislider_6_input');
|
||||
|
||||
verticalSlider.noUiSlider.on('update', function( values, handle ) {
|
||||
sliderInput.value = values[handle];
|
||||
});
|
||||
|
||||
sliderInput.addEventListener('change', function(){
|
||||
verticalSlider.noUiSlider.set(this.value);
|
||||
});
|
||||
}
|
||||
|
||||
// Modal demo
|
||||
|
||||
var modaldemo1 = function() {
|
||||
var slider = document.getElementById('kt_nouislider_modal1');
|
||||
|
||||
noUiSlider.create(slider, {
|
||||
start: [ 0 ],
|
||||
step: 2,
|
||||
range: {
|
||||
'min': [ 0 ],
|
||||
'max': [ 10 ]
|
||||
},
|
||||
format: wNumb({
|
||||
decimals: 0
|
||||
})
|
||||
});
|
||||
|
||||
// init slider input
|
||||
var sliderInput = document.getElementById('kt_nouislider_modal1_input');
|
||||
|
||||
slider.noUiSlider.on('update', function( values, handle ) {
|
||||
sliderInput.value = values[handle];
|
||||
});
|
||||
|
||||
sliderInput.addEventListener('change', function(){
|
||||
slider.noUiSlider.set(this.value);
|
||||
});
|
||||
}
|
||||
|
||||
var modaldemo2 = function() {
|
||||
var slider = document.getElementById('kt_nouislider_modal2');
|
||||
|
||||
noUiSlider.create(slider, {
|
||||
start: [ 20000 ],
|
||||
connect: [true, false],
|
||||
step: 1000,
|
||||
range: {
|
||||
'min': [ 20000 ],
|
||||
'max': [ 80000 ]
|
||||
},
|
||||
format: wNumb({
|
||||
decimals: 3,
|
||||
thousand: '.',
|
||||
postfix: ' (US $)',
|
||||
})
|
||||
});
|
||||
|
||||
// init slider input
|
||||
var sliderInput = document.getElementById('kt_nouislider_modal2_input');
|
||||
|
||||
slider.noUiSlider.on('update', function( values, handle ) {
|
||||
sliderInput.value = values[handle];
|
||||
});
|
||||
|
||||
sliderInput.addEventListener('change', function(){
|
||||
slider.noUiSlider.set(this.value);
|
||||
});
|
||||
}
|
||||
|
||||
var modaldemo3 = function() {
|
||||
var slider = document.getElementById('kt_nouislider_modal3');
|
||||
|
||||
noUiSlider.create(slider, {
|
||||
start: [20, 80],
|
||||
connect: true,
|
||||
direction: 'rtl',
|
||||
tooltips: [true, wNumb({ decimals: 1 })],
|
||||
range: {
|
||||
'min': [0],
|
||||
'10%': [10, 10],
|
||||
'50%': [80, 50],
|
||||
'80%': 150,
|
||||
'max': 200
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// init slider input
|
||||
var sliderInput0 = document.getElementById('kt_nouislider_modal1.1_input');
|
||||
var sliderInput1 = document.getElementById('kt_nouislider_modal1.2_input');
|
||||
var sliderInputs = [sliderInput1, sliderInput0];
|
||||
|
||||
slider.noUiSlider.on('update', function( values, handle ) {
|
||||
sliderInputs[handle].value = values[handle];
|
||||
});
|
||||
}
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
demo5();
|
||||
demo6();
|
||||
modaldemo1();
|
||||
modaldemo2();
|
||||
modaldemo3();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTnoUiSliderDemos.init();
|
||||
});
|
||||
|
||||
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/nouislider.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/nouislider.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTnoUiSliderDemos={init:function(){!function(){var e=document.getElementById("kt_nouislider_1");noUiSlider.create(e,{start:[0],step:2,range:{min:[0],max:[10]},format:wNumb({decimals:0})});var n=document.getElementById("kt_nouislider_1_input");e.noUiSlider.on("update",function(e,t){n.value=e[t]}),n.addEventListener("change",function(){e.noUiSlider.set(this.value)})}(),function(){var e=document.getElementById("kt_nouislider_2");noUiSlider.create(e,{start:[2e4],connect:[!0,!1],step:1e3,range:{min:[2e4],max:[8e4]},format:wNumb({decimals:3,thousand:".",postfix:" (US $)"})});var n=document.getElementById("kt_nouislider_2_input");e.noUiSlider.on("update",function(e,t){n.value=e[t]}),n.addEventListener("change",function(){e.noUiSlider.set(this.value)})}(),function(){var e=document.getElementById("kt_nouislider_3");noUiSlider.create(e,{start:[20,80],connect:!0,direction:"rtl",tooltips:[!0,wNumb({decimals:1})],range:{min:[0],"10%":[10,10],"50%":[80,50],"80%":150,max:200}});var n=document.getElementById("kt_nouislider_3_input"),t=[document.getElementById("kt_nouislider_3.1_input"),n];e.noUiSlider.on("update",function(e,n){t[n].value=e[n]})}(),function(){for(var e=document.getElementById("kt_nouislider_input_select"),n=-20;n<=40;n++){var t=document.createElement("option");t.text=n,t.value=n,e.appendChild(t)}var i=document.getElementById("kt_nouislider_4");noUiSlider.create(i,{start:[10,30],connect:!0,range:{min:-20,max:40}});var o=document.getElementById("kt_nouislider_input_number");i.noUiSlider.on("update",function(n,t){var i=n[t];t?o.value=i:e.value=Math.round(i)}),e.addEventListener("change",function(){i.noUiSlider.set([this.value,null])}),o.addEventListener("change",function(){i.noUiSlider.set([null,this.value])})}(),function(){var e=document.getElementById("kt_nouislider_5");noUiSlider.create(e,{start:20,range:{min:0,max:100},pips:{mode:"values",values:[20,80],density:4}});var n=document.getElementById("kt_nouislider_5_input");e.noUiSlider.on("update",function(e,t){n.value=e[t]}),n.addEventListener("change",function(){e.noUiSlider.set(this.value)}),e.noUiSlider.on("change",function(n,t){n[t]<20?e.noUiSlider.set(20):n[t]>80&&e.noUiSlider.set(80)})}(),function(){var e=document.getElementById("kt_nouislider_6");noUiSlider.create(e,{start:40,orientation:"vertical",range:{min:0,max:100}});var n=document.getElementById("kt_nouislider_6_input");e.noUiSlider.on("update",function(e,t){n.value=e[t]}),n.addEventListener("change",function(){e.noUiSlider.set(this.value)})}(),function(){var e=document.getElementById("kt_nouislider_modal1");noUiSlider.create(e,{start:[0],step:2,range:{min:[0],max:[10]},format:wNumb({decimals:0})});var n=document.getElementById("kt_nouislider_modal1_input");e.noUiSlider.on("update",function(e,t){n.value=e[t]}),n.addEventListener("change",function(){e.noUiSlider.set(this.value)})}(),function(){var e=document.getElementById("kt_nouislider_modal2");noUiSlider.create(e,{start:[2e4],connect:[!0,!1],step:1e3,range:{min:[2e4],max:[8e4]},format:wNumb({decimals:3,thousand:".",postfix:" (US $)"})});var n=document.getElementById("kt_nouislider_modal2_input");e.noUiSlider.on("update",function(e,t){n.value=e[t]}),n.addEventListener("change",function(){e.noUiSlider.set(this.value)})}(),function(){var e=document.getElementById("kt_nouislider_modal3");noUiSlider.create(e,{start:[20,80],connect:!0,direction:"rtl",tooltips:[!0,wNumb({decimals:1})],range:{min:[0],"10%":[10,10],"50%":[80,50],"80%":150,max:200}});var n=document.getElementById("kt_nouislider_modal1.1_input"),t=[document.getElementById("kt_nouislider_modal1.2_input"),n];e.noUiSlider.on("update",function(e,n){t[n].value=e[n]})}()}};jQuery(document).ready(function(){KTnoUiSliderDemos.init()});
|
||||
75
public/assets/js/demo1/pages/crud/forms/widgets/quill.js
Normal file
75
public/assets/js/demo1/pages/crud/forms/widgets/quill.js
Normal file
@@ -0,0 +1,75 @@
|
||||
// Class definition
|
||||
var KTQuilDemos = function() {
|
||||
|
||||
// Private functions
|
||||
var demo1 = function() {
|
||||
var quill = new Quill('#kt_quil_1', {
|
||||
modules: {
|
||||
toolbar: [
|
||||
[{
|
||||
header: [1, 2, false]
|
||||
}],
|
||||
['bold', 'italic', 'underline'],
|
||||
['image', 'code-block']
|
||||
]
|
||||
},
|
||||
placeholder: 'Type your text here...',
|
||||
theme: 'snow' // or 'bubble'
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
var Delta = Quill.import('delta');
|
||||
var quill = new Quill('#kt_quil_2', {
|
||||
modules: {
|
||||
toolbar: true
|
||||
},
|
||||
placeholder: 'Type your text here...',
|
||||
theme: 'snow'
|
||||
});
|
||||
|
||||
// Store accumulated changes
|
||||
var change = new Delta();
|
||||
quill.on('text-change', function(delta) {
|
||||
change = change.compose(delta);
|
||||
});
|
||||
|
||||
// Save periodically
|
||||
setInterval(function() {
|
||||
if (change.length() > 0) {
|
||||
console.log('Saving changes', change);
|
||||
/*
|
||||
Send partial changes
|
||||
$.post('/your-endpoint', {
|
||||
partial: JSON.stringify(change)
|
||||
});
|
||||
|
||||
Send entire document
|
||||
$.post('/your-endpoint', {
|
||||
doc: JSON.stringify(quill.getContents())
|
||||
});
|
||||
*/
|
||||
change = new Delta();
|
||||
}
|
||||
}, 5 * 1000);
|
||||
|
||||
// Check for unsaved data
|
||||
window.onbeforeunload = function() {
|
||||
if (change.length() > 0) {
|
||||
return 'There are unsaved changes. Are you sure you want to leave?';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTQuilDemos.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/quill.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/quill.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTQuilDemos={init:function(){var e,o,n;new Quill("#kt_quil_1",{modules:{toolbar:[[{header:[1,2,!1]}],["bold","italic","underline"],["image","code-block"]]},placeholder:"Type your text here...",theme:"snow"}),e=Quill.import("delta"),o=new Quill("#kt_quil_2",{modules:{toolbar:!0},placeholder:"Type your text here...",theme:"snow"}),n=new e,o.on("text-change",function(e){n=n.compose(e)}),setInterval(function(){n.length()>0&&(console.log("Saving changes",n),n=new e)},5e3),window.onbeforeunload=function(){if(n.length()>0)return"There are unsaved changes. Are you sure you want to leave?"}}};jQuery(document).ready(function(){KTQuilDemos.init()});
|
||||
187
public/assets/js/demo1/pages/crud/forms/widgets/select2.js
Normal file
187
public/assets/js/demo1/pages/crud/forms/widgets/select2.js
Normal file
@@ -0,0 +1,187 @@
|
||||
// Class definition
|
||||
var KTSelect2 = function() {
|
||||
// Private functions
|
||||
var demos = function() {
|
||||
// basic
|
||||
$('#kt_select2_1, #kt_select2_1_validate').select2({
|
||||
placeholder: "Select a state"
|
||||
});
|
||||
|
||||
// nested
|
||||
$('#kt_select2_2, #kt_select2_2_validate').select2({
|
||||
placeholder: "Select a state"
|
||||
});
|
||||
|
||||
// multi select
|
||||
$('#kt_select2_3, #kt_select2_3_validate').select2({
|
||||
placeholder: "Select a state",
|
||||
});
|
||||
|
||||
// basic
|
||||
$('#kt_select2_4').select2({
|
||||
placeholder: "Select a state",
|
||||
allowClear: true
|
||||
});
|
||||
|
||||
// loading data from array
|
||||
var data = [{
|
||||
id: 0,
|
||||
text: 'Enhancement'
|
||||
}, {
|
||||
id: 1,
|
||||
text: 'Bug'
|
||||
}, {
|
||||
id: 2,
|
||||
text: 'Duplicate'
|
||||
}, {
|
||||
id: 3,
|
||||
text: 'Invalid'
|
||||
}, {
|
||||
id: 4,
|
||||
text: 'Wontfix'
|
||||
}];
|
||||
|
||||
$('#kt_select2_5').select2({
|
||||
placeholder: "Select a value",
|
||||
data: data
|
||||
});
|
||||
|
||||
// loading remote data
|
||||
|
||||
function formatRepo(repo) {
|
||||
if (repo.loading) return repo.text;
|
||||
var markup = "<div class='select2-result-repository clearfix'>" +
|
||||
"<div class='select2-result-repository__meta'>" +
|
||||
"<div class='select2-result-repository__title'>" + repo.full_name + "</div>";
|
||||
if (repo.description) {
|
||||
markup += "<div class='select2-result-repository__description'>" + repo.description + "</div>";
|
||||
}
|
||||
markup += "<div class='select2-result-repository__statistics'>" +
|
||||
"<div class='select2-result-repository__forks'><i class='fa fa-flash'></i> " + repo.forks_count + " Forks</div>" +
|
||||
"<div class='select2-result-repository__stargazers'><i class='fa fa-star'></i> " + repo.stargazers_count + " Stars</div>" +
|
||||
"<div class='select2-result-repository__watchers'><i class='fa fa-eye'></i> " + repo.watchers_count + " Watchers</div>" +
|
||||
"</div>" +
|
||||
"</div></div>";
|
||||
return markup;
|
||||
}
|
||||
|
||||
function formatRepoSelection(repo) {
|
||||
return repo.full_name || repo.text;
|
||||
}
|
||||
|
||||
$("#kt_select2_6").select2({
|
||||
placeholder: "Search for git repositories",
|
||||
allowClear: true,
|
||||
ajax: {
|
||||
url: "https://api.github.com/search/repositories",
|
||||
dataType: 'json',
|
||||
delay: 250,
|
||||
data: function(params) {
|
||||
return {
|
||||
q: params.term, // search term
|
||||
page: params.page
|
||||
};
|
||||
},
|
||||
processResults: function(data, params) {
|
||||
// parse the results into the format expected by Select2
|
||||
// since we are using custom formatting functions we do not need to
|
||||
// alter the remote JSON data, except to indicate that infinite
|
||||
// scrolling can be used
|
||||
params.page = params.page || 1;
|
||||
|
||||
return {
|
||||
results: data.items,
|
||||
pagination: {
|
||||
more: (params.page * 30) < data.total_count
|
||||
}
|
||||
};
|
||||
},
|
||||
cache: true
|
||||
},
|
||||
escapeMarkup: function(markup) {
|
||||
return markup;
|
||||
}, // let our custom formatter work
|
||||
minimumInputLength: 1,
|
||||
templateResult: formatRepo, // omitted for brevity, see the source of this page
|
||||
templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
|
||||
});
|
||||
|
||||
// custom styles
|
||||
|
||||
// tagging support
|
||||
$('#kt_select2_12_1, #kt_select2_12_2, #kt_select2_12_3, #kt_select2_12_4').select2({
|
||||
placeholder: "Select an option",
|
||||
});
|
||||
|
||||
// disabled mode
|
||||
$('#kt_select2_7').select2({
|
||||
placeholder: "Select an option"
|
||||
});
|
||||
|
||||
// disabled results
|
||||
$('#kt_select2_8').select2({
|
||||
placeholder: "Select an option"
|
||||
});
|
||||
|
||||
// limiting the number of selections
|
||||
$('#kt_select2_9').select2({
|
||||
placeholder: "Select an option",
|
||||
maximumSelectionLength: 2
|
||||
});
|
||||
|
||||
// hiding the search box
|
||||
$('#kt_select2_10').select2({
|
||||
placeholder: "Select an option",
|
||||
minimumResultsForSearch: Infinity
|
||||
});
|
||||
|
||||
// tagging support
|
||||
$('#kt_select2_11').select2({
|
||||
placeholder: "Add a tag",
|
||||
tags: true
|
||||
});
|
||||
|
||||
// disabled results
|
||||
$('.kt-select2-general').select2({
|
||||
placeholder: "Select an option"
|
||||
});
|
||||
}
|
||||
|
||||
var modalDemos = function() {
|
||||
$('#kt_select2_modal').on('shown.bs.modal', function () {
|
||||
// basic
|
||||
$('#kt_select2_1_modal').select2({
|
||||
placeholder: "Select a state"
|
||||
});
|
||||
|
||||
// nested
|
||||
$('#kt_select2_2_modal').select2({
|
||||
placeholder: "Select a state"
|
||||
});
|
||||
|
||||
// multi select
|
||||
$('#kt_select2_3_modal').select2({
|
||||
placeholder: "Select a state",
|
||||
});
|
||||
|
||||
// basic
|
||||
$('#kt_select2_4_modal').select2({
|
||||
placeholder: "Select a state",
|
||||
allowClear: true
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Public functions
|
||||
return {
|
||||
init: function() {
|
||||
demos();
|
||||
modalDemos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTSelect2.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/select2.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/select2.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTSelect2={init:function(){$("#kt_select2_1, #kt_select2_1_validate").select2({placeholder:"Select a state"}),$("#kt_select2_2, #kt_select2_2_validate").select2({placeholder:"Select a state"}),$("#kt_select2_3, #kt_select2_3_validate").select2({placeholder:"Select a state"}),$("#kt_select2_4").select2({placeholder:"Select a state",allowClear:!0}),$("#kt_select2_5").select2({placeholder:"Select a value",data:[{id:0,text:"Enhancement"},{id:1,text:"Bug"},{id:2,text:"Duplicate"},{id:3,text:"Invalid"},{id:4,text:"Wontfix"}]}),$("#kt_select2_6").select2({placeholder:"Search for git repositories",allowClear:!0,ajax:{url:"https://api.github.com/search/repositories",dataType:"json",delay:250,data:function(e){return{q:e.term,page:e.page}},processResults:function(e,t){return t.page=t.page||1,{results:e.items,pagination:{more:30*t.page<e.total_count}}},cache:!0},escapeMarkup:function(e){return e},minimumInputLength:1,templateResult:function(e){if(e.loading)return e.text;var t="<div class='select2-result-repository clearfix'><div class='select2-result-repository__meta'><div class='select2-result-repository__title'>"+e.full_name+"</div>";return e.description&&(t+="<div class='select2-result-repository__description'>"+e.description+"</div>"),t+="<div class='select2-result-repository__statistics'><div class='select2-result-repository__forks'><i class='fa fa-flash'></i> "+e.forks_count+" Forks</div><div class='select2-result-repository__stargazers'><i class='fa fa-star'></i> "+e.stargazers_count+" Stars</div><div class='select2-result-repository__watchers'><i class='fa fa-eye'></i> "+e.watchers_count+" Watchers</div></div></div></div>"},templateSelection:function(e){return e.full_name||e.text}}),$("#kt_select2_12_1, #kt_select2_12_2, #kt_select2_12_3, #kt_select2_12_4").select2({placeholder:"Select an option"}),$("#kt_select2_7").select2({placeholder:"Select an option"}),$("#kt_select2_8").select2({placeholder:"Select an option"}),$("#kt_select2_9").select2({placeholder:"Select an option",maximumSelectionLength:2}),$("#kt_select2_10").select2({placeholder:"Select an option",minimumResultsForSearch:1/0}),$("#kt_select2_11").select2({placeholder:"Add a tag",tags:!0}),$(".kt-select2-general").select2({placeholder:"Select an option"}),$("#kt_select2_modal").on("shown.bs.modal",function(){$("#kt_select2_1_modal").select2({placeholder:"Select a state"}),$("#kt_select2_2_modal").select2({placeholder:"Select a state"}),$("#kt_select2_3_modal").select2({placeholder:"Select a state"}),$("#kt_select2_4_modal").select2({placeholder:"Select a state",allowClear:!0})})}};jQuery(document).ready(function(){KTSelect2.init()});
|
||||
@@ -0,0 +1,23 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTSummernoteDemo = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
$('.summernote').summernote({
|
||||
height: 150
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTSummernoteDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/forms/widgets/summernote.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/forms/widgets/summernote.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTSummernoteDemo={init:function(){$(".summernote").summernote({height:150})}};jQuery(document).ready(function(){KTSummernoteDemo.init()});
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user