Add project files.
This commit is contained in:
119
assets/js/pages/crud/ktdatatable/base/html-table.js
Normal file
119
assets/js/pages/crud/ktdatatable/base/html-table.js
Normal file
@ -0,0 +1,119 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTDatatableHtmlTableDemo = function() {
|
||||
// Private functions
|
||||
|
||||
// demo initializer
|
||||
var demo = function() {
|
||||
|
||||
var datatable = $('#kt_datatable').KTDatatable({
|
||||
data: {
|
||||
saveState: {cookie: false},
|
||||
},
|
||||
search: {
|
||||
input: $('#kt_datatable_search_query'),
|
||||
key: 'generalSearch'
|
||||
},
|
||||
layout: {
|
||||
class: 'datatable-bordered'
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
field: 'DepositPaid',
|
||||
type: 'number',
|
||||
},
|
||||
{
|
||||
field: 'OrderDate',
|
||||
type: 'date',
|
||||
format: 'YYYY-MM-DD',
|
||||
}, {
|
||||
field: 'Status',
|
||||
title: 'Status',
|
||||
autoHide: false,
|
||||
// callback function support for column rendering
|
||||
template: function(row) {
|
||||
var status = {
|
||||
1: {
|
||||
'title': 'Pending',
|
||||
'class': ' label-light-warning'
|
||||
},
|
||||
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 '<span class="label font-weight-bold label-lg' + status[row.Status].class + ' label-inline">' + status[row.Status].title + '</span>';
|
||||
},
|
||||
}, {
|
||||
field: 'Type',
|
||||
title: 'Type',
|
||||
autoHide: false,
|
||||
// callback function support for column rendering
|
||||
template: function(row) {
|
||||
var status = {
|
||||
1: {
|
||||
'title': 'Online',
|
||||
'state': 'danger'
|
||||
},
|
||||
2: {
|
||||
'title': 'Retail',
|
||||
'state': 'primary'
|
||||
},
|
||||
3: {
|
||||
'title': 'Direct',
|
||||
'state': 'success'
|
||||
},
|
||||
};
|
||||
return '<span class="label label-' + status[row.Type].state + ' label-dot mr-2"></span><span class="font-weight-bold text-' +status[row.Type].state + '">' + status[row.Type].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 {
|
||||
// Public functions
|
||||
init: function() {
|
||||
// init dmeo
|
||||
demo();
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatableHtmlTableDemo.init();
|
||||
});
|
||||
Reference in New Issue
Block a user