arifal/CKB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first initial

Browse Source
This commit is contained in:
arifal
2025-05-27 19:09:17 +07:00
commit 80375d8af3
1587 changed files with 572586 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
public/assets/js/demo1/pages/crud/datatables/search-options/advanced-search.js Normal file
View File

@@ -0,0 +1,209 @@
"use strict";
var KTDatatablesSearchOptionsAdvancedSearch = function() {
$.fn.dataTable.Api.register('column().title()', function() {
return $(this.header()).text().trim();
});
var initTable1 = function() {
// begin first table
var table = $('#kt_table_1').DataTable({
responsive: true,
// Pagination settings
dom: `<'row'<'col-sm-12'tr>>
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
// read more: https://datatables.net/examples/basic_init/dom.html
lengthMenu: [5, 10, 25, 50],
pageLength: 10,
language: {
'lengthMenu': 'Display _MENU_',
},
searchDelay: 500,
processing: true,
serverSide: true,
ajax: {
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php',
type: 'POST',
data: {
// parameters for custom backend script demo
columnsDef: [
'RecordID', 'OrderID', 'Country', 'ShipCity', 'CompanyAgent',
'ShipDate', 'Status', 'Type', 'Actions',],
},
},
columns: [
{data: 'RecordID'},
{data: 'OrderID'},
{data: 'Country'},
{data: 'ShipCity'},
{data: 'CompanyAgent'},
{data: 'ShipDate'},
{data: 'Status'},
{data: 'Type'},
{data: 'Actions', responsivePriority: -1},
],
initComplete: function() {
this.api().columns().every(function() {
var column = this;
switch (column.title()) {
case 'Country':
column.data().unique().sort().each(function(d, j) {
$('.kt-input[data-col-index="2"]').append('<option value="' + d + '">' + d + '</option>');
});
break;
case 'Status':
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
column.data().unique().sort().each(function(d, j) {
$('.kt-input[data-col-index="6"]').append('<option value="' + d + '">' + status[d].title + '</option>');
});
break;
case 'Type':
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
column.data().unique().sort().each(function(d, j) {
$('.kt-input[data-col-index="7"]').append('<option value="' + d + '">' + status[d].title + '</option>');
});
break;
}
});
},
columnDefs: [
{
targets: -1,
title: 'Actions',
orderable: false,
render: function(data, type, full, meta) {
return `
<span class="dropdown">
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
<i class="la la-ellipsis-h"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
</div>
</span>
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
<i class="la la-edit"></i>
</a>`;
},
},
{
targets: 6,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 7,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
var filter = function() {
var val = $.fn.dataTable.util.escapeRegex($(this).val());
table.column($(this).data('col-index')).search(val ? val : '', false, false).draw();
};
var asdasd = function(value, index) {
var val = $.fn.dataTable.util.escapeRegex(value);
table.column(index).search(val ? val : '', false, true);
};
$('#kt_search').on('click', function(e) {
e.preventDefault();
var params = {};
$('.kt-input').each(function() {
var i = $(this).data('col-index');
if (params[i]) {
params[i] += '|' + $(this).val();
}
else {
params[i] = $(this).val();
}
});
$.each(params, function(i, val) {
// apply search params to datatable
table.column(i).search(val ? val : '', false, false);
});
table.table().draw();
});
$('#kt_reset').on('click', function(e) {
e.preventDefault();
$('.kt-input').each(function() {
$(this).val('');
table.column($(this).data('col-index')).search('', false, false);
});
table.table().draw();
});
$('#kt_datepicker').datepicker({
todayHighlight: true,
templates: {
leftArrow: '<i class="la la-angle-left"></i>',
rightArrow: '<i class="la la-angle-right"></i>',
},
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesSearchOptionsAdvancedSearch.init();
});

1
public/assets/js/demo1/pages/crud/datatables/search-options/advanced-search.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTDatatablesSearchOptionsAdvancedSearch=function(){$.fn.dataTable.Api.register("column().title()",function(){return $(this.header()).text().trim()});return{init:function(){var t;t=$("#kt_table_1").DataTable({responsive:!0,dom:"<'row'<'col-sm-12'tr>>\n\t\t\t<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>",lengthMenu:[5,10,25,50],pageLength:10,language:{lengthMenu:"Display _MENU_"},searchDelay:500,processing:!0,serverSide:!0,ajax:{url:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php",type:"POST",data:{columnsDef:["RecordID","OrderID","Country","ShipCity","CompanyAgent","ShipDate","Status","Type","Actions"]}},columns:[{data:"RecordID"},{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{data:"CompanyAgent"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],initComplete:function(){this.api().columns().every(function(){switch(this.title()){case"Country":this.data().unique().sort().each(function(t,a){$('.kt-input[data-col-index="2"]').append('<option value="'+t+'">'+t+"</option>")});break;case"Status":var t={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};this.data().unique().sort().each(function(a,e){$('.kt-input[data-col-index="6"]').append('<option value="'+a+'">'+t[a].title+"</option>")});break;case"Type":t={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}},this.data().unique().sort().each(function(a,e){$('.kt-input[data-col-index="7"]').append('<option value="'+a+'">'+t[a].title+"</option>")})}})},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:6,render:function(t,a,e,n){var i={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===i[t]?t:'<span class="kt-badge '+i[t].class+' kt-badge--inline kt-badge--pill">'+i[t].title+"</span>"}},{targets:7,render:function(t,a,e,n){var i={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===i[t]?t:'<span class="kt-badge kt-badge--'+i[t].state+' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-'+i[t].state+'">'+i[t].title+"</span>"}}]}),$("#kt_search").on("click",function(a){a.preventDefault();var e={};$(".kt-input").each(function(){var t=$(this).data("col-index");e[t]?e[t]+="|"+$(this).val():e[t]=$(this).val()}),$.each(e,function(a,e){t.column(a).search(e||"",!1,!1)}),t.table().draw()}),$("#kt_reset").on("click",function(a){a.preventDefault(),$(".kt-input").each(function(){$(this).val(""),t.column($(this).data("col-index")).search("",!1,!1)}),t.table().draw()}),$("#kt_datepicker").datepicker({todayHighlight:!0,templates:{leftArrow:'<i class="la la-angle-left"></i>',rightArrow:'<i class="la la-angle-right"></i>'}})}}}();jQuery(document).ready(function(){KTDatatablesSearchOptionsAdvancedSearch.init()});

271
public/assets/js/demo1/pages/crud/datatables/search-options/column-search.js Normal file
View File

@@ -0,0 +1,271 @@
"use strict";
var KTDatatablesSearchOptionsColumnSearch = function() {
$.fn.dataTable.Api.register('column().title()', function() {
return $(this.header()).text().trim();
});
var initTable1 = function() {
// begin first table
var table = $('#kt_table_1').DataTable({
responsive: true,
// Pagination settings
dom: `<'row'<'col-sm-12'tr>>
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
// read more: https://datatables.net/examples/basic_init/dom.html
lengthMenu: [5, 10, 25, 50],
pageLength: 10,
language: {
'lengthMenu': 'Display _MENU_',
},
searchDelay: 500,
processing: true,
serverSide: true,
ajax: {
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php',
type: 'POST',
data: {
// parameters for custom backend script demo
columnsDef: [
'RecordID', 'OrderID', 'Country', 'ShipCity', 'CompanyAgent',
'ShipDate', 'Status', 'Type', 'Actions',],
},
},
columns: [
{data: 'RecordID'},
{data: 'OrderID'},
{data: 'Country'},
{data: 'ShipCity'},
{data: 'CompanyAgent'},
{data: 'ShipDate'},
{data: 'Status'},
{data: 'Type'},
{data: 'Actions', responsivePriority: -1},
],
initComplete: function() {
var thisTable = this;
var rowFilter = $('<tr class="filter"></tr>').appendTo($(table.table().header()));
this.api().columns().every(function() {
var column = this;
var input;
switch (column.title()) {
case 'Record ID':
case 'Order ID':
case 'Ship City':
case 'Company Agent':
input = $(`<input type="text" class="form-control form-control-sm form-filter kt-input" data-col-index="` + column.index() + `"/>`);
break;
case 'Country':
input = $(`<select class="form-control form-control-sm form-filter kt-input" title="Select" data-col-index="` + column.index() + `">
<option value="">Select</option></select>`);
column.data().unique().sort().each(function(d, j) {
$(input).append('<option value="' + d + '">' + d + '</option>');
});
break;
case 'Status':
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
input = $(`<select class="form-control form-control-sm form-filter kt-input" title="Select" data-col-index="` + column.index() + `">
<option value="">Select</option></select>`);
column.data().unique().sort().each(function(d, j) {
$(input).append('<option value="' + d + '">' + status[d].title + '</option>');
});
break;
case 'Type':
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
input = $(`<select class="form-control form-control-sm form-filter kt-input" title="Select" data-col-index="` + column.index() + `">
<option value="">Select</option></select>`);
column.data().unique().sort().each(function(d, j) {
$(input).append('<option value="' + d + '">' + status[d].title + '</option>');
});
break;
case 'Ship Date':
input = $(`
<div class="input-group date">
<input type="text" class="form-control form-control-sm kt-input" readonly placeholder="From" id="kt_datepicker_1"
data-col-index="` + column.index() + `"/>
<div class="input-group-append">
<span class="input-group-text"><i class="la la-calendar-o glyphicon-th"></i></span>
</div>
</div>
<div class="input-group date">
<input type="text" class="form-control form-control-sm kt-input" readonly placeholder="To" id="kt_datepicker_2"
data-col-index="` + column.index() + `"/>
<div class="input-group-append">
<span class="input-group-text"><i class="la la-calendar-o glyphicon-th"></i></span>
</div>
</div>`);
break;
case 'Actions':
var search = $(`<button class="btn btn-brand kt-btn btn-sm kt-btn--icon">
<span>
<i class="la la-search"></i>
<span>Search</span>
</span>
</button>`);
var reset = $(`<button class="btn btn-secondary kt-btn btn-sm kt-btn--icon">
<span>
<i class="la la-close"></i>
<span>Reset</span>
</span>
</button>`);
$('<th>').append(search).append(reset).appendTo(rowFilter);
$(search).on('click', function(e) {
e.preventDefault();
var params = {};
$(rowFilter).find('.kt-input').each(function() {
var i = $(this).data('col-index');
if (params[i]) {
params[i] += '|' + $(this).val();
}
else {
params[i] = $(this).val();
}
});
$.each(params, function(i, val) {
// apply search params to datatable
table.column(i).search(val ? val : '', false, false);
});
table.table().draw();
});
$(reset).on('click', function(e) {
e.preventDefault();
$(rowFilter).find('.kt-input').each(function(i) {
$(this).val('');
table.column($(this).data('col-index')).search('', false, false);
});
table.table().draw();
});
break;
}
if (column.title() !== 'Actions') {
$(input).appendTo($('<th>').appendTo(rowFilter));
}
});
// hide search column for responsive table
var hideSearchColumnResponsive = function () {
thisTable.api().columns().every(function () {
var column = this
if(column.responsiveHidden()) {
$(rowFilter).find('th').eq(column.index()).show();
} else {
$(rowFilter).find('th').eq(column.index()).hide();
}
})
};
// init on datatable load
hideSearchColumnResponsive();
// recheck on window resize
window.onresize = hideSearchColumnResponsive;
$('#kt_datepicker_1,#kt_datepicker_2').datepicker();
},
columnDefs: [
{
targets: -1,
title: 'Actions',
orderable: false,
render: function(data, type, full, meta) {
return `
<span class="dropdown">
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
<i class="la la-ellipsis-h"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
</div>
</span>
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
<i class="la la-edit"></i>
</a>`;
},
},
{
targets: 5,
width: '150px',
},
{
targets: 6,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
4: {'title': 'Success', 'class': ' kt-badge--success'},
5: {'title': 'Info', 'class': ' kt-badge--info'},
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
},
},
{
targets: 7,
render: function(data, type, full, meta) {
var status = {
1: {'title': 'Online', 'state': 'danger'},
2: {'title': 'Retail', 'state': 'primary'},
3: {'title': 'Direct', 'state': 'success'},
};
if (typeof status[data] === 'undefined') {
return data;
}
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span>&nbsp;' +
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
},
},
],
});
};
return {
//main function to initiate the module
init: function() {
initTable1();
},
};
}();
jQuery(document).ready(function() {
KTDatatablesSearchOptionsColumnSearch.init();
});

1
public/assets/js/demo1/pages/crud/datatables/search-options/column-search.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long