api code global jain
This commit is contained in:
Abhishek Mali
215
public/js/pages/builder.js
vendored
Normal file
215
public/js/pages/builder.js
vendored
Normal file
@@ -0,0 +1,215 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTLayoutBuilder = function() {
|
||||
|
||||
var exporter = {
|
||||
init: function() {
|
||||
},
|
||||
startLoad: function(options) {
|
||||
$('#builder_export').
|
||||
addClass('spinner spinner-right spinner-primary').
|
||||
find('span').text('Exporting...').
|
||||
closest('.card-footer').
|
||||
find('.btn').
|
||||
attr('disabled', true);
|
||||
toastr.info(options.title, options.message);
|
||||
},
|
||||
doneLoad: function() {
|
||||
$('#builder_export').
|
||||
removeClass('spinner spinner-right spinner-primary').
|
||||
find('span').text('Export').
|
||||
closest('.card-footer').
|
||||
find('.btn').
|
||||
attr('disabled', false);
|
||||
},
|
||||
exportHtml: function(demo) {
|
||||
exporter.startLoad({
|
||||
title: 'Generate HTML Partials',
|
||||
message: 'Process started and it may take a while.',
|
||||
});
|
||||
|
||||
$.ajax('index.php', {
|
||||
method: 'POST',
|
||||
data: {
|
||||
builder_export: 1,
|
||||
export_type: 'partial',
|
||||
demo: demo,
|
||||
theme: 'metronic',
|
||||
},
|
||||
}).done(function(r) {
|
||||
var result = JSON.parse(r);
|
||||
if (result.message) {
|
||||
exporter.stopWithNotify(result.message);
|
||||
return;
|
||||
}
|
||||
|
||||
var timer = setInterval(function() {
|
||||
$.ajax('index.php', {
|
||||
method: 'POST',
|
||||
data: {
|
||||
builder_export: 1,
|
||||
builder_check: result.id,
|
||||
},
|
||||
}).done(function(r) {
|
||||
var result = JSON.parse(r);
|
||||
if (typeof result === 'undefined') return;
|
||||
// export status 1 is completed
|
||||
if (result.export_status !== 1) return;
|
||||
|
||||
$('<iframe/>').attr({
|
||||
src: 'index.php?builder_export&builder_download&id=' + result.id,
|
||||
style: 'visibility:hidden;display:none',
|
||||
}).ready(function() {
|
||||
toastr.success('Export HTML Version Layout', 'HTML version exported.');
|
||||
exporter.doneLoad();
|
||||
// stop the timer
|
||||
clearInterval(timer);
|
||||
}).appendTo('body');
|
||||
});
|
||||
}, 15000);
|
||||
});
|
||||
},
|
||||
stopWithNotify: function(message, type) {
|
||||
type = type || 'danger';
|
||||
if (typeof toastr[type] !== 'undefined') {
|
||||
toastr[type]('Verification failed', message);
|
||||
}
|
||||
exporter.doneLoad();
|
||||
},
|
||||
};
|
||||
|
||||
// Private functions
|
||||
var preview = function() {
|
||||
$('[name="builder_submit"]').click(function(e) {
|
||||
e.preventDefault();
|
||||
var _self = $(this);
|
||||
$(_self).
|
||||
addClass('spinner spinner-right spinner-white').
|
||||
closest('.card-footer').
|
||||
find('.btn').
|
||||
attr('disabled', true);
|
||||
|
||||
// keep remember tab id
|
||||
$('.nav[data-remember-tab]').each(function() {
|
||||
var tab = $(this).data('remember-tab');
|
||||
var tabId = $(this).find('.nav-link.active[data-toggle="tab"]').attr('href');
|
||||
$('#' + tab).val(tabId);
|
||||
});
|
||||
|
||||
$.ajax('index.php?demo=' + $(_self).data('demo'), {
|
||||
method: 'POST',
|
||||
data: $('[name]').serialize(),
|
||||
}).done(function(r) {
|
||||
toastr.success('Preview updated', 'Preview has been updated with current configured layout.');
|
||||
}).always(function() {
|
||||
setTimeout(function() {
|
||||
location.reload();
|
||||
}, 600);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
var reset = function() {
|
||||
$('[name="builder_reset"]').click(function(e) {
|
||||
e.preventDefault();
|
||||
var _self = $(this);
|
||||
$(_self).
|
||||
addClass('spinner spinner-right spinner-primary').
|
||||
closest('.card-footer').
|
||||
find('.btn').
|
||||
attr('disabled', true);
|
||||
|
||||
$.ajax('index.php?demo=' + $(_self).data('demo'), {
|
||||
method: 'POST',
|
||||
data: {
|
||||
builder_reset: 1,
|
||||
demo: $(_self).data('demo'),
|
||||
},
|
||||
}).done(function(r) {}).always(function() {
|
||||
location.reload();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
var verify = {
|
||||
reCaptchaVerified: function() {
|
||||
return $.ajax('../tools/builder/recaptcha.php?recaptcha', {
|
||||
method: 'POST',
|
||||
data: {
|
||||
response: $('#g-recaptcha-response').val(),
|
||||
},
|
||||
}).fail(function() {
|
||||
grecaptcha.reset();
|
||||
$('#alert-message').
|
||||
removeClass('alert-success d-hide').
|
||||
addClass('alert-danger').
|
||||
html('Invalid reCaptcha validation');
|
||||
});
|
||||
},
|
||||
init: function() {
|
||||
var exportReadyTrigger;
|
||||
// click event
|
||||
$('#builder_export').click(function(e) {
|
||||
e.preventDefault();
|
||||
exportReadyTrigger = $(this);
|
||||
|
||||
$('#kt-modal-purchase').modal('show');
|
||||
$('#alert-message').addClass('d-hide');
|
||||
grecaptcha.reset();
|
||||
});
|
||||
|
||||
$('#submit-verify').click(function(e) {
|
||||
e.preventDefault();
|
||||
if (!$('#g-recaptcha-response').val()) {
|
||||
$('#alert-message').
|
||||
removeClass('alert-success d-hide').
|
||||
addClass('alert-danger').
|
||||
html('Invalid reCaptcha validation');
|
||||
return;
|
||||
}
|
||||
|
||||
verify.reCaptchaVerified().done(function(response) {
|
||||
if (response.success) {
|
||||
$('[data-dismiss="modal"]').trigger('click');
|
||||
|
||||
var demo = $(exportReadyTrigger).data('demo');
|
||||
switch ($(exportReadyTrigger).attr('id')) {
|
||||
case 'builder_export':
|
||||
exporter.exportHtml(demo);
|
||||
break;
|
||||
case 'builder_export_html':
|
||||
exporter.exportHtml(demo);
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
grecaptcha.reset();
|
||||
$('#alert-message').
|
||||
removeClass('alert-success d-hide').
|
||||
addClass('alert-danger').
|
||||
html('Invalid reCaptcha validation');
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
// basic demo
|
||||
var init = function() {
|
||||
exporter.init();
|
||||
preview();
|
||||
reset();
|
||||
};
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
verify.init();
|
||||
init();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTLayoutBuilder.init();
|
||||
});
|
||||
1
public/js/pages/builder.min.js
vendored
Normal file
1
public/js/pages/builder.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTLayoutBuilder=function(){var e={init:function(){},startLoad:function(e){$("#builder_export").addClass("spinner spinner-right spinner-primary").find("span").text("Exporting...").closest(".card-footer").find(".btn").attr("disabled",!0),toastr.info(e.title,e.message)},doneLoad:function(){$("#builder_export").removeClass("spinner spinner-right spinner-primary").find("span").text("Export").closest(".card-footer").find(".btn").attr("disabled",!1)},exportHtml:function(t){e.startLoad({title:"Generate HTML Partials",message:"Process started and it may take a while."}),$.ajax("index.php",{method:"POST",data:{builder_export:1,export_type:"partial",demo:t,theme:"metronic"}}).done(function(t){var a=JSON.parse(t);if(a.message)e.stopWithNotify(a.message);else var i=setInterval(function(){$.ajax("index.php",{method:"POST",data:{builder_export:1,builder_check:a.id}}).done(function(t){var a=JSON.parse(t);void 0!==a&&1===a.export_status&&$("<iframe/>").attr({src:"index.php?builder_export&builder_download&id="+a.id,style:"visibility:hidden;display:none"}).ready(function(){toastr.success("Export HTML Version Layout","HTML version exported."),e.doneLoad(),clearInterval(i)}).appendTo("body")})},15e3)})},stopWithNotify:function(t,a){a=a||"danger",void 0!==toastr[a]&&toastr[a]("Verification failed",t),e.doneLoad()}},t={reCaptchaVerified:function(){return $.ajax("../tools/builder/recaptcha.php?recaptcha",{method:"POST",data:{response:$("#g-recaptcha-response").val()}}).fail(function(){grecaptcha.reset(),$("#alert-message").removeClass("alert-success d-hide").addClass("alert-danger").html("Invalid reCaptcha validation")})},init:function(){var a;$("#builder_export").click(function(e){e.preventDefault(),a=$(this),$("#kt-modal-purchase").modal("show"),$("#alert-message").addClass("d-hide"),grecaptcha.reset()}),$("#submit-verify").click(function(i){i.preventDefault(),$("#g-recaptcha-response").val()?t.reCaptchaVerified().done(function(t){if(t.success){$('[data-dismiss="modal"]').trigger("click");var i=$(a).data("demo");switch($(a).attr("id")){case"builder_export":case"builder_export_html":e.exportHtml(i)}}else grecaptcha.reset(),$("#alert-message").removeClass("alert-success d-hide").addClass("alert-danger").html("Invalid reCaptcha validation")}):$("#alert-message").removeClass("alert-success d-hide").addClass("alert-danger").html("Invalid reCaptcha validation")})}},a=function(){e.init(),$('[name="builder_submit"]').click(function(e){e.preventDefault();var t=$(this);$(t).addClass("spinner spinner-right spinner-white").closest(".card-footer").find(".btn").attr("disabled",!0),$(".nav[data-remember-tab]").each(function(){var e=$(this).data("remember-tab"),t=$(this).find('.nav-link.active[data-toggle="tab"]').attr("href");$("#"+e).val(t)}),$.ajax("index.php?demo="+$(t).data("demo"),{method:"POST",data:$("[name]").serialize()}).done(function(e){toastr.success("Preview updated","Preview has been updated with current configured layout.")}).always(function(){setTimeout(function(){location.reload()},600)})}),$('[name="builder_reset"]').click(function(e){e.preventDefault();var t=$(this);$(t).addClass("spinner spinner-right spinner-primary").closest(".card-footer").find(".btn").attr("disabled",!0),$.ajax("index.php?demo="+$(t).data("demo"),{method:"POST",data:{builder_reset:1,demo:$(t).data("demo")}}).done(function(e){}).always(function(){location.reload()})})};return{init:function(){t.init(),a()}}}();jQuery(document).ready(function(){KTLayoutBuilder.init()});
|
||||
153
public/js/pages/crud/datatables/advanced/column-rendering.js
vendored
Normal file
153
public/js/pages/crud/datatables/advanced/column-rendering.js
vendored
Normal file
@@ -0,0 +1,153 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedColumnRendering = function() {
|
||||
|
||||
var init = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// 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="d-flex align-items-center">
|
||||
<div class="symbol symbol-50 flex-shrink-0">
|
||||
<img src="assets/media/users/` + user_img + `" alt="photo">
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
|
||||
<a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
else {
|
||||
var stateNo = KTUtil.getRandomInt(0, 7);
|
||||
var states = [
|
||||
'success',
|
||||
'light',
|
||||
'danger',
|
||||
'success',
|
||||
'warning',
|
||||
'dark',
|
||||
'primary',
|
||||
'info'];
|
||||
|
||||
var state = states[stateNo];
|
||||
|
||||
output = `
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50 symbol-light-` + state + `" flex-shrink-0">
|
||||
<div class="symbol-label font-size-h5">` + full[2].substring(0, 1) + `</div>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">` + full[2] + `</span>
|
||||
<a href="#" class="text-muted text-hover-primary">` + full[3] + `</a>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
return output;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 1,
|
||||
render: function(data, type, full, meta) {
|
||||
return '<a class="text-dark-50 text-hover-primary" href="mailto:' + data + '">' + data + '</a>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 4,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + 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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
$('#kt_datatable_search_status').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Status');
|
||||
});
|
||||
|
||||
$('#kt_datatable_search_type').on('change', function() {
|
||||
datatable.search($(this).val().toLowerCase(), 'Type');
|
||||
});
|
||||
|
||||
$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
init();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedColumnRendering.init();
|
||||
});
|
||||
1
public/js/pages/crud/datatables/advanced/column-rendering.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/advanced/column-rendering.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedColumnRendering={init:function(){$("#kt_datatable").DataTable({responsive:!0,paging:!0,columnDefs:[{targets:0,title:"Agent",render:function(t,a,e,s){var l=KTUtil.getRandomInt(1,14);return l>8?'\n <div class="d-flex align-items-center">\n <div class="symbol symbol-50 flex-shrink-0">\n <img src="assets/media/users/100_'+l+'.jpg" alt="photo">\n </div>\n <div class="ml-3">\n <span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">'+e[2]+'</span>\n <a href="#" class="text-muted text-hover-primary">'+e[3]+"</a>\n </div>\n </div>":'\n <div class="d-flex align-items-center">\n <div class="symbol symbol-50 symbol-light-'+["success","light","danger","success","warning","dark","primary","info"][KTUtil.getRandomInt(0,7)]+'" flex-shrink-0">\n <div class="symbol-label font-size-h5">'+e[2].substring(0,1)+'</div>\n </div>\n <div class="ml-3">\n <span class="text-dark-75 font-weight-bold line-height-sm d-block pb-2">'+e[2]+'</span>\n <a href="#" class="text-muted text-hover-primary">'+e[3]+"</a>\n </div>\n </div>"}},{targets:1,render:function(t,a,e,s){return'<a class="text-dark-50 text-hover-primary" href="mailto:'+t+'">'+t+"</a>"}},{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,s){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{targets:4,render:function(t,a,e,s){var l={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===l[t]?t:'<span class="label label-lg font-weight-bold'+l[t].class+' label-inline">'+l[t].title+"</span>"}},{targets:5,render:function(t,a,e,s){var l={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===l[t]?t:'<span class="label label-'+l[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+l[t].state+'">'+l[t].title+"</span>"}}]}),$("#kt_datatable_search_status").on("change",function(){datatable.search($(this).val().toLowerCase(),"Status")}),$("#kt_datatable_search_type").on("change",function(){datatable.search($(this).val().toLowerCase(),"Type")}),$("#kt_datatable_search_status, #kt_datatable_search_type").selectpicker()}};jQuery(document).ready(function(){KTDatatablesAdvancedColumnRendering.init()});
|
||||
91
public/js/pages/crud/datatables/advanced/column-visibility.js
vendored
Normal file
91
public/js/pages/crud/datatables/advanced/column-visibility.js
vendored
Normal file
@@ -0,0 +1,91 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedColumnVisibility = function() {
|
||||
|
||||
var init = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// 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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-brand'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-metal'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + 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': 'accent'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
init();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedColumnVisibility.init();
|
||||
});
|
||||
1
public/js/pages/crud/datatables/advanced/column-visibility.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/advanced/column-visibility.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedColumnVisibility={init:function(){$("#kt_datatable").DataTable({responsive:!0,columnDefs:[{targets:[0,3],visible:!1},{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,e){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{targets:8,render:function(t,a,l,e){var s={1:{title:"Pending",class:"label-light-brand"},2:{title:"Delivered",class:" label-light-metal"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===s[t]?t:'<span class="label label-lg font-weight-bold'+s[t].class+' label-inline">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,l,e){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"accent"}};return void 0===s[t]?t:'<span class="label label-'+s[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedColumnVisibility.init()});
|
||||
53
public/js/pages/crud/datatables/advanced/footer-callback.js
vendored
Normal file
53
public/js/pages/crud/datatables/advanced/footer-callback.js
vendored
Normal file
@@ -0,0 +1,53 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedFooterCalllback = function() {
|
||||
|
||||
var init = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// 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() {
|
||||
init();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedFooterCalllback.init();
|
||||
});
|
||||
1
public/js/pages/crud/datatables/advanced/footer-callback.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/advanced/footer-callback.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedFooterCalllback={init:function(){$("#kt_datatable").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()});
|
||||
95
public/js/pages/crud/datatables/advanced/multiple-controls.js
vendored
Normal file
95
public/js/pages/crud/datatables/advanced/multiple-controls.js
vendored
Normal file
@@ -0,0 +1,95 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedMultipleControls = function() {
|
||||
|
||||
var init = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
// DOM Layout settings
|
||||
dom:
|
||||
"<'row py-3'<'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 py-3'<'col-sm-12'tr>>" +
|
||||
"<'row py-3'<'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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold ' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
init();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedMultipleControls.init();
|
||||
});
|
||||
1
public/js/pages/crud/datatables/advanced/multiple-controls.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/advanced/multiple-controls.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedMultipleControls={init:function(){$("#kt_datatable").DataTable({dom:"<'row py-3'<'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 py-3'<'col-sm-12'tr>><'row py-3'<'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,l,a,s){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:8,render:function(t,l,a,s){var e={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===e[t]?t:'<span class="label label-lg font-weight-bold '+e[t].class+' label-inline">'+e[t].title+"</span>"}},{width:"75px",targets:9,render:function(t,l,a,s){var e={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===e[t]?t:'<span class="label label-'+e[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+e[t].state+'">'+e[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedMultipleControls.init()});
|
||||
36
public/js/pages/crud/datatables/advanced/row-callback.js
vendored
Normal file
36
public/js/pages/crud/datatables/advanced/row-callback.js
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedColumnVisibility = function() {
|
||||
|
||||
var init = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// 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() {
|
||||
init();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedColumnVisibility.init();
|
||||
});
|
||||
1
public/js/pages/crud/datatables/advanced/row-callback.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/advanced/row-callback.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedColumnVisibility={init:function(){$("#kt_datatable").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()});
|
||||
109
public/js/pages/crud/datatables/advanced/row-grouping.js
vendored
Normal file
109
public/js/pages/crud/datatables/advanced/row-grouping.js
vendored
Normal file
@@ -0,0 +1,109 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedRowGrouping = function() {
|
||||
|
||||
var init = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// 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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + 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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
init();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedRowGrouping.init();
|
||||
});
|
||||
1
public/js/pages/crud/datatables/advanced/row-grouping.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/advanced/row-grouping.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedRowGrouping={init:function(){$("#kt_datatable").DataTable({responsive:!0,pageLength:25,order:[[2,"asc"]],drawCallback:function(t){var a=this.api(),l=a.rows({page:"current"}).nodes(),e=null;a.column(2,{page:"current"}).data().each(function(t,a){e!==t&&($(l).eq(a).before('<tr class="group"><td colspan="10">'+t+"</td></tr>"),e=t)})},columnDefs:[{targets:[0,2],visible:!1},{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,e){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{targets:8,render:function(t,a,l,e){var n={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===n[t]?t:'<span class="label label-lg font-weight-bold'+n[t].class+' label-inline">'+n[t].title+"</span>"}},{targets:9,render:function(t,a,l,e){var n={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===n[t]?t:'<span class="label label-'+n[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+n[t].state+'">'+n[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedRowGrouping.init()});
|
||||
384
public/js/pages/crud/datatables/basic/basic.js
vendored
Normal file
384
public/js/pages/crud/datatables/basic/basic.js
vendored
Normal file
@@ -0,0 +1,384 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicBasic = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// 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="checkbox checkbox-single">
|
||||
<input type="checkbox" value="" class="group-checkable"/>
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
|
||||
columnDefs: [
|
||||
{
|
||||
targets: 0,
|
||||
width: '30px',
|
||||
className: 'dt-left',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<label class="checkbox checkbox-single">
|
||||
<input type="checkbox" value="" class="checkable"/>
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
width: '125px',
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="navi flex-column navi-hover py-2">\
|
||||
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
|
||||
Choose an action:\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-print"></i></span>\
|
||||
<span class="navi-text">Print</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-copy"></i></span>\
|
||||
<span class="navi-text">Copy</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
|
||||
<span class="navi-text">Excel</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
|
||||
<span class="navi-text">CSV</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
|
||||
<span class="navi-text">PDF</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
|
||||
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
|
||||
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
width: '75px',
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-success'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
table.on('change', '.group-checkable', function() {
|
||||
var set = $(this).closest('table').find('td:first-child .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 .checkbox', function() {
|
||||
$(this).parents('tr').toggleClass('active');
|
||||
});
|
||||
};
|
||||
|
||||
var initTable2 = function() {
|
||||
var table = $('#kt_datatable_2');
|
||||
|
||||
// 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="checkbox checkbox-single">
|
||||
<input type="checkbox" value="" class="group-checkable"/>
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
|
||||
columnDefs: [
|
||||
{
|
||||
targets: 0,
|
||||
width: '30px',
|
||||
className: 'dt-left',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<label class="checkbox checkbox-single">
|
||||
<input type="checkbox" value="" class="checkable"/>
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
width: '125px',
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="navi flex-column navi-hover py-2">\
|
||||
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
|
||||
Choose an action:\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-print"></i></span>\
|
||||
<span class="navi-text">Print</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-copy"></i></span>\
|
||||
<span class="navi-text">Copy</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
|
||||
<span class="navi-text">Excel</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
|
||||
<span class="navi-text">CSV</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
|
||||
<span class="navi-text">PDF</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
|
||||
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
|
||||
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
width: '75px',
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-success'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
table.on('change', '.group-checkable', function() {
|
||||
var set = $(this).closest('table').find('td:first-child .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 .checkbox', function() {
|
||||
$(this).parents('tr').toggleClass('active');
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
initTable2();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesBasicBasic.init();
|
||||
});
|
||||
1
public/js/pages/crud/datatables/basic/basic.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/basic/basic.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
90
public/js/pages/crud/datatables/basic/headers.js
vendored
Normal file
90
public/js/pages/crud/datatables/basic/headers.js
vendored
Normal file
@@ -0,0 +1,90 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicHeaders = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/basic/headers.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/basic/headers.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicHeaders={init:function(){$("#kt_datatable").DataTable({responsive:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,s){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:8,render:function(t,a,l,s){var e={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===e[t]?t:'<span class="label label-lg font-weight-bold'+e[t].class+' label-inline">'+e[t].title+"</span>"}},{width:"75px",targets:9,render:function(t,a,l,s){var e={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===e[t]?t:'<span class="label label-'+e[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+e[t].state+'">'+e[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesBasicHeaders.init()});
|
||||
145
public/js/pages/crud/datatables/basic/paginations.js
vendored
Normal file
145
public/js/pages/crud/datatables/basic/paginations.js
vendored
Normal file
@@ -0,0 +1,145 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicPaginations = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
pagingType: 'full_numbers',
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
width: '125px',
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="navi flex-column navi-hover py-2">\
|
||||
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
|
||||
Choose an action:\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-print"></i></span>\
|
||||
<span class="navi-text">Print</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-copy"></i></span>\
|
||||
<span class="navi-text">Copy</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
|
||||
<span class="navi-text">Excel</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
|
||||
<span class="navi-text">CSV</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
|
||||
<span class="navi-text">PDF</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
|
||||
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
|
||||
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
width: '75px',
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-success'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/basic/paginations.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/basic/paginations.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
386
public/js/pages/crud/datatables/basic/scrollable.js
vendored
Normal file
386
public/js/pages/crud/datatables/basic/scrollable.js
vendored
Normal file
@@ -0,0 +1,386 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicScrollable = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
scrollY: '50vh',
|
||||
scrollX: true,
|
||||
scrollCollapse: true,
|
||||
columnDefs: [{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
width: '125px',
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="navi flex-column navi-hover py-2">\
|
||||
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
|
||||
Choose an action:\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-print"></i></span>\
|
||||
<span class="navi-text">Print</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-copy"></i></span>\
|
||||
<span class="navi-text">Copy</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
|
||||
<span class="navi-text">Excel</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
|
||||
<span class="navi-text">CSV</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
|
||||
<span class="navi-text">PDF</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
|
||||
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
|
||||
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
width: '75px',
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {
|
||||
'title': 'Pending',
|
||||
'class': 'label-light-primary'
|
||||
},
|
||||
2: {
|
||||
'title': 'Delivered',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
3: {
|
||||
'title': 'Canceled',
|
||||
'class': ' label-light-primary'
|
||||
},
|
||||
4: {
|
||||
'title': 'Success',
|
||||
'class': ' label-light-success'
|
||||
},
|
||||
5: {
|
||||
'title': 'Info',
|
||||
'class': ' label-light-info'
|
||||
},
|
||||
6: {
|
||||
'title': 'Danger',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
7: {
|
||||
'title': 'Warning',
|
||||
'class': ' label-light-warning'
|
||||
},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
var initTable2 = function() {
|
||||
var table = $('#kt_datatable2');
|
||||
|
||||
// begin second table
|
||||
table.DataTable({
|
||||
scrollY: '50vh',
|
||||
scrollX: true,
|
||||
scrollCollapse: true,
|
||||
createdRow: function(row, data, index) {
|
||||
var status = {
|
||||
1: {
|
||||
'title': 'Pending',
|
||||
'class': 'label-light-primary'
|
||||
},
|
||||
2: {
|
||||
'title': 'Delivered',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
3: {
|
||||
'title': 'Canceled',
|
||||
'class': ' label-light-primary'
|
||||
},
|
||||
4: {
|
||||
'title': 'Success',
|
||||
'class': ' label-light-success'
|
||||
},
|
||||
5: {
|
||||
'title': 'Info',
|
||||
'class': ' label-light-info'
|
||||
},
|
||||
6: {
|
||||
'title': 'Danger',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
7: {
|
||||
'title': 'Warning',
|
||||
'class': ' label-light-warning'
|
||||
},
|
||||
};
|
||||
var badge = '<span class="label ' + status[data[18]].class + ' label-inline label-bold">' + 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="label label-' + status[data[19]].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data[19]].state + '">' + status[data[19]].title + '</span>';
|
||||
row.getElementsByTagName('td')[19].innerHTML = badge;
|
||||
},
|
||||
columnDefs: [{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
width: '125px',
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" data-toggle="dropdown">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="navi flex-column navi-hover py-2">\
|
||||
<li class="navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2">\
|
||||
Choose an action:\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-print"></i></span>\
|
||||
<span class="navi-text">Print</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-copy"></i></span>\
|
||||
<span class="navi-text">Copy</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-excel-o"></i></span>\
|
||||
<span class="navi-text">Excel</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-text-o"></i></span>\
|
||||
<span class="navi-text">CSV</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
<li class="navi-item">\
|
||||
<a href="#" class="navi-link">\
|
||||
<span class="navi-icon"><i class="la la-file-pdf-o"></i></span>\
|
||||
<span class="navi-text">PDF</span>\
|
||||
</a>\
|
||||
</li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon mr-2" title="Edit details">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z" fill="#000000" fill-rule="nonzero"\ transform="translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) "/>\
|
||||
<rect fill="#000000" opacity="0.3" x="5" y="20" width="15" height="2" rx="1"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<span class="svg-icon svg-icon-md">\
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">\
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\
|
||||
<rect x="0" y="0" width="24" height="24"/>\
|
||||
<path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero"/>\
|
||||
<path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3"/>\
|
||||
</g>\
|
||||
</svg>\
|
||||
</span>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
width: '75px',
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {
|
||||
'title': 'Pending',
|
||||
'class': 'label-light-primary'
|
||||
},
|
||||
2: {
|
||||
'title': 'Delivered',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
3: {
|
||||
'title': 'Canceled',
|
||||
'class': ' label-light-primary'
|
||||
},
|
||||
4: {
|
||||
'title': 'Success',
|
||||
'class': ' label-light-success'
|
||||
},
|
||||
5: {
|
||||
'title': 'Info',
|
||||
'class': ' label-light-info'
|
||||
},
|
||||
6: {
|
||||
'title': 'Danger',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
7: {
|
||||
'title': 'Warning',
|
||||
'class': ' label-light-warning'
|
||||
},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label ' + status[data].class + ' label-inline label-bold">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
initTable2();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesBasicScrollable.init();
|
||||
});
|
||||
1
public/js/pages/crud/datatables/basic/scrollable.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/basic/scrollable.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
109
public/js/pages/crud/datatables/data-sources/ajax-client-side.js
vendored
Normal file
109
public/js/pages/crud/datatables/data-sources/ajax-client-side.js
vendored
Normal file
@@ -0,0 +1,109 @@
|
||||
'use strict';
|
||||
var KTDatatablesDataSourceAjaxClient = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
ajax: {
|
||||
url: HOST_URL + '/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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: -3,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/data-sources/ajax-client-side.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/data-sources/ajax-client-side.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceAjaxClient={init:function(){$("#kt_datatable").DataTable({responsive:!0,ajax:{url:HOST_URL+"/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(t,a,l,e){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:-3,render:function(t,a,l,e){var s={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===s[t]?t:'<span class="label label-lg font-weight-bold'+s[t].class+' label-inline">'+s[t].title+"</span>"}},{width:"75px",targets:-2,render:function(t,a,l,e){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="label label-'+s[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceAjaxClient.init()});
|
||||
114
public/js/pages/crud/datatables/data-sources/ajax-server-side.js
vendored
Normal file
114
public/js/pages/crud/datatables/data-sources/ajax-server-side.js
vendored
Normal file
@@ -0,0 +1,114 @@
|
||||
"use strict";
|
||||
var KTDatatablesDataSourceAjaxServer = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
searchDelay: 500,
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: HOST_URL + '/api/datatables/demos/server.php',
|
||||
type: 'POST',
|
||||
data: {
|
||||
// parameters for custom backend script demo
|
||||
columnsDef: [
|
||||
'OrderID', 'Country',
|
||||
'ShipAddress', 'CompanyName', 'ShipDate',
|
||||
'Status', 'Type', 'Actions'],
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipAddress'},
|
||||
{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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: -3,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/data-sources/ajax-server-side.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/data-sources/ajax-server-side.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceAjaxServer={init:function(){$("#kt_datatable").DataTable({responsive:!0,searchDelay:500,processing:!0,serverSide:!0,ajax:{url:HOST_URL+"/api/datatables/demos/server.php",type:"POST",data:{columnsDef:["OrderID","Country","ShipAddress","CompanyName","ShipDate","Status","Type","Actions"]}},columns:[{data:"OrderID"},{data:"Country"},{data:"ShipAddress"},{data:"CompanyName"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,l){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:-3,render:function(t,a,e,l){var s={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===s[t]?t:'<span class="label label-lg font-weight-bold'+s[t].class+' label-inline">'+s[t].title+"</span>"}},{width:"75px",targets:-2,render:function(t,a,e,l){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="label label-'+s[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceAjaxServer.init()});
|
||||
91
public/js/pages/crud/datatables/data-sources/html.js
vendored
Normal file
91
public/js/pages/crud/datatables/data-sources/html.js
vendored
Normal file
@@ -0,0 +1,91 @@
|
||||
"use strict";
|
||||
var KTDatatablesDataSourceHtml = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/data-sources/html.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/data-sources/html.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceHtml={init:function(){$("#kt_datatable").DataTable({responsive:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,e){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:8,render:function(t,a,l,e){var s={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===s[t]?t:'<span class="label label-lg font-weight-bold'+s[t].class+' label-inline">'+s[t].title+"</span>"}},{width:"75px",targets:9,render:function(t,a,l,e){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="label label-'+s[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceHtml.init()});
|
||||
59
public/js/pages/crud/datatables/data-sources/javascript.js
vendored
Normal file
59
public/js/pages/crud/datatables/data-sources/javascript.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/js/pages/crud/datatables/data-sources/javascript.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/data-sources/javascript.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
176
public/js/pages/crud/datatables/extensions/buttons.js
vendored
Normal file
176
public/js/pages/crud/datatables/extensions/buttons.js
vendored
Normal file
@@ -0,0 +1,176 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionButtons = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
|
||||
// begin first table
|
||||
var table = $('#kt_datatable1').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: [
|
||||
{
|
||||
width: '75px',
|
||||
targets: 6,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var initTable2 = function() {
|
||||
|
||||
// begin first table
|
||||
var table = $('#kt_datatable2').DataTable({
|
||||
responsive: true,
|
||||
|
||||
buttons: [
|
||||
'print',
|
||||
'copyHtml5',
|
||||
'excelHtml5',
|
||||
'csvHtml5',
|
||||
'pdfHtml5',
|
||||
],
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: HOST_URL + '/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': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + 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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/buttons.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/buttons.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionButtons={init:function(){var t;$("#kt_datatable1").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:[{width:"75px",targets:6,render:function(t,e,l,a){var n={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===n[t]?t:'<span class="label label-lg font-weight-bold'+n[t].class+' label-inline">'+n[t].title+"</span>"}},{width:"75px",targets:7,render:function(t,e,l,a){var n={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===n[t]?t:'<span class="label label-'+n[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+n[t].state+'">'+n[t].title+"</span>"}}]}),t=$("#kt_datatable2").DataTable({responsive:!0,buttons:["print","copyHtml5","excelHtml5","csvHtml5","pdfHtml5"],processing:!0,serverSide:!0,ajax:{url:HOST_URL+"/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,l,a){var n={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===n[t]?t:'<span class="label label-lg font-weight-bold'+n[t].class+' label-inline">'+n[t].title+"</span>"}},{targets:7,render:function(t,e,l,a){var n={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===n[t]?t:'<span class="label label-'+n[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+n[t].state+'">'+n[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()});
|
||||
92
public/js/pages/crud/datatables/extensions/colreorder.js
vendored
Normal file
92
public/js/pages/crud/datatables/extensions/colreorder.js
vendored
Normal file
@@ -0,0 +1,92 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsColreorder = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
colReorder: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/colreorder.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/colreorder.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsColreorder={init:function(){$("#kt_datatable").DataTable({responsive:!0,colReorder:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,e){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:8,render:function(t,a,l,e){var s={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===s[t]?t:'<span class="label label-lg font-weight-bold'+s[t].class+' label-inline">'+s[t].title+"</span>"}},{width:"75px",targets:9,render:function(t,a,l,e){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="label label-'+s[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsColreorder.init()});
|
||||
99
public/js/pages/crud/datatables/extensions/fixedcolumns.js
vendored
Normal file
99
public/js/pages/crud/datatables/extensions/fixedcolumns.js
vendored
Normal file
@@ -0,0 +1,99 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsFixedcolumns = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// 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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 18,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/fixedcolumns.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/fixedcolumns.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsFixedcolumns={init:function(){$("#kt_datatable").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,l,s){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:18,render:function(t,a,l,s){var e={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===e[t]?t:'<span class="label label-lg font-weight-bold'+e[t].class+' label-inline">'+e[t].title+"</span>"}},{width:"75px",targets:19,render:function(t,a,l,s){var e={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===e[t]?t:'<span class="label label-'+e[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+e[t].state+'">'+e[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsFixedcolumns.init()});
|
||||
90
public/js/pages/crud/datatables/extensions/fixedheader.js
vendored
Normal file
90
public/js/pages/crud/datatables/extensions/fixedheader.js
vendored
Normal file
@@ -0,0 +1,90 @@
|
||||
"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>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-success'},
|
||||
5: {'title': 'Info', 'class': ' label-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label ' + status[data].class + ' label-inline label-pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot"></span> ' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/fixedheader.min.js
vendored
Normal file
1
public/js/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>'}},{width:"75px",targets:8,render:function(e,a,t,n){var l={1:{title:"Pending",class:"label-primary"},2:{title:"Delivered",class:" label-danger"},3:{title:"Canceled",class:" label-primary"},4:{title:"Success",class:" label-success"},5:{title:"Info",class:" label-info"},6:{title:"Danger",class:" label-danger"},7:{title:"Warning",class:" label-warning"}};return void 0===l[e]?e:'<span class="label '+l[e].class+' label-inline label-pill">'+l[e].title+"</span>"}},{width:"75px",targets:9,render:function(e,a,t,n){var l={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===l[e]?e:'<span class="label label-'+l[e].state+' label-dot"></span> <span class="font-weight-bold text-'+l[e].state+'">'+l[e].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsFixedheader.init()});
|
||||
92
public/js/pages/crud/datatables/extensions/keytable.js
vendored
Normal file
92
public/js/pages/crud/datatables/extensions/keytable.js
vendored
Normal file
@@ -0,0 +1,92 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsKeytable = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
keys: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/keytable.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/keytable.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsKeytable={init:function(){$("#kt_datatable").DataTable({responsive:!0,keys:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,e){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:8,render:function(t,a,l,e){var s={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===s[t]?t:'<span class="label label-lg font-weight-bold'+s[t].class+' label-inline">'+s[t].title+"</span>"}},{width:"75px",targets:9,render:function(t,a,l,e){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="label label-'+s[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsKeytable.init()});
|
||||
91
public/js/pages/crud/datatables/extensions/responsive.js
vendored
Normal file
91
public/js/pages/crud/datatables/extensions/responsive.js
vendored
Normal file
@@ -0,0 +1,91 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsResponsive = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
columnDefs: [
|
||||
{
|
||||
width: '150px',
|
||||
targets: 0
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 16,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/responsive.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/responsive.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsResponsive={init:function(){$("#kt_datatable").DataTable({responsive:!0,columnDefs:[{width:"150px",targets:0},{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,s){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:16,render:function(t,a,l,s){var e={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===e[t]?t:'<span class="label label-lg font-weight-bold'+e[t].class+' label-inline">'+e[t].title+"</span>"}},{width:"75px",targets:17,render:function(t,a,l,s){var e={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===e[t]?t:'<span class="label label-'+e[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+e[t].state+'">'+e[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsResponsive.init()});
|
||||
95
public/js/pages/crud/datatables/extensions/rowgroup.js
vendored
Normal file
95
public/js/pages/crud/datatables/extensions/rowgroup.js
vendored
Normal file
@@ -0,0 +1,95 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsRowgroup = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// 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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/rowgroup.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/rowgroup.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsRowgroup={init:function(){$("#kt_datatable").DataTable({responsive:!0,order:[[2,"asc"]],rowGroup:{dataSrc:2},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,s){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:8,render:function(t,a,l,s){var e={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===e[t]?t:'<span class="label label-lg font-weight-bold'+e[t].class+' label-inline">'+e[t].title+"</span>"}},{width:"75px",targets:9,render:function(t,a,l,s){var e={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===e[t]?t:'<span class="label label-'+e[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+e[t].state+'">'+e[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsRowgroup.init()});
|
||||
93
public/js/pages/crud/datatables/extensions/rowreorder.js
vendored
Normal file
93
public/js/pages/crud/datatables/extensions/rowreorder.js
vendored
Normal file
@@ -0,0 +1,93 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsRowreorder = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
rowReorder: {
|
||||
selector: 'tr',
|
||||
},
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/rowreorder.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/rowreorder.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsRowreorder={init:function(){$("#kt_datatable").DataTable({responsive:!0,rowReorder:{selector:"tr"},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,l,e){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:8,render:function(t,a,l,e){var s={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===s[t]?t:'<span class="label label-lg font-weight-bold'+s[t].class+' label-inline">'+s[t].title+"</span>"}},{width:"75px",targets:9,render:function(t,a,l,e){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="label label-'+s[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsRowreorder.init()});
|
||||
106
public/js/pages/crud/datatables/extensions/scroller.js
vendored
Normal file
106
public/js/pages/crud/datatables/extensions/scroller.js
vendored
Normal file
@@ -0,0 +1,106 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsScroller = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_datatable');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
ajax: HOST_URL + '/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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: -3,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/extensions/scroller.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/scroller.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsScroller={init:function(){$("#kt_datatable").DataTable({responsive:!0,ajax:HOST_URL+"/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(t,a,l,e){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{width:"75px",targets:-3,render:function(t,a,l,e){var s={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===s[t]?t:'<span class="label label-lg font-weight-bold'+s[t].class+' label-inline">'+s[t].title+"</span>"}},{width:"75px",targets:-2,render:function(t,a,l,e){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="label label-'+s[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsScroller.init()});
|
||||
200
public/js/pages/crud/datatables/extensions/select.js
vendored
Normal file
200
public/js/pages/crud/datatables/extensions/select.js
vendored
Normal file
@@ -0,0 +1,200 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsKeytable = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
// begin first table
|
||||
var table = $('#kt_datatable_1').DataTable({
|
||||
responsive: true,
|
||||
select: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var initTable2 = function() {
|
||||
// begin first table
|
||||
var table = $('#kt_datatable_2').DataTable({
|
||||
responsive: true,
|
||||
select: {
|
||||
style: 'multi',
|
||||
selector: 'td:first-child .checkable',
|
||||
},
|
||||
headerCallback: function(thead, data, start, end, display) {
|
||||
thead.getElementsByTagName('th')[0].innerHTML = `
|
||||
<label class="checkbox checkbox-single checkbox-solid checkbox-primary mb-0">
|
||||
<input type="checkbox" value="" class="group-checkable"/>
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
columnDefs: [
|
||||
{
|
||||
targets: 0,
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<label class="checkbox checkbox-single checkbox-primary mb-0">
|
||||
<input type="checkbox" value="" class="checkable"/>
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
width: '75px',
|
||||
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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
table.on('change', '.group-checkable', function() {
|
||||
var set = $(this).closest('table').find('td:first-child .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/js/pages/crud/datatables/extensions/select.min.js
vendored
Normal file
1
public/js/pages/crud/datatables/extensions/select.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
215
public/js/pages/crud/datatables/search-options/advanced-search.js
vendored
Normal file
215
public/js/pages/crud/datatables/search-options/advanced-search.js
vendored
Normal file
@@ -0,0 +1,215 @@
|
||||
"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_datatable').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: HOST_URL + '/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) {
|
||||
$('.datatable-input[data-col-index="2"]').append('<option value="' + d + '">' + d + '</option>');
|
||||
});
|
||||
break;
|
||||
|
||||
case 'Status':
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
column.data().unique().sort().each(function(d, j) {
|
||||
$('.datatable-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) {
|
||||
$('.datatable-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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 6,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'label-light-primary'},
|
||||
2: {'title': 'Delivered', 'class': ' label-light-danger'},
|
||||
3: {'title': 'Canceled', 'class': ' label-light-primary'},
|
||||
4: {'title': 'Success', 'class': ' label-light-success'},
|
||||
5: {'title': 'Info', 'class': ' label-light-info'},
|
||||
6: {'title': 'Danger', 'class': ' label-light-danger'},
|
||||
7: {'title': 'Warning', 'class': ' label-light-warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + 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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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 = {};
|
||||
$('.datatable-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();
|
||||
$('.datatable-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/js/pages/crud/datatables/search-options/advanced-search.min.js
vendored
Normal file
1
public/js/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_datatable").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:HOST_URL+"/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){$('.datatable-input[data-col-index="2"]').append('<option value="'+t+'">'+t+"</option>")});break;case"Status":var t={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};this.data().unique().sort().each(function(a,e){$('.datatable-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){$('.datatable-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,l){return'\t\t\t\t\t\t\t<div class="dropdown dropdown-inline">\t\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\t <i class="la la-cog"></i>\t </a>\t\t\t\t\t\t\t \t<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\t\t\t\t\t\t\t\t\t<ul class="nav nav-hoverable flex-column">\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\t\t\t\t\t\t\t \t\t<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\t\t\t\t\t\t\t\t\t</ul>\t\t\t\t\t\t\t \t</div>\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\t\t\t\t\t\t\t\t<i class="la la-edit"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t\t<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\t\t\t\t\t\t\t\t<i class="la la-trash"></i>\t\t\t\t\t\t\t</a>\t\t\t\t\t\t'}},{targets:6,render:function(t,a,e,l){var i={1:{title:"Pending",class:"label-light-primary"},2:{title:"Delivered",class:" label-light-danger"},3:{title:"Canceled",class:" label-light-primary"},4:{title:"Success",class:" label-light-success"},5:{title:"Info",class:" label-light-info"},6:{title:"Danger",class:" label-light-danger"},7:{title:"Warning",class:" label-light-warning"}};return void 0===i[t]?t:'<span class="label label-lg font-weight-bold'+i[t].class+' label-inline">'+i[t].title+"</span>"}},{targets:7,render:function(t,a,e,l){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="label label-'+i[t].state+' label-dot mr-2"></span><span class="font-weight-bold text-'+i[t].state+'">'+i[t].title+"</span>"}}]}),$("#kt_search").on("click",function(a){a.preventDefault();var e={};$(".datatable-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(),$(".datatable-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()});
|
||||
356
public/js/pages/crud/datatables/search-options/column-search.js
vendored
Normal file
356
public/js/pages/crud/datatables/search-options/column-search.js
vendored
Normal file
@@ -0,0 +1,356 @@
|
||||
"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_datatable').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: HOST_URL + '/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 datatable-input" data-col-index="` + column.index() + `"/>`);
|
||||
break;
|
||||
|
||||
case 'Country':
|
||||
input = $(`<select class="form-control form-control-sm form-filter datatable-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': 'label-light-primary'
|
||||
},
|
||||
2: {
|
||||
'title': 'Delivered',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
3: {
|
||||
'title': 'Canceled',
|
||||
'class': ' label-light-primary'
|
||||
},
|
||||
4: {
|
||||
'title': 'Success',
|
||||
'class': ' label-light-success'
|
||||
},
|
||||
5: {
|
||||
'title': 'Info',
|
||||
'class': ' label-light-info'
|
||||
},
|
||||
6: {
|
||||
'title': 'Danger',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
7: {
|
||||
'title': 'Warning',
|
||||
'class': ' label-light-warning'
|
||||
},
|
||||
};
|
||||
input = $(`<select class="form-control form-control-sm form-filter datatable-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 datatable-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 datatable-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 d-flex align-content-center">
|
||||
<input type="text" class="form-control form-control-sm datatable-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-primary kt-btn btn-sm kt-btn--icon d-block">
|
||||
<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('.datatable-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('.datatable-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 '\
|
||||
<div class="dropdown dropdown-inline">\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" data-toggle="dropdown">\
|
||||
<i class="la la-cog"></i>\
|
||||
</a>\
|
||||
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">\
|
||||
<ul class="nav nav-hoverable flex-column">\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-edit"></i><span class="nav-text">Edit Details</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-leaf"></i><span class="nav-text">Update Status</span></a></li>\
|
||||
<li class="nav-item"><a class="nav-link" href="#"><i class="nav-icon la la-print"></i><span class="nav-text">Print</span></a></li>\
|
||||
</ul>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Edit details">\
|
||||
<i class="la la-edit"></i>\
|
||||
</a>\
|
||||
<a href="javascript:;" class="btn btn-sm btn-clean btn-icon" title="Delete">\
|
||||
<i class="la la-trash"></i>\
|
||||
</a>\
|
||||
';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 5,
|
||||
width: '150px',
|
||||
},
|
||||
{
|
||||
targets: 6,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {
|
||||
'title': 'Pending',
|
||||
'class': 'label-light-primary'
|
||||
},
|
||||
2: {
|
||||
'title': 'Delivered',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
3: {
|
||||
'title': 'Canceled',
|
||||
'class': ' label-light-primary'
|
||||
},
|
||||
4: {
|
||||
'title': 'Success',
|
||||
'class': ' label-light-success'
|
||||
},
|
||||
5: {
|
||||
'title': 'Info',
|
||||
'class': ' label-light-info'
|
||||
},
|
||||
6: {
|
||||
'title': 'Danger',
|
||||
'class': ' label-light-danger'
|
||||
},
|
||||
7: {
|
||||
'title': 'Warning',
|
||||
'class': ' label-light-warning'
|
||||
},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + 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="label label-' + status[data].state + ' label-dot mr-2"></span>' +
|
||||
'<span class="font-weight-bold text-' + 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/js/pages/crud/datatables/search-options/column-search.min.js
vendored
Normal file
1
public/js/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/js/pages/crud/file-upload/dropzonejs.js
vendored
Normal file
184
public/js/pages/crud/file-upload/dropzonejs.js
vendored
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
|
||||
$( id + " .progress-bar").css('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) {
|
||||
$( id + " .progress-bar").css('width', progress + "%");
|
||||
});
|
||||
|
||||
myDropzone5.on("sending", function(file) {
|
||||
// Show the total progress bar when upload starts
|
||||
$( id + " .progress-bar").css('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/js/pages/crud/file-upload/dropzonejs.min.js
vendored
Normal file
1
public/js/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){$(e+" .progress-bar").css("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){$(e+" .progress-bar").css("width",o+"%")}),t.on("sending",function(o){$(e+" .progress-bar").css("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()});
|
||||
93
public/js/pages/crud/file-upload/image-input.js
vendored
Normal file
93
public/js/pages/crud/file-upload/image-input.js
vendored
Normal file
@@ -0,0 +1,93 @@
|
||||
'use strict';
|
||||
|
||||
// Class definition
|
||||
var KTImageInputDemo = function () {
|
||||
// Private functions
|
||||
var initDemos = function () {
|
||||
// Example 1
|
||||
var avatar1 = new KTImageInput('kt_image_1');
|
||||
|
||||
// Example 2
|
||||
var avatar2 = new KTImageInput('kt_image_2');
|
||||
|
||||
// Example 3
|
||||
var avatar3 = new KTImageInput('kt_image_3');
|
||||
|
||||
// Example 4
|
||||
var avatar4 = new KTImageInput('kt_image_4');
|
||||
|
||||
avatar4.on('cancel', function(imageInput) {
|
||||
swal.fire({
|
||||
title: 'Image successfully canceled !',
|
||||
type: 'success',
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: 'Awesome!',
|
||||
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
||||
});
|
||||
});
|
||||
|
||||
avatar4.on('change', function(imageInput) {
|
||||
swal.fire({
|
||||
title: 'Image successfully changed !',
|
||||
type: 'success',
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: 'Awesome!',
|
||||
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
||||
});
|
||||
});
|
||||
|
||||
avatar4.on('remove', function(imageInput) {
|
||||
swal.fire({
|
||||
title: 'Image successfully removed !',
|
||||
type: 'error',
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: 'Got it!',
|
||||
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
||||
});
|
||||
});
|
||||
|
||||
// Example 5
|
||||
var avatar5 = new KTImageInput('kt_image_5');
|
||||
|
||||
avatar5.on('cancel', function(imageInput) {
|
||||
swal.fire({
|
||||
title: 'Image successfully changed !',
|
||||
type: 'success',
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: 'Awesome!',
|
||||
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
||||
});
|
||||
});
|
||||
|
||||
avatar5.on('change', function(imageInput) {
|
||||
swal.fire({
|
||||
title: 'Image successfully changed !',
|
||||
type: 'success',
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: 'Awesome!',
|
||||
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
||||
});
|
||||
});
|
||||
|
||||
avatar5.on('remove', function(imageInput) {
|
||||
swal.fire({
|
||||
title: 'Image successfully removed !',
|
||||
type: 'error',
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: 'Got it!',
|
||||
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
initDemos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
KTUtil.ready(function() {
|
||||
KTImageInputDemo.init();
|
||||
});
|
||||
1
public/js/pages/crud/file-upload/image-input.min.js
vendored
Normal file
1
public/js/pages/crud/file-upload/image-input.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTImageInputDemo={init:function(){!function(){new KTImageInput("kt_image_1"),new KTImageInput("kt_image_2"),new KTImageInput("kt_image_3");var t=new KTImageInput("kt_image_4");t.on("cancel",function(t){swal.fire({title:"Image successfully canceled !",type:"success",buttonsStyling:!1,confirmButtonText:"Awesome!",confirmButtonClass:"btn btn-primary font-weight-bold"})}),t.on("change",function(t){swal.fire({title:"Image successfully changed !",type:"success",buttonsStyling:!1,confirmButtonText:"Awesome!",confirmButtonClass:"btn btn-primary font-weight-bold"})}),t.on("remove",function(t){swal.fire({title:"Image successfully removed !",type:"error",buttonsStyling:!1,confirmButtonText:"Got it!",confirmButtonClass:"btn btn-primary font-weight-bold"})});var n=new KTImageInput("kt_image_5");n.on("cancel",function(t){swal.fire({title:"Image successfully changed !",type:"success",buttonsStyling:!1,confirmButtonText:"Awesome!",confirmButtonClass:"btn btn-primary font-weight-bold"})}),n.on("change",function(t){swal.fire({title:"Image successfully changed !",type:"success",buttonsStyling:!1,confirmButtonText:"Awesome!",confirmButtonClass:"btn btn-primary font-weight-bold"})}),n.on("remove",function(t){swal.fire({title:"Image successfully removed !",type:"error",buttonsStyling:!1,confirmButtonText:"Got it!",confirmButtonClass:"btn btn-primary font-weight-bold"})})}()}};KTUtil.ready(function(){KTImageInputDemo.init()});
|
||||
329
public/js/pages/crud/file-upload/uppy.js
vendored
Normal file
329
public/js/pages/crud/file-upload/uppy.js
vendored
Normal file
@@ -0,0 +1,329 @@
|
||||
"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 + ' .uppy-drag' });
|
||||
uppyDrag.use(ProgressBar, {
|
||||
target: id + ' .uppy-progress',
|
||||
hideUploadButton: false,
|
||||
hideAfterFinish: false
|
||||
});
|
||||
uppyDrag.use(Informer, { target: id + ' .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="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="uppy-thumbnail-container" data-id="'+value.id+'">'+thumbnail+' <span class="uppy-thumbnail-label">'+value.name+' ('+ Math.round(filesize, 2) +' '+sizeLabel+')</span><span data-id="'+value.id+'" class="uppy-remove-thumbnail"><i class="flaticon2-cancel-music"></i></span></div>';
|
||||
});
|
||||
|
||||
$(id + ' .uppy-thumbnails').append(imagePreview);
|
||||
});
|
||||
|
||||
$(document).on('click', id + ' .uppy-thumbnails .uppy-remove-thumbnail', function(){
|
||||
var imageId = $(this).attr('data-id');
|
||||
uppyDrag.removeFile(imageId);
|
||||
$(id + ' .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 + ' .uppy-drag' });
|
||||
uppyDrag.use(ProgressBar, { target: id + ' .uppy-progress' });
|
||||
uppyDrag.use(Informer, { target: id + ' .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="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="uppy-thumbnail-container" data-id="'+value.id+'">'+thumbnail+' <span class="uppy-thumbnail-label">'+value.name+' ('+ Math.round(filesize, 2) +' '+sizeLabel+')</span><span data-id="'+value.id+'" class="uppy-remove-thumbnail"><i class="flaticon2-cancel-music"></i></span></div>';
|
||||
});
|
||||
|
||||
$(id + ' .uppy-thumbnails').append(imagePreview);
|
||||
});
|
||||
|
||||
var uploadBtn = $(id + ' .uppy-btn');
|
||||
uploadBtn.click(function () {
|
||||
uppyDrag.upload();
|
||||
});
|
||||
|
||||
$(document).on('click', id + ' .uppy-thumbnails .uppy-remove-thumbnail', function(){
|
||||
var imageId = $(this).attr('data-id');
|
||||
uppyDrag.removeFile(imageId);
|
||||
$(id + ' .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 + ' .uppy-status');
|
||||
var $uploadedList = $(id + ' .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 + ' .uppy-wrapper', pretty: false });
|
||||
uppyMin.use(Informer, { target: id + ' .uppy-informer' });
|
||||
|
||||
// demo file upload server
|
||||
uppyMin.use(Tus, { endpoint: 'https://master.tus.io/files/' });
|
||||
uppyMin.use(StatusBar, {
|
||||
target: id + ' .uppy-status',
|
||||
hideUploadButton: true,
|
||||
hideAfterFinish: false
|
||||
});
|
||||
|
||||
$(id + ' .uppy-FileInput-input').addClass('uppy-input-control').attr('id', elemId + '_input_control');
|
||||
$(id + ' .uppy-FileInput-container').append('<label class="uppy-input-label btn btn-light-primary btn-sm btn-bold" for="' + (elemId + '_input_control') + '">Attach files</label>');
|
||||
|
||||
var $fileLabel = $(id + ' .uppy-input-label');
|
||||
|
||||
uppyMin.on('upload', function(data) {
|
||||
$fileLabel.text("Uploading...");
|
||||
$statusBar.addClass('uppy-status-ongoing');
|
||||
$statusBar.removeClass('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="uppy-list-item" data-id="'+value.id+'"><div class="uppy-list-label">'+value.name+' ('+ Math.round(filesize, 2) +' '+sizeLabel+')</div><span class="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('uppy-status-hidden');
|
||||
$statusBar.removeClass('uppy-status-ongoing');
|
||||
});
|
||||
|
||||
$(document).on('click', id + ' .uppy-list .uppy-list-remove', function(){
|
||||
var itemId = $(this).attr('data-id');
|
||||
uppyMin.removeFile(itemId);
|
||||
$(id + ' .uppy-list-item[data-id="'+itemId+'"').remove();
|
||||
});
|
||||
}
|
||||
|
||||
var initUppy6 = function(){
|
||||
var id = '#kt_uppy_6';
|
||||
var options = {
|
||||
proudlyDisplayPoweredByUppy: false,
|
||||
target: id + ' .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 + ' .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();
|
||||
|
||||
setTimeout(function() {
|
||||
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-primary",
|
||||
"confirmButtonText": "Ok, I understand",
|
||||
"onClose": function(e) {
|
||||
console.log('on close event fired!');
|
||||
}
|
||||
});
|
||||
}, 2000);
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
KTUtil.ready(function() {
|
||||
KTUppy.init();
|
||||
});
|
||||
1
public/js/pages/crud/file-upload/uppy.min.js
vendored
Normal file
1
public/js/pages/crud/file-upload/uppy.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
21
public/js/pages/crud/forms/editors/bootstrap-markdown.js
vendored
Normal file
21
public/js/pages/crud/forms/editors/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/js/pages/crud/forms/editors/bootstrap-markdown.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/bootstrap-markdown.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTBootstrapMarkdown={init:function(){}};jQuery(document).ready(function(){KTBootstrapMarkdown.init()});
|
||||
64
public/js/pages/crud/forms/editors/ckeditor-balloon-block.js
vendored
Normal file
64
public/js/pages/crud/forms/editors/ckeditor-balloon-block.js
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditorBalloonBlock = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-4' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-5' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditorBalloonBlock.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/editors/ckeditor-balloon-block.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/ckeditor-balloon-block.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCkeditorBalloonBlock={init:function(){BalloonEditor.create(document.querySelector("#kt-ckeditor-1")).then(o=>{console.log(o)}).catch(o=>{console.error(o)}),BalloonEditor.create(document.querySelector("#kt-ckeditor-2")).then(o=>{console.log(o)}).catch(o=>{console.error(o)}),BalloonEditor.create(document.querySelector("#kt-ckeditor-3")).then(o=>{console.log(o)}).catch(o=>{console.error(o)}),BalloonEditor.create(document.querySelector("#kt-ckeditor-4")).then(o=>{console.log(o)}).catch(o=>{console.error(o)}),BalloonEditor.create(document.querySelector("#kt-ckeditor-5")).then(o=>{console.log(o)}).catch(o=>{console.error(o)})}};jQuery(document).ready(function(){KTCkeditorBalloonBlock.init()});
|
||||
64
public/js/pages/crud/forms/editors/ckeditor-balloon.js
vendored
Normal file
64
public/js/pages/crud/forms/editors/ckeditor-balloon.js
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditorBalloon = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-4' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
BalloonEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-5' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditorBalloon.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/editors/ckeditor-balloon.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/ckeditor-balloon.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCkeditorBalloon={init:function(){BalloonEditor.create(document.querySelector("#kt-ckeditor-1")).then(o=>{console.log(o)}).catch(o=>{console.error(o)}),BalloonEditor.create(document.querySelector("#kt-ckeditor-2")).then(o=>{console.log(o)}).catch(o=>{console.error(o)}),BalloonEditor.create(document.querySelector("#kt-ckeditor-3")).then(o=>{console.log(o)}).catch(o=>{console.error(o)}),BalloonEditor.create(document.querySelector("#kt-ckeditor-4")).then(o=>{console.log(o)}).catch(o=>{console.error(o)}),BalloonEditor.create(document.querySelector("#kt-ckeditor-5")).then(o=>{console.log(o)}).catch(o=>{console.error(o)})}};jQuery(document).ready(function(){KTCkeditorBalloon.init()});
|
||||
64
public/js/pages/crud/forms/editors/ckeditor-classic.js
vendored
Normal file
64
public/js/pages/crud/forms/editors/ckeditor-classic.js
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditor = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-4' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
ClassicEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-5' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditor.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/editors/ckeditor-classic.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/ckeditor-classic.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCkeditor={init:function(){ClassicEditor.create(document.querySelector("#kt-ckeditor-1")).then(e=>{console.log(e)}).catch(e=>{console.error(e)}),ClassicEditor.create(document.querySelector("#kt-ckeditor-2")).then(e=>{console.log(e)}).catch(e=>{console.error(e)}),ClassicEditor.create(document.querySelector("#kt-ckeditor-3")).then(e=>{console.log(e)}).catch(e=>{console.error(e)}),ClassicEditor.create(document.querySelector("#kt-ckeditor-4")).then(e=>{console.log(e)}).catch(e=>{console.error(e)}),ClassicEditor.create(document.querySelector("#kt-ckeditor-5")).then(e=>{console.log(e)}).catch(e=>{console.error(e)})}};jQuery(document).ready(function(){KTCkeditor.init()});
|
||||
52
public/js/pages/crud/forms/editors/ckeditor-document.js
vendored
Normal file
52
public/js/pages/crud/forms/editors/ckeditor-document.js
vendored
Normal file
@@ -0,0 +1,52 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditorDocument = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
DecoupledEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
const toolbarContainer = document.querySelector( '#kt-ckeditor-1-toolbar' );
|
||||
|
||||
toolbarContainer.appendChild( editor.ui.view.toolbar.element );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
DecoupledEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
const toolbarContainer = document.querySelector( '#kt-ckeditor-2-toolbar' );
|
||||
|
||||
toolbarContainer.appendChild( editor.ui.view.toolbar.element );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
DecoupledEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
const toolbarContainer = document.querySelector( '#kt-ckeditor-3-toolbar' );
|
||||
|
||||
toolbarContainer.appendChild( editor.ui.view.toolbar.element );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditorDocument.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/editors/ckeditor-document.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/ckeditor-document.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCkeditorDocument={init:function(){DecoupledEditor.create(document.querySelector("#kt-ckeditor-1")).then(e=>{document.querySelector("#kt-ckeditor-1-toolbar").appendChild(e.ui.view.toolbar.element)}).catch(e=>{console.error(e)}),DecoupledEditor.create(document.querySelector("#kt-ckeditor-2")).then(e=>{document.querySelector("#kt-ckeditor-2-toolbar").appendChild(e.ui.view.toolbar.element)}).catch(e=>{console.error(e)}),DecoupledEditor.create(document.querySelector("#kt-ckeditor-3")).then(e=>{document.querySelector("#kt-ckeditor-3-toolbar").appendChild(e.ui.view.toolbar.element)}).catch(e=>{console.error(e)})}};jQuery(document).ready(function(){KTCkeditorDocument.init()});
|
||||
64
public/js/pages/crud/forms/editors/ckeditor-inline.js
vendored
Normal file
64
public/js/pages/crud/forms/editors/ckeditor-inline.js
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTCkeditorInline = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-1' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-2' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-3' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-4' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
|
||||
InlineEditor
|
||||
.create( document.querySelector( '#kt-ckeditor-5' ) )
|
||||
.then( editor => {
|
||||
console.log( editor );
|
||||
} )
|
||||
.catch( error => {
|
||||
console.error( error );
|
||||
} );
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTCkeditorInline.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/editors/ckeditor-inline.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/ckeditor-inline.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCkeditorInline={init:function(){InlineEditor.create(document.querySelector("#kt-ckeditor-1")).then(e=>{console.log(e)}).catch(e=>{console.error(e)}),InlineEditor.create(document.querySelector("#kt-ckeditor-2")).then(e=>{console.log(e)}).catch(e=>{console.error(e)}),InlineEditor.create(document.querySelector("#kt-ckeditor-3")).then(e=>{console.log(e)}).catch(e=>{console.error(e)}),InlineEditor.create(document.querySelector("#kt-ckeditor-4")).then(e=>{console.log(e)}).catch(e=>{console.error(e)}),InlineEditor.create(document.querySelector("#kt-ckeditor-5")).then(e=>{console.log(e)}).catch(e=>{console.error(e)})}};jQuery(document).ready(function(){KTCkeditorInline.init()});
|
||||
75
public/js/pages/crud/forms/editors/quill.js
vendored
Normal file
75
public/js/pages/crud/forms/editors/quill.js
vendored
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/js/pages/crud/forms/editors/quill.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/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()});
|
||||
24
public/js/pages/crud/forms/editors/summernote.js
vendored
Normal file
24
public/js/pages/crud/forms/editors/summernote.js
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTSummernoteDemo = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
$('.summernote').summernote({
|
||||
height: 400,
|
||||
tabsize: 2
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTSummernoteDemo.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/editors/summernote.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/summernote.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTSummernoteDemo={init:function(){$(".summernote").summernote({height:400,tabsize:2})}};jQuery(document).ready(function(){KTSummernoteDemo.init()});
|
||||
45
public/js/pages/crud/forms/editors/tinymce.js
vendored
Normal file
45
public/js/pages/crud/forms/editors/tinymce.js
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTTinymce = function () {
|
||||
// Private functions
|
||||
var demos = function () {
|
||||
|
||||
tinymce.init({
|
||||
selector: '#kt-tinymce-1',
|
||||
toolbar: false,
|
||||
statusbar: false
|
||||
});
|
||||
|
||||
tinymce.init({
|
||||
selector: '#kt-tinymce-2'
|
||||
});
|
||||
|
||||
tinymce.init({
|
||||
selector: '#kt-tinymce-3',
|
||||
toolbar: 'advlist | autolink | link image | lists charmap | print preview',
|
||||
plugins : 'advlist autolink link image lists charmap print preview'
|
||||
});
|
||||
|
||||
tinymce.init({
|
||||
selector: '#kt-tinymce-4',
|
||||
menubar: false,
|
||||
toolbar: ['styleselect fontselect fontsizeselect',
|
||||
'undo redo | cut copy paste | bold italic | link image | alignleft aligncenter alignright alignjustify',
|
||||
'bullist numlist | outdent indent | blockquote subscript superscript | advlist | autolink | lists charmap | print preview | code'],
|
||||
plugins : 'advlist autolink link image lists charmap print preview code'
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demos();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
// Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTTinymce.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/editors/tinymce.min.js
vendored
Normal file
1
public/js/pages/crud/forms/editors/tinymce.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTTinymce={init:function(){tinymce.init({selector:"#kt-tinymce-1",toolbar:!1,statusbar:!1}),tinymce.init({selector:"#kt-tinymce-2"}),tinymce.init({selector:"#kt-tinymce-3",toolbar:"advlist | autolink | link image | lists charmap | print preview",plugins:"advlist autolink link image lists charmap print preview"}),tinymce.init({selector:"#kt-tinymce-4",menubar:!1,toolbar:["styleselect fontselect fontsizeselect","undo redo | cut copy paste | bold italic | link image | alignleft aligncenter alignright alignjustify","bullist numlist | outdent indent | blockquote subscript superscript | advlist | autolink | lists charmap | print preview | code"],plugins:"advlist autolink link image lists charmap print preview code"})}};jQuery(document).ready(function(){KTTinymce.init()});
|
||||
263
public/js/pages/crud/forms/validation/form-controls.js
vendored
Normal file
263
public/js/pages/crud/forms/validation/form-controls.js
vendored
Normal file
@@ -0,0 +1,263 @@
|
||||
// Class definition
|
||||
var KTFormControls = function () {
|
||||
// Private functions
|
||||
var _initDemo1 = function () {
|
||||
FormValidation.formValidation(
|
||||
document.getElementById('kt_form_1'),
|
||||
{
|
||||
fields: {
|
||||
email: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Email is required'
|
||||
},
|
||||
emailAddress: {
|
||||
message: 'The value is not a valid email address'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
url: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Website URL is required'
|
||||
},
|
||||
uri: {
|
||||
message: 'The website address is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
digits: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Digits is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The velue is not a valid digits'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
creditcard: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Credit card number is required'
|
||||
},
|
||||
creditCard: {
|
||||
message: 'The credit card number is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
phone: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'US phone number is required'
|
||||
},
|
||||
phone: {
|
||||
country: 'US',
|
||||
message: 'The value is not a valid US phone number'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
option: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Please select an option'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
options: {
|
||||
validators: {
|
||||
choice: {
|
||||
min:2,
|
||||
max:5,
|
||||
message: 'Please select at least 2 and maximum 5 options'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
memo: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Please enter memo text'
|
||||
},
|
||||
stringLength: {
|
||||
min:50,
|
||||
max:100,
|
||||
message: 'Please enter a menu within text length range 50 and 100'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
checkbox: {
|
||||
validators: {
|
||||
choice: {
|
||||
min:1,
|
||||
message: 'Please kindly check this'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
checkboxes: {
|
||||
validators: {
|
||||
choice: {
|
||||
min:2,
|
||||
max:5,
|
||||
message: 'Please check at least 1 and maximum 2 options'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
radios: {
|
||||
validators: {
|
||||
choice: {
|
||||
min:1,
|
||||
message: 'Please kindly check this'
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
plugins: { //Learn more: https://formvalidation.io/guide/plugins
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
// Bootstrap Framework Integration
|
||||
bootstrap: new FormValidation.plugins.Bootstrap(),
|
||||
// Validate fields when clicking the Submit button
|
||||
submitButton: new FormValidation.plugins.SubmitButton(),
|
||||
// Submit the form when all fields are valid
|
||||
defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
var _initDemo2 = function () {
|
||||
FormValidation.formValidation(
|
||||
document.getElementById('kt_form_2'),
|
||||
{
|
||||
fields: {
|
||||
billing_card_name: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Card Holder Name is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
billing_card_number: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Credit card number is required'
|
||||
},
|
||||
creditCard: {
|
||||
message: 'The credit card number is not valid'
|
||||
}
|
||||
}
|
||||
},
|
||||
billing_card_exp_month: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Expiry Month is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
billing_card_exp_year: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Expiry Year is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
billing_card_cvv: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'CVV is required'
|
||||
},
|
||||
digits: {
|
||||
message: 'The CVV velue is not a valid digits'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
billing_address_1: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Address 1 is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
billing_city: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'City 1 is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
billing_state: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'State 1 is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
billing_zip: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Zip Code is required'
|
||||
},
|
||||
zipCode: {
|
||||
country: 'US',
|
||||
message: 'The Zip Code value is invalid'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
billing_delivery: {
|
||||
validators: {
|
||||
choice: {
|
||||
min:1,
|
||||
message: 'Please kindly select delivery type'
|
||||
}
|
||||
}
|
||||
},
|
||||
package: {
|
||||
validators: {
|
||||
choice: {
|
||||
min:1,
|
||||
message: 'Please kindly select package type'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
// Validate fields when clicking the Submit button
|
||||
submitButton: new FormValidation.plugins.SubmitButton(),
|
||||
// Submit the form when all fields are valid
|
||||
defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
|
||||
// Bootstrap Framework Integration
|
||||
bootstrap: new FormValidation.plugins.Bootstrap({
|
||||
eleInvalidClass: '',
|
||||
eleValidClass: '',
|
||||
})
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
_initDemo1();
|
||||
_initDemo2();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTFormControls.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/validation/form-controls.min.js
vendored
Normal file
1
public/js/pages/crud/forms/validation/form-controls.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTFormControls={init:function(){FormValidation.formValidation(document.getElementById("kt_form_1"),{fields:{email:{validators:{notEmpty:{message:"Email is required"},emailAddress:{message:"The value is not a valid email address"}}},url:{validators:{notEmpty:{message:"Website URL is required"},uri:{message:"The website address is not valid"}}},digits:{validators:{notEmpty:{message:"Digits is required"},digits:{message:"The velue is not a valid digits"}}},creditcard:{validators:{notEmpty:{message:"Credit card number is required"},creditCard:{message:"The credit card number is not valid"}}},phone:{validators:{notEmpty:{message:"US phone number is required"},phone:{country:"US",message:"The value is not a valid US phone number"}}},option:{validators:{notEmpty:{message:"Please select an option"}}},options:{validators:{choice:{min:2,max:5,message:"Please select at least 2 and maximum 5 options"}}},memo:{validators:{notEmpty:{message:"Please enter memo text"},stringLength:{min:50,max:100,message:"Please enter a menu within text length range 50 and 100"}}},checkbox:{validators:{choice:{min:1,message:"Please kindly check this"}}},checkboxes:{validators:{choice:{min:2,max:5,message:"Please check at least 1 and maximum 2 options"}}},radios:{validators:{choice:{min:1,message:"Please kindly check this"}}}},plugins:{trigger:new FormValidation.plugins.Trigger,bootstrap:new FormValidation.plugins.Bootstrap,submitButton:new FormValidation.plugins.SubmitButton,defaultSubmit:new FormValidation.plugins.DefaultSubmit}}),FormValidation.formValidation(document.getElementById("kt_form_2"),{fields:{billing_card_name:{validators:{notEmpty:{message:"Card Holder Name is required"}}},billing_card_number:{validators:{notEmpty:{message:"Credit card number is required"},creditCard:{message:"The credit card number is not valid"}}},billing_card_exp_month:{validators:{notEmpty:{message:"Expiry Month is required"}}},billing_card_exp_year:{validators:{notEmpty:{message:"Expiry Year is required"}}},billing_card_cvv:{validators:{notEmpty:{message:"CVV is required"},digits:{message:"The CVV velue is not a valid digits"}}},billing_address_1:{validators:{notEmpty:{message:"Address 1 is required"}}},billing_city:{validators:{notEmpty:{message:"City 1 is required"}}},billing_state:{validators:{notEmpty:{message:"State 1 is required"}}},billing_zip:{validators:{notEmpty:{message:"Zip Code is required"},zipCode:{country:"US",message:"The Zip Code value is invalid"}}},billing_delivery:{validators:{choice:{min:1,message:"Please kindly select delivery type"}}},package:{validators:{choice:{min:1,message:"Please kindly select package type"}}}},plugins:{trigger:new FormValidation.plugins.Trigger,submitButton:new FormValidation.plugins.SubmitButton,defaultSubmit:new FormValidation.plugins.DefaultSubmit,bootstrap:new FormValidation.plugins.Bootstrap({eleInvalidClass:"",eleValidClass:""})}})}};jQuery(document).ready(function(){KTFormControls.init()});
|
||||
199
public/js/pages/crud/forms/validation/form-widgets.js
vendored
Normal file
199
public/js/pages/crud/forms/validation/form-widgets.js
vendored
Normal file
@@ -0,0 +1,199 @@
|
||||
// Class definition
|
||||
|
||||
var KTFormWidgetsValidation = function () {
|
||||
// Private functions
|
||||
var validator;
|
||||
|
||||
var _initWidgets = function() {
|
||||
// Initialize Plugins
|
||||
// Datepicker
|
||||
$('#kt_datepicker').datepicker({
|
||||
todayHighlight: true,
|
||||
templates: {
|
||||
leftArrow: '<i class=\"la la-angle-left\"></i>',
|
||||
rightArrow: '<i class=\"la la-angle-right\"></i>'
|
||||
}
|
||||
}).on('changeDate', function(e) {
|
||||
// Revalidate field
|
||||
validator.revalidateField('date');
|
||||
});
|
||||
|
||||
// Datetimepicker
|
||||
$('#kt_datetimepicker').datetimepicker({
|
||||
pickerPosition: 'bottom-left',
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
format: 'yyyy.mm.dd hh:ii'
|
||||
});
|
||||
|
||||
$('#kt_datetimepicker').change(function() {
|
||||
// Revalidate field
|
||||
validator.revalidateField('datetime');
|
||||
});
|
||||
|
||||
// Timepicker
|
||||
$('#kt_timepicker').timepicker({
|
||||
minuteStep: 1,
|
||||
showSeconds: true,
|
||||
showMeridian: true
|
||||
});
|
||||
|
||||
$('#kt_timepicker').change(function() {
|
||||
// Revalidate field
|
||||
validator.revalidateField('time');
|
||||
});
|
||||
|
||||
// Daterangepicker
|
||||
$('#kt_daterangepicker').daterangepicker({
|
||||
buttonClasses: ' btn',
|
||||
applyClass: 'btn-primary',
|
||||
cancelClass: 'btn-light-primary'
|
||||
}, function(start, end, label) {
|
||||
var input = $('#kt_daterangepicker').find('.form-control');
|
||||
input.val( start.format('YYYY/MM/DD') + ' / ' + end.format('YYYY/MM/DD'));
|
||||
|
||||
// Revalidate field
|
||||
validator.revalidateField('daterangepicker');
|
||||
});
|
||||
|
||||
// Bootstrap Switch
|
||||
$('[data-switch=true]').bootstrapSwitch();
|
||||
$('[data-switch=true]').on('switchChange.bootstrapSwitch', function() {
|
||||
// Revalidate field
|
||||
validator.revalidateField('switch');
|
||||
});
|
||||
|
||||
// Bootstrap Select
|
||||
$('#kt_bootstrap_select').selectpicker();
|
||||
$('#kt_bootstrap_select').on('changed.bs.select', function() {
|
||||
// Revalidate field
|
||||
validator.revalidateField('select');
|
||||
});
|
||||
|
||||
// Select2
|
||||
$('#kt_select2').select2({
|
||||
placeholder: "Select a state",
|
||||
});
|
||||
|
||||
$('#kt_select2').on('change', function(){
|
||||
// Revalidate field
|
||||
validator.revalidateField('select2');
|
||||
});
|
||||
|
||||
// Typeahead
|
||||
var countries = new Bloodhound({
|
||||
datumTokenizer: Bloodhound.tokenizers.whitespace,
|
||||
queryTokenizer: Bloodhound.tokenizers.whitespace,
|
||||
prefetch: HOST_URL + '/api/?file=typeahead/countries.json'
|
||||
});
|
||||
|
||||
$('#kt_typeahead').typeahead(null, {
|
||||
name: 'countries',
|
||||
source: countries
|
||||
});
|
||||
|
||||
$('#kt_typeahead').bind('typeahead:select', function(ev, suggestion) {
|
||||
// Revalidate field
|
||||
validator.revalidateField('typeahead');
|
||||
});
|
||||
}
|
||||
|
||||
var _initValidation = function () {
|
||||
// Validation Rules
|
||||
validator = FormValidation.formValidation(
|
||||
document.getElementById('kt_form'),
|
||||
{
|
||||
fields: {
|
||||
date: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Date is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
daterangepicker: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Daterange is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
datetime: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Datetime is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
time: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Time is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
select: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Select is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
select2: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Select2 is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
typeahead: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Typeahead is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
switch: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Typeahead is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
markdown: {
|
||||
validators: {
|
||||
notEmpty: {
|
||||
message: 'Typeahead is required'
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
plugins: {
|
||||
trigger: new FormValidation.plugins.Trigger(),
|
||||
// Validate fields when clicking the Submit button
|
||||
submitButton: new FormValidation.plugins.SubmitButton(),
|
||||
// Submit the form when all fields are valid
|
||||
defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
|
||||
// Bootstrap Framework Integration
|
||||
bootstrap: new FormValidation.plugins.Bootstrap({
|
||||
eleInvalidClass: '',
|
||||
eleValidClass: '',
|
||||
})
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
_initWidgets();
|
||||
_initValidation();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTFormWidgetsValidation.init();
|
||||
});
|
||||
1
public/js/pages/crud/forms/validation/form-widgets.min.js
vendored
Normal file
1
public/js/pages/crud/forms/validation/form-widgets.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTFormWidgetsValidation=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>'}}).on("changeDate",function(t){e.revalidateField("date")}),$("#kt_datetimepicker").datetimepicker({pickerPosition:"bottom-left",todayHighlight:!0,autoclose:!0,format:"yyyy.mm.dd hh:ii"}),$("#kt_datetimepicker").change(function(){e.revalidateField("datetime")}),$("#kt_timepicker").timepicker({minuteStep:1,showSeconds:!0,showMeridian:!0}),$("#kt_timepicker").change(function(){e.revalidateField("time")}),$("#kt_daterangepicker").daterangepicker({buttonClasses:" btn",applyClass:"btn-primary",cancelClass:"btn-light-primary"},function(t,a,i){$("#kt_daterangepicker").find(".form-control").val(t.format("YYYY/MM/DD")+" / "+a.format("YYYY/MM/DD")),e.revalidateField("daterangepicker")}),$("[data-switch=true]").bootstrapSwitch(),$("[data-switch=true]").on("switchChange.bootstrapSwitch",function(){e.revalidateField("switch")}),$("#kt_bootstrap_select").selectpicker(),$("#kt_bootstrap_select").on("changed.bs.select",function(){e.revalidateField("select")}),$("#kt_select2").select2({placeholder:"Select a state"}),$("#kt_select2").on("change",function(){e.revalidateField("select2")});var t=new Bloodhound({datumTokenizer:Bloodhound.tokenizers.whitespace,queryTokenizer:Bloodhound.tokenizers.whitespace,prefetch:HOST_URL+"/api/?file=typeahead/countries.json"});$("#kt_typeahead").typeahead(null,{name:"countries",source:t}),$("#kt_typeahead").bind("typeahead:select",function(t,a){e.revalidateField("typeahead")})}(),e=FormValidation.formValidation(document.getElementById("kt_form"),{fields:{date:{validators:{notEmpty:{message:"Date is required"}}},daterangepicker:{validators:{notEmpty:{message:"Daterange is required"}}},datetime:{validators:{notEmpty:{message:"Datetime is required"}}},time:{validators:{notEmpty:{message:"Time is required"}}},select:{validators:{notEmpty:{message:"Select is required"}}},select2:{validators:{notEmpty:{message:"Select2 is required"}}},typeahead:{validators:{notEmpty:{message:"Typeahead is required"}}},switch:{validators:{notEmpty:{message:"Typeahead is required"}}},markdown:{validators:{notEmpty:{message:"Typeahead is required"}}}},plugins:{trigger:new FormValidation.plugins.Trigger,submitButton:new FormValidation.plugins.SubmitButton,defaultSubmit:new FormValidation.plugins.DefaultSubmit,bootstrap:new FormValidation.plugins.Bootstrap({eleInvalidClass:"",eleValidClass:""})}})}}}();jQuery(document).ready(function(){KTFormWidgetsValidation.init()});
|
||||
27
public/js/pages/crud/forms/widgets/autosize.js
vendored
Normal file
27
public/js/pages/crud/forms/widgets/autosize.js
vendored
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/js/pages/crud/forms/widgets/autosize.min.js
vendored
Normal file
1
public/js/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/js/pages/crud/forms/widgets/bootstrap-datepicker.js
vendored
Normal file
124
public/js/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/js/pages/crud/forms/widgets/bootstrap-datepicker.min.js
vendored
Normal file
1
public/js/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/js/pages/crud/forms/widgets/bootstrap-daterangepicker.js
vendored
Normal file
143
public/js/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/js/pages/crud/forms/widgets/bootstrap-daterangepicker.min.js
vendored
Normal file
1
public/js/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/js/pages/crud/forms/widgets/bootstrap-datetimepicker.js
vendored
Normal file
120
public/js/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/js/pages/crud/forms/widgets/bootstrap-datetimepicker.min.js
vendored
Normal file
1
public/js/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()});
|
||||
128
public/js/pages/crud/forms/widgets/bootstrap-maxlength.js
vendored
Normal file
128
public/js/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: "label label-warning label-rounded label-inline",
|
||||
limitReachedClass: "label label-success label-rounded label-inline"
|
||||
});
|
||||
|
||||
// threshold value
|
||||
$('#kt_maxlength_2').maxlength({
|
||||
threshold: 5,
|
||||
warningClass: "label label-warning label-rounded label-inline",
|
||||
limitReachedClass: "label label-success label-rounded label-inline"
|
||||
});
|
||||
|
||||
// always show
|
||||
$('#kt_maxlength_3').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
warningClass: "label label-danger label-rounded label-inline",
|
||||
limitReachedClass: "label label-primary label-rounded label-inline"
|
||||
});
|
||||
|
||||
// custom text
|
||||
$('#kt_maxlength_4').maxlength({
|
||||
threshold: 3,
|
||||
warningClass: "label label-danger label-rounded label-inline",
|
||||
limitReachedClass: "label label-success label-rounded label-inline",
|
||||
separator: ' of ',
|
||||
preText: 'You have ',
|
||||
postText: ' chars remaining.',
|
||||
validate: true
|
||||
});
|
||||
|
||||
// textarea example
|
||||
$('#kt_maxlength_5').maxlength({
|
||||
threshold: 5,
|
||||
warningClass: "label label-danger label-rounded label-inline",
|
||||
limitReachedClass: "label label-primary label-rounded label-inline"
|
||||
});
|
||||
|
||||
// position examples
|
||||
$('#kt_maxlength_6_1').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
placement: 'top-left',
|
||||
warningClass: "label label-danger label-rounded label-inline",
|
||||
limitReachedClass: "label label-primary label-rounded label-inline"
|
||||
});
|
||||
|
||||
$('#kt_maxlength_6_2').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
placement: 'top-right',
|
||||
warningClass: "label label-success label-rounded label-inline",
|
||||
limitReachedClass: "label label-primary label-rounded label-inline"
|
||||
});
|
||||
|
||||
$('#kt_maxlength_6_3').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
placement: 'bottom-left',
|
||||
warningClass: "label label-warning label-rounded label-inline",
|
||||
limitReachedClass: "label label-primary label-rounded label-inline"
|
||||
});
|
||||
|
||||
$('#kt_maxlength_6_4').maxlength({
|
||||
alwaysShow: true,
|
||||
threshold: 5,
|
||||
placement: 'bottom-right',
|
||||
warningClass: "label label-danger label-rounded label-inline",
|
||||
limitReachedClass: "label label-primary label-rounded label-inline"
|
||||
});
|
||||
|
||||
// Modal Examples
|
||||
|
||||
// minimum setup
|
||||
$('#kt_maxlength_1_modal').maxlength({
|
||||
warningClass: "label label-warning label-rounded label-inline",
|
||||
limitReachedClass: "label label-success label-rounded label-inline",
|
||||
appendToParent: true
|
||||
});
|
||||
|
||||
// threshold value
|
||||
$('#kt_maxlength_2_modal').maxlength({
|
||||
threshold: 5,
|
||||
warningClass: "label label-danger label-rounded label-inline",
|
||||
limitReachedClass: "label label-success label-rounded label-inline",
|
||||
appendToParent: true
|
||||
});
|
||||
|
||||
// always show
|
||||
// textarea example
|
||||
$('#kt_maxlength_5_modal').maxlength({
|
||||
threshold: 5,
|
||||
warningClass: "label label-danger label-rounded label-inline",
|
||||
limitReachedClass: "label label-primary label-rounded label-inline",
|
||||
appendToParent: true
|
||||
});
|
||||
|
||||
// custom text
|
||||
$('#kt_maxlength_4_modal').maxlength({
|
||||
threshold: 3,
|
||||
warningClass: "label label-danger label-rounded label-inline",
|
||||
limitReachedClass: "label label-success label-rounded label-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/js/pages/crud/forms/widgets/bootstrap-maxlength.min.js
vendored
Normal file
1
public/js/pages/crud/forms/widgets/bootstrap-maxlength.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var KTBootstrapMaxlength={init:function(){$("#kt_maxlength_1").maxlength({warningClass:"label label-warning label-rounded label-inline",limitReachedClass:"label label-success label-rounded label-inline"}),$("#kt_maxlength_2").maxlength({threshold:5,warningClass:"label label-warning label-rounded label-inline",limitReachedClass:"label label-success label-rounded label-inline"}),$("#kt_maxlength_3").maxlength({alwaysShow:!0,threshold:5,warningClass:"label label-danger label-rounded label-inline",limitReachedClass:"label label-primary label-rounded label-inline"}),$("#kt_maxlength_4").maxlength({threshold:3,warningClass:"label label-danger label-rounded label-inline",limitReachedClass:"label label-success label-rounded label-inline",separator:" of ",preText:"You have ",postText:" chars remaining.",validate:!0}),$("#kt_maxlength_5").maxlength({threshold:5,warningClass:"label label-danger label-rounded label-inline",limitReachedClass:"label label-primary label-rounded label-inline"}),$("#kt_maxlength_6_1").maxlength({alwaysShow:!0,threshold:5,placement:"top-left",warningClass:"label label-danger label-rounded label-inline",limitReachedClass:"label label-primary label-rounded label-inline"}),$("#kt_maxlength_6_2").maxlength({alwaysShow:!0,threshold:5,placement:"top-right",warningClass:"label label-success label-rounded label-inline",limitReachedClass:"label label-primary label-rounded label-inline"}),$("#kt_maxlength_6_3").maxlength({alwaysShow:!0,threshold:5,placement:"bottom-left",warningClass:"label label-warning label-rounded label-inline",limitReachedClass:"label label-primary label-rounded label-inline"}),$("#kt_maxlength_6_4").maxlength({alwaysShow:!0,threshold:5,placement:"bottom-right",warningClass:"label label-danger label-rounded label-inline",limitReachedClass:"label label-primary label-rounded label-inline"}),$("#kt_maxlength_1_modal").maxlength({warningClass:"label label-warning label-rounded label-inline",limitReachedClass:"label label-success label-rounded label-inline",appendToParent:!0}),$("#kt_maxlength_2_modal").maxlength({threshold:5,warningClass:"label label-danger label-rounded label-inline",limitReachedClass:"label label-success label-rounded label-inline",appendToParent:!0}),$("#kt_maxlength_5_modal").maxlength({threshold:5,warningClass:"label label-danger label-rounded label-inline",limitReachedClass:"label label-primary label-rounded label-inline",appendToParent:!0}),$("#kt_maxlength_4_modal").maxlength({threshold:3,warningClass:"label label-danger label-rounded label-inline",limitReachedClass:"label label-success label-rounded label-inline",appendToParent:!0,separator:" of ",preText:"You have ",postText:" chars remaining.",validate:!0})}};jQuery(document).ready(function(){KTBootstrapMaxlength.init()});
|
||||
21
public/js/pages/crud/forms/widgets/bootstrap-multipleselectsplitter.js
vendored
Normal file
21
public/js/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/js/pages/crud/forms/widgets/bootstrap-multipleselectsplitter.min.js
vendored
Normal file
1
public/js/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/js/pages/crud/forms/widgets/bootstrap-select.js
vendored
Normal file
21
public/js/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/js/pages/crud/forms/widgets/bootstrap-select.min.js
vendored
Normal file
1
public/js/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/js/pages/crud/forms/widgets/bootstrap-switch.js
vendored
Normal file
21
public/js/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/js/pages/crud/forms/widgets/bootstrap-switch.min.js
vendored
Normal file
1
public/js/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/js/pages/crud/forms/widgets/bootstrap-timepicker.js
vendored
Normal file
55
public/js/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/js/pages/crud/forms/widgets/bootstrap-timepicker.min.js
vendored
Normal file
1
public/js/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()});
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user