Server IP : 173.249.157.85 / Your IP : 216.73.216.232 Web Server : Apache System : Linux server.frogzhost.com 3.10.0-1127.19.1.el7.x86_64 #1 SMP Tue Aug 25 17:23:54 UTC 2020 x86_64 User : econtech ( 1005) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/econtech/www/public/back/assets/js/demo5/pages/crud/datatables/advanced/ |
Upload File : |
"use strict"; var KTDatatablesAdvancedColumnRendering = function() { var initTable1 = function() { var table = $('#kt_table_1'); // 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="kt-user-card-v2"> <div class="kt-user-card-v2__pic"> <img src="https://keenthemes.com/metronic/preview/assets/media/users/` + user_img + `" class="m-img-rounded kt-marginless" alt="photo"> </div> <div class="kt-user-card-v2__details"> <span class="kt-user-card-v2__name">` + full[2] + `</span> <a href="#" class="kt-user-card-v2__email kt-link">` + full[3] + `</a> </div> </div>`; } else { var stateNo = KTUtil.getRandomInt(0, 7); var states = [ 'success', 'brand', 'danger', 'success', 'warning', 'dark', 'primary', 'info']; var state = states[stateNo]; output = ` <div class="kt-user-card-v2"> <div class="kt-user-card-v2__pic"> <div class="kt-badge kt-badge--xl kt-badge--` + state + `"><span>` + full[2].substring(0, 1) + `</div> </div> <div class="kt-user-card-v2__details"> <span class="kt-user-card-v2__name">` + full[2] + `</span> <a href="#" class="kt-user-card-v2__email kt-link">` + full[3] + `</a> </div> </div>`; } return output; }, }, { targets: 1, render: function(data, type, full, meta) { return '<a class="kt-link" href="mailto:' + data + '">' + data + '</a>'; }, }, { 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: 4, 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: 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="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() { KTDatatablesAdvancedColumnRendering.init(); });