{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///../demo7/src/js/pages/crud/ktdatatable/child/data-ajax.js"],"names":[],"mappings":";QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFa;AACb;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN,KAAK;AACL;AACA;AACA;AACA;AACA,IAAI;;AAEJ;AACA;AACA;AACA;AACA,IAAI;;AAEJ;AACA;;AAEA;;AAEA;AACA;AACA;AACA,IAAI;;AAEJ;AACA;AACA;AACA,IAAI;;AAEJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,kBAAkB,UAAU;AAC5B;AACA;AACA;AACA,gBAAgB,4BAA4B;AAC5C,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,WAAW,mDAAmD;AAC9D,WAAW,qDAAqD;AAChE,WAAW,qDAAqD;AAChE,WAAW,oDAAoD;AAC/D,WAAW,8CAA8C;AACzD,WAAW,kDAAkD;AAC7D,WAAW,oDAAoD;AAC/D;AACA;AACA,MAAM;AACN,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,qCAAqC;AAChD,WAAW,sCAAsC;AACjD,WAAW,sCAAsC;AACjD;AACA;AACA;AACA;AACA,MAAM;AACN,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN,KAAK;AACL,GAAG;;AAEH;AACA;AACA,GAAG;;AAEH;AACA;AACA,GAAG;;AAEH;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,QAAQ;AACR,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,MAAM;AACN,KAAK;;AAEL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,MAAM;AACN;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,YAAY,mDAAmD;AAC/D,YAAY,qDAAqD;AACjE,YAAY,qDAAqD;AACjE,YAAY,oDAAoD;AAChE,YAAY,8CAA8C;AAC1D,YAAY,kDAAkD;AAC9D,YAAY,oDAAoD;AAChE;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,qCAAqC;AACjD,YAAY,sCAAsC;AAClD,YAAY,sCAAsC;AAClD;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN,IAAI;AACJ;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,CAAC;;AAED;AACA;AACA,CAAC","file":"js/pages/crud/ktdatatable/child/data-ajax.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"../demo7/src/js/pages/crud/ktdatatable/child/data-ajax.js\");\n","'use strict';\r\n// Class definition\r\n\r\nvar KTDatatableChildRemoteDataDemo = function() {\r\n\t// Private functions\r\n\r\n\t// demo initializer\r\n\tvar demo = function() {\r\n\r\n\t\tvar datatable = $('#kt_datatable').KTDatatable({\r\n\t\t\t// datasource definition\r\n\t\t\tdata: {\r\n\t\t\t\ttype: 'remote',\r\n\t\t\t\tsource: {\r\n\t\t\t\t\tread: {\r\n\t\t\t\t\t\turl: HOST_URL + '/api/datatables/demos/customers.php',\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\tpageSize: 10, // display 20 records per page\r\n\t\t\t\tserverPaging: true,\r\n\t\t\t\tserverFiltering: false,\r\n\t\t\t\tserverSorting: true,\r\n\t\t\t},\r\n\r\n\t\t\t// layout definition\r\n\t\t\tlayout: {\r\n\t\t\t\tscroll: false,\r\n\t\t\t\tfooter: false,\r\n\t\t\t},\r\n\r\n\t\t\t// column sorting\r\n\t\t\tsortable: true,\r\n\r\n\t\t\tpagination: true,\r\n\r\n\t\t\tdetail: {\r\n\t\t\t\ttitle: 'Load sub table',\r\n\t\t\t\tcontent: subTableInit,\r\n\t\t\t},\r\n\r\n\t\t\tsearch: {\r\n\t\t\t\tinput: $('#kt_datatable_search_query'),\r\n\t\t\t\tkey: 'generalSearch'\r\n\t\t\t},\r\n\r\n\t\t\t// columns definition\r\n\t\t\tcolumns: [\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: 'RecordID',\r\n\t\t\t\t\ttitle: '',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\twidth: 30,\r\n\t\t\t\t\ttextAlign: 'center',\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'checkbox',\r\n\t\t\t\t\ttitle: '',\r\n\t\t\t\t\ttemplate: '{{RecordID}}',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\twidth: 20,\r\n\t\t\t\t\ttextAlign: 'center',\r\n\t\t\t\t\tselector: {class: 'kt-checkbox--solid'},\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'FirstName',\r\n\t\t\t\t\ttitle: 'First Name',\r\n\t\t\t\t\tsortable: 'asc',\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'LastName',\r\n\t\t\t\t\ttitle: 'Last Name',\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'Company',\r\n\t\t\t\t\ttitle: 'Company',\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'Email',\r\n\t\t\t\t\ttitle: 'Email',\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'Address',\r\n\t\t\t\t\ttitle: 'Address',\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'Status',\r\n\t\t\t\t\ttitle: 'Status',\r\n\t\t\t\t\t// callback function support for column rendering\r\n\t\t\t\t\ttemplate: function(row) {\r\n\t\t\t\t\t\tvar status = {\r\n\t\t\t\t\t\t\t1: {'title': 'Pending', 'class': 'label-light-primary'},\r\n\t\t\t\t\t\t\t2: {'title': 'Delivered', 'class': ' label-light-danger'},\r\n\t\t\t\t\t\t\t3: {'title': 'Canceled', 'class': ' label-light-primary'},\r\n\t\t\t\t\t\t\t4: {'title': 'Success', 'class': ' label-light-success'},\r\n\t\t\t\t\t\t\t5: {'title': 'Info', 'class': ' label-light-info'},\r\n\t\t\t\t\t\t\t6: {'title': 'Danger', 'class': ' label-light-danger'},\r\n\t\t\t\t\t\t\t7: {'title': 'Warning', 'class': ' label-light-warning'},\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\treturn '<span class=\"label ' + status[row.Status].class + ' label-inline font-weight-bold label-lg\">' + status[row.Status].title + '</span>';\r\n\t\t\t\t\t},\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'Type',\r\n\t\t\t\t\ttitle: 'Type',\r\n\t\t\t\t\tautoHide: false,\r\n\t\t\t\t\t// callback function support for column rendering\r\n\t\t\t\t\ttemplate: function(row) {\r\n\t\t\t\t\t\tvar status = {\r\n\t\t\t\t\t\t\t1: {'title': 'Online', 'state': 'danger'},\r\n\t\t\t\t\t\t\t2: {'title': 'Retail', 'state': 'primary'},\r\n\t\t\t\t\t\t\t3: {'title': 'Direct', 'state': 'success'},\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\treturn '<span class=\"label label-' + status[row.Type].state + ' label-dot mr-2\"></span><span class=\"font-weight-bold text-' + status[row.Type].state +\r\n\t\t\t\t\t\t\t'\">' +\r\n\t\t\t\t\t\t\tstatus[row.Type].title + '</span>';\r\n\t\t\t\t\t},\r\n\t\t\t\t}, {\r\n\t\t\t\t\tfield: 'Actions',\r\n\t\t\t\t\twidth: 125,\r\n\t\t\t\t\ttitle: 'Actions',\r\n\t\t\t\t\tsortable: false,\r\n\t\t\t\t\toverflow: 'visible',\r\n\t\t\t\t\tautoHide: false,\r\n\t\t\t\t\ttemplate: function() {\r\n\t\t\t\t\t\treturn '\\\r\n\t                        <div class=\"dropdown dropdown-inline\">\\\r\n\t                            <a href=\"javascript:;\" class=\"btn btn-sm btn-clean btn-icon mr-2\" data-toggle=\"dropdown\">\\\r\n\t                                <span class=\"svg-icon svg-icon-md\">\\\r\n\t                                    <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\">\\\r\n\t                                        <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\\\r\n\t                                            <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"/>\\\r\n\t                                            <path d=\"M5,8.6862915 L5,5 L8.6862915,5 L11.5857864,2.10050506 L14.4852814,5 L19,5 L19,9.51471863 L21.4852814,12 L19,14.4852814 L19,19 L14.4852814,19 L11.5857864,21.8994949 L8.6862915,19 L5,19 L5,15.3137085 L1.6862915,12 L5,8.6862915 Z M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z\" fill=\"#000000\"/>\\\r\n\t                                        </g>\\\r\n\t                                    </svg>\\\r\n\t                                </span>\\\r\n\t                            </a>\\\r\n\t                            <div class=\"dropdown-menu dropdown-menu-sm dropdown-menu-right\">\\\r\n\t                                <ul class=\"navi flex-column navi-hover py-2\">\\\r\n\t                                    <li class=\"navi-header font-weight-bolder text-uppercase font-size-xs text-primary pb-2\">\\\r\n\t                                        Choose an action:\\\r\n\t                                    </li>\\\r\n\t                                    <li class=\"navi-item\">\\\r\n\t                                        <a href=\"#\" class=\"navi-link\">\\\r\n\t                                            <span class=\"navi-icon\"><i class=\"la la-print\"></i></span>\\\r\n\t                                            <span class=\"navi-text\">Print</span>\\\r\n\t                                        </a>\\\r\n\t                                    </li>\\\r\n\t                                    <li class=\"navi-item\">\\\r\n\t                                        <a href=\"#\" class=\"navi-link\">\\\r\n\t                                            <span class=\"navi-icon\"><i class=\"la la-copy\"></i></span>\\\r\n\t                                            <span class=\"navi-text\">Copy</span>\\\r\n\t                                        </a>\\\r\n\t                                    </li>\\\r\n\t                                    <li class=\"navi-item\">\\\r\n\t                                        <a href=\"#\" class=\"navi-link\">\\\r\n\t                                            <span class=\"navi-icon\"><i class=\"la la-file-excel-o\"></i></span>\\\r\n\t                                            <span class=\"navi-text\">Excel</span>\\\r\n\t                                        </a>\\\r\n\t                                    </li>\\\r\n\t                                    <li class=\"navi-item\">\\\r\n\t                                        <a href=\"#\" class=\"navi-link\">\\\r\n\t                                            <span class=\"navi-icon\"><i class=\"la la-file-text-o\"></i></span>\\\r\n\t                                            <span class=\"navi-text\">CSV</span>\\\r\n\t                                        </a>\\\r\n\t                                    </li>\\\r\n\t                                    <li class=\"navi-item\">\\\r\n\t                                        <a href=\"#\" class=\"navi-link\">\\\r\n\t                                            <span class=\"navi-icon\"><i class=\"la la-file-pdf-o\"></i></span>\\\r\n\t                                            <span class=\"navi-text\">PDF</span>\\\r\n\t                                        </a>\\\r\n\t                                    </li>\\\r\n\t                                </ul>\\\r\n\t                            </div>\\\r\n\t                        </div>\\\r\n\t                        <a href=\"javascript:;\" class=\"btn btn-sm btn-clean btn-icon mr-2\" title=\"Edit details\">\\\r\n\t                            <span class=\"svg-icon svg-icon-md\">\\\r\n\t                                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\">\\\r\n\t                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\\\r\n\t                                        <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"/>\\\r\n\t                                        <path d=\"M8,17.9148182 L8,5.96685884 C8,5.56391781 8.16211443,5.17792052 8.44982609,4.89581508 L10.965708,2.42895648 C11.5426798,1.86322723 12.4640974,1.85620921 13.0496196,2.41308426 L15.5337377,4.77566479 C15.8314604,5.0588212 16,5.45170806 16,5.86258077 L16,17.9148182 C16,18.7432453 15.3284271,19.4148182 14.5,19.4148182 L9.5,19.4148182 C8.67157288,19.4148182 8,18.7432453 8,17.9148182 Z\" fill=\"#000000\" fill-rule=\"nonzero\"\\ transform=\"translate(12.000000, 10.707409) rotate(-135.000000) translate(-12.000000, -10.707409) \"/>\\\r\n\t                                        <rect fill=\"#000000\" opacity=\"0.3\" x=\"5\" y=\"20\" width=\"15\" height=\"2\" rx=\"1\"/>\\\r\n\t                                    </g>\\\r\n\t                                </svg>\\\r\n\t                            </span>\\\r\n\t                        </a>\\\r\n\t                        <a href=\"javascript:;\" class=\"btn btn-sm btn-clean btn-icon\" title=\"Delete\">\\\r\n\t                            <span class=\"svg-icon svg-icon-md\">\\\r\n\t                                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\">\\\r\n\t                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\\\r\n\t                                        <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"/>\\\r\n\t                                        <path d=\"M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z\" fill=\"#000000\" fill-rule=\"nonzero\"/>\\\r\n\t                                        <path d=\"M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z\" fill=\"#000000\" opacity=\"0.3\"/>\\\r\n\t                                    </g>\\\r\n\t                                </svg>\\\r\n\t                            </span>\\\r\n\t                        </a>\\\r\n\t                    ';\r\n\t\t\t\t\t},\r\n\t\t\t\t}],\r\n\t\t});\r\n\r\n\t\t$('#kt_datatable_search_status').on('change', function() {\r\n\t\t\tdatatable.search($(this).val().toLowerCase(), 'Status');\r\n\t\t});\r\n\r\n\t\t$('#kt_datatable_search_type').on('change', function() {\r\n\t\t\tdatatable.search($(this).val().toLowerCase(), 'Type');\r\n\t\t});\r\n\r\n\t\t$('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();\r\n\r\n\r\n\t\tfunction subTableInit(e) {\r\n\t\t\t$('<div/>').attr('id', 'child_data_ajax_' + e.data.RecordID).appendTo(e.detailCell).KTDatatable({\r\n\t\t\t\tdata: {\r\n\t\t\t\t\ttype: 'remote',\r\n\t\t\t\t\tsource: {\r\n\t\t\t\t\t\tread: {\r\n\t\t\t\t\t\t\turl: HOST_URL + '/api/datatables/demos/orders.php',\r\n\t\t\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t\t\t// custom query params\r\n\t\t\t\t\t\t\t\tquery: {\r\n\t\t\t\t\t\t\t\t\tgeneralSearch: '',\r\n\t\t\t\t\t\t\t\t\tCustomerID: e.data.RecordID,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\tpageSize: 5,\r\n\t\t\t\t\tserverPaging: true,\r\n\t\t\t\t\tserverFiltering: false,\r\n\t\t\t\t\tserverSorting: true,\r\n\t\t\t\t},\r\n\r\n\t\t\t\t// layout definition\r\n\t\t\tlayout: {\r\n\t\t\t\t\tscroll: false,\r\n\t\t\t\t\tfooter: false,\r\n\r\n\t\t\t\t\t// enable/disable datatable spinner.\r\n\t\t\t\t\tspinner: {\r\n\t\t\t\t\t\ttype: 1,\r\n\t\t\t\t\t\ttheme: 'default',\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\r\n\t\t\t\tsortable: true,\r\n\r\n\t\t\t\t// columns definition\r\n\t\t\t\tcolumns: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: 'RecordID',\r\n\t\t\t\t\t\ttitle: '#',\r\n\t\t\t\t\t\tsortable: false,\r\n\t\t\t\t\t\twidth: 30,\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tfield: 'OrderID',\r\n\t\t\t\t\t\ttitle: 'Order ID',\r\n\t\t\t\t\t\ttemplate: function(row) {\r\n\t\t\t\t\t\t\treturn '<span>' + row.OrderID + ' - ' + row.ShipCountry + '</span>';\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tfield: 'ShipCountry',\r\n\t\t\t\t\t\ttitle: 'Country',\r\n\t\t\t\t\t\twidth: 100\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tfield: 'ShipAddress',\r\n\t\t\t\t\t\ttitle: 'Ship Address',\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tfield: 'ShipName',\r\n\t\t\t\t\t\ttitle: 'Ship Name',\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tfield: 'TotalPayment',\r\n\t\t\t\t\t\ttitle: 'Payment',\r\n\t\t\t\t\t\ttype: 'number',\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tfield: 'Status',\r\n\t\t\t\t\t\ttitle: 'Status',\r\n\t\t\t\t\t\t// callback function support for column rendering\r\n\t\t\t\t\t\ttemplate: function(row) {\r\n\t\t\t\t\t\t\tvar status = {\r\n\t\t\t\t\t\t\t\t1: {'title': 'Pending', 'class': 'label-light-primary'},\r\n\t\t\t\t\t\t\t\t2: {'title': 'Delivered', 'class': ' label-light-danger'},\r\n\t\t\t\t\t\t\t\t3: {'title': 'Canceled', 'class': ' label-light-primary'},\r\n\t\t\t\t\t\t\t\t4: {'title': 'Success', 'class': ' label-light-success'},\r\n\t\t\t\t\t\t\t\t5: {'title': 'Info', 'class': ' label-light-info'},\r\n\t\t\t\t\t\t\t\t6: {'title': 'Danger', 'class': ' label-light-danger'},\r\n\t\t\t\t\t\t\t\t7: {'title': 'Warning', 'class': ' label-light-warning'},\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\treturn '<span class=\"label ' + status[row.Status].class + ' label-inline label-bold\">' + status[row.Status].title + '</span>';\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tfield: 'Type',\r\n\t\t\t\t\t\ttitle: 'Type',\r\n\t\t\t\t\t\tautoHide: false,\r\n\t\t\t\t\t\t// callback function support for column rendering\r\n\t\t\t\t\t\ttemplate: function(row) {\r\n\t\t\t\t\t\t\tvar status = {\r\n\t\t\t\t\t\t\t\t1: {'title': 'Online', 'state': 'danger'},\r\n\t\t\t\t\t\t\t\t2: {'title': 'Retail', 'state': 'primary'},\r\n\t\t\t\t\t\t\t\t3: {'title': 'Direct', 'state': 'success'},\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\treturn '<span class=\"label label-' + status[row.Type].state + ' label-dot mr-2\"></span><span class=\"font-weight-bold text-' +\r\n\t\t\t\t\t\t\t\tstatus[row.Type].state + '\">' +\r\n\t\t\t\t\t\t\t\tstatus[row.Type].title + '</span>';\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}],\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\treturn {\r\n\t\t// Public functions\r\n\t\tinit: function() {\r\n\t\t\t// init dmeo\r\n\t\t\tdemo();\r\n\t\t},\r\n\t};\r\n}();\r\n\r\njQuery(document).ready(function() {\r\n\tKTDatatableChildRemoteDataDemo.init();\r\n});\r\n"],"sourceRoot":""}