first initial
This commit is contained in:
@@ -0,0 +1,101 @@
|
||||
'use strict';
|
||||
var KTDatatablesDataSourceAjaxClient = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
ajax: {
|
||||
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php',
|
||||
type: 'POST',
|
||||
data: {
|
||||
pagination: {
|
||||
perpage: 50,
|
||||
},
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{data: 'CompanyName'},
|
||||
{data: 'ShipDate'},
|
||||
{data: 'Status'},
|
||||
{data: 'Type'},
|
||||
{data: 'Actions', responsivePriority: -1},
|
||||
],
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -3,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -2,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesDataSourceAjaxClient.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-client-side.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-client-side.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceAjaxClient={init:function(){$("#kt_table_1").DataTable({responsive:!0,ajax:{url:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php",type:"POST",data:{pagination:{perpage:50}}},columns:[{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{data:"CompanyName"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:-3,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:-2,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceAjaxClient.init()});
|
||||
@@ -0,0 +1,96 @@
|
||||
"use strict";
|
||||
var KTDatatablesDataSourceAjaxServer = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
searchDelay: 500,
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php',
|
||||
columns: [
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{data: 'CompanyName'},
|
||||
{data: 'ShipDate'},
|
||||
{data: 'Status'},
|
||||
{data: 'Type'},
|
||||
{data: 'Actions', responsivePriority: -1},
|
||||
],
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -3,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -2,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesDataSourceAjaxServer.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-server-side.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-server-side.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceAjaxServer={init:function(){$("#kt_table_1").DataTable({responsive:!0,searchDelay:500,processing:!0,serverSide:!0,ajax:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php",columns:[{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{data:"CompanyName"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:-3,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:-2,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceAjaxServer.init()});
|
||||
@@ -0,0 +1,83 @@
|
||||
"use strict";
|
||||
var KTDatatablesDataSourceHtml = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesDataSourceHtml.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/html.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/html.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceHtml={init:function(){$("#kt_table_1").DataTable({responsive:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceHtml.init()});
|
||||
File diff suppressed because one or more lines are too long
1
public/assets/js/demo1/pages/crud/datatables/data-sources/javascript.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/javascript.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user