"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 '\
\
\
\
\
\
\
\
\
\
\
\
';
},
},
{
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 '' + status[data].title + '';
},
},
{
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 '' +
'' + status[data].title + '';
},
},
],
});
};
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 = '' + status[data[18]].title + '';
row.getElementsByTagName('td')[18].innerHTML = badge;
status = {
1: {
'title': 'Online',
'state': 'danger'
},
2: {
'title': 'Retail',
'state': 'primary'
},
3: {
'title': 'Direct',
'state': 'success'
},
};
badge = '' +
'' + status[data[19]].title + '';
row.getElementsByTagName('td')[19].innerHTML = badge;
},
columnDefs: [{
targets: -1,
title: 'Actions',
orderable: false,
width: '125px',
render: function(data, type, full, meta) {
return '\
\
\
\
\
\
\
\
\
\
\
\
';
},
},
{
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 '' + status[data].title + '';
},
},
{
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 '' +
'' + status[data].title + '';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
initTable2();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesBasicScrollable.init();
});