/*******************************************************************

    Module        : /assets/js/fonia3.js
    Desc.         : JS - Fonia Custom Class v3
    Created By    : Siau Pheng (siaupheng@3fonia.com).
    Created Date  : June 19th, 2009.
    Last Modified : September 28th, 2026.

    (c) 3FONIA Software; WWW.3FONIA.COM.

*******************************************************************/

'use strict';

var FoniaJS = {
    version: "3.1.2",
    APP_ID: 0,
    APP_SID: "",
    WEB_HOST: "",
    WEB_FULLPATH: "",
    WEB_MOBILE: 0,
    AUTH_LEVEL: 9,
    User: {ID:null, UID:0, GID:0, Level:0},
    phpversion: "",
    locales: [],
    deflocal: "",
    _debug: (jQuery.inArray(location.hostname, ["localhost","127.0.0.1"]) !== -1) ? true : false,

    setConfig: function(key, skey) {
        var _hasil, _adata = null;
        if (typeof(key) === 'string' && key !== '') {
            _hasil = $.base64.decode(key);
            _adata = _hasil.split(";");
            this.APP_ID = _adata[0];
            this.APP_SID = _adata[1];
            this.WEB_HOST = _adata[2];
            this.WEB_FULLPATH = _adata[3];
            this.WEB_MOBILE = _adata[4];
            this.AUTH_LEVEL = parseInt(_adata[5]);
            this.phpversion = '';
        }
        if (typeof(skey) === 'string' && skey !== '') {
            _hasil = $.base64.decode(skey);
            _adata = _hasil.split(";");
            this.User.ID = _adata[0];
            this.User.UID = parseInt(_adata[1]);
            this.User.GID = parseInt(_adata[2]);
            this.User.Level = parseInt(_adata[3]);
        }
    },
    user_level: function(l) {
        if (this.User.Level <= (l ?? 9)) return true;
        return false;
    },
    user_level_not: function(l) {
        if (this.User.Level !== (l ?? 9)) return true;
        return false;
    },
    callMenu: function(p, q) {
        var apar = ["p=" + p];
        if (q !== null) apar.push("q=" + q);
        new Request({
            url: "auth/menu",
            sendParam: apar,
            onSuccess: (apop) => {
                if (apop.login == false) {
                    this.showErrorLocale("Fonia.sess_expire");
                    setTimeout(() => { self.location = self.location.href; }, 1600);
                    return false;
                }
                if (apop.php === "" || !window[apop.func]) {
                    this.showErrorLocale("Fonia.page404");
                    return false;
                }
                window[apop.func]['PHP'] = apop.php;
                window[apop.func]['KODE'] = apop.kode;
                if (apop.iswindow === true) {
                    if (IndexJS.index) IndexJS.index();
                    new Request({
                        url: apop.php + '/index',
                        onSuccess: (ajson) => {
                            this.showWindow(apop.kode, apop.title, ajson.html, apop.width, apop.button, () => {
                                if (typeof window[apop.func]['index'] === 'function') window[apop.func]['index'](q);
                            });
                        }
                    }).send();
                } else {
                    $("#pageToolbarBot").html(this.genToolButton(apop.button));
                    new Request({
                        url: apop.php + '/index',
                        onSuccess: (ajson) => {
                            $('#pageContent').html(ajson.html);
                            if (typeof window[apop.func]['index'] === 'function') window[apop.func]['index'](q);
                        }
                    }).send();
                }
            }
        }).send();
    },

    loadMenu: function() {
        $('.mlink').click((e) => {
            var sbar = $(e.currentTarget).closest('#sidebarMain');
            var linkid = $(e.currentTarget).attr('id').replace('Link','');
            FoniaJS.callMenu(linkid);
            if (sbar.length > 0) { sbar.modal('toggle'); }
        });
        $('.slink').click((e) => {
            var ddown = $(e.currentTarget).closest('.dropdown-menu');
            if (ddown.length > 0) { ddown.dropdown('toggle'); }
        });
        if ($('#HomeLink').length){
            $('#HomeLink').click(() => {
                this.closeAllWindows();
                if (IndexJS.index) IndexJS.index();
            });
        }
        if ($('#ExitLink').length) {
            $('#ExitLink').click(() => {
                new Request({
                    url: "auth/logout",
                    onFailure: () => {
                        self.location = self.location.href;
                    },
                    onSuccess: (respon) => {
                        var _nurl = self.location.href;
                        if (typeof respon !== 'undefined' && respon.nexthost !== '/') _nurl = respon.nexthost;
                        self.location = _nurl;
                    }
                }).send();
            });
        }
    },
    showInfo: function(message, wtime) {
        var _tmpto = $('<div class="toast align-items-center text-white bg-info border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="'+(wtime?wtime:3000)+'"><div class="d-flex"><div class="toast-body me-2">'+message+'</div><button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button></div></div>').appendTo('#div-toast');
        _tmpto.on('hidden.bs.toast', (e) => {
            $(e.currentTarget).remove();
        });
        (new bootstrap.Toast(_tmpto)).show();
    },
    showError: function(message, wtime) {
        var _tmpto = $('<div class="toast align-items-center text-white bg-danger border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="'+(wtime?wtime:3000)+'"><div class="d-flex"><div class="toast-body me-2">'+message+'</div><button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button></div></div>').appendTo('#div-toast');
        _tmpto.on('hidden.bs.toast', (e) => {
            $(e.currentTarget).remove();
        });
        (new bootstrap.Toast(_tmpto)).show();
    },
    showInfoLocale: function(tobj, wtime) {
        this.showInfo(this.locale(tobj), wtime);
    },
    showErrorLocale: function(tobj, wtime) {
        this.showError(this.locale(tobj), wtime);
    },
    showAuth: function(fungcall, ocall, tmsg, bnotsuper, buserover) {
        var _breq = (ocall == null) ? false : true;
        var _bsuper = (bnotsuper == null) ? true : !bnotsuper;
        var _buover = (buserover == null) ? false : buserover;
        var _tsid = parseInt(Math.random() * 99999999);
        var _ceksuper = null;
        var _isi = new String('<div class="row mb-1" id="Auth_SP1"><div class="col-sm-6 col-lg-5 col-form-label">Username</div><div class="col-sm-6 col-lg-7"><input type="text" class="form-control" id="UID" name="UID" value="'+((_bsuper===false)?this.User.ID:'')+'" required="true"></div></div><div class="row mb-1" id="Auth_SP2"><div class="col-sm-6 col-lg-5 col-form-label">Password</div><div class="col-sm-6 col-lg-7"><input type="password" class="form-control" id="PWD" name="PWD" value="" required="true"></div></div><div class="row mb-1 d-none" id="Auth_SP3"><div class="col-12 text-center"><p>'+this.locale("Fonia.auth_wait_msg")+'</p></div></div><hr class="my-2"><div class="row mt-1"><div class="col-4"><button type="button" class="btn btn-outline-primary shadow-none" id="butSReq">Request</button></div><div class="col-8 text-end"><button type="button" class="btn btn-danger me-2" id="butSBatal" data-bs-dismiss="modal">Batal</button><button type="button" class="btn btn-success" id="butSOK">OK</button></div></div>');
        this.winSAuth = this.showWindow('SAuth', ((this.AUTH_LEVEL < 9 && _bsuper == true) ? this.locale("Fonia.auth_super") : this.locale("Fonia.auth_user")), _isi, 200, '', () => {
            $('#butSOK').click(() => {
                $('#butSOK').prop('disabled', true);
                new Request({
                    url: "auth/supervisi",
                    sendParam: ["data=super-check", "UID", "PWD", "SUPER=" + _bsuper, "UOVER=" + _buover],
                    onSuccess: (adata) => {
                        if (adata.status == 1) {
                            fungcall();
                        } else {
                            this.showError(adata.pesan);
                        }
                        this.closeWindow(this.winSAuth);
                    }
                }).send();
            });
            $('#butSBatal').click(() => {
                if (_ceksuper) {
                    clearInterval(_ceksuper);
                    new Request({
                        url: "auth/supervisi",
                        sendParam: ["data=super-cancel", "KODE=" + ocall.KODE, "REQ_SID=" + this.APP_SID, "REQ=" + _tsid]
                    }).send();
                }
            });
            $('#butSReq').click(() => {
                if (_breq == false) return false;
                $('#Auth_SP1').addClass('d-none');
                $('#Auth_SP2').addClass('d-none');
                $('#Auth_SP3').removeClass('d-none');
                $('#butSOK').prop('disabled', true);
                new Request({
                    url: "auth/supervisi",
                    sendParam: ["data=super-request", "KODE=" + ocall.KODE, "REQ_SID=" + this.APP_SID, "REQ=" + _tsid, "MSG=" + tmsg]
                }).send();
                var _cobalagi = 5;
                _ceksuper = setInterval(() => {
                    $('#butSBatal').html(this.locale("Fonia.cancel") + " (" + _cobalagi + ")");
                    if (_cobalagi === 0) {
                        clearInterval(_ceksuper);
                        new Request({
                            url: "auth/supervisi",
                            sendParam: ["data=super-cancel", "KODE=" + ocall.KODE, "REQ_SID=" + this.APP_SID, "REQ=" + _tsid]
                        }).send();
                        this.closeWindow(this.winSAuth);
                        this.showErrorLocale("Fonia.auth_fail");
                        return false;
                    }
                    new Request({
                        url: "auth/supervisi",
                        sendParam: ["data=request-check", "KODE=" + ocall.KODE, "REQ_SID=" + this.APP_SID, "REQ=" + _tsid],
                        onSuccess: (adata) => {
                            if (adata.status === 1) {
                                clearInterval(_ceksuper);
                                this.showInfoLocale("Fonia.auth_success");
                                fungcall();
                                this.closeWindow(this.winSAuth);
                            } else {
                                _cobalagi--;
                            }
                        }
                    }).send();
                }, 3000);
            });
            $('#UID').keyup((e) => {
                if (-1!==$.inArray(e.which, [13,9])) {
                    if (e.currentTarget.value !== '') $('#PWD').focus();
                }
            });
            $('#PWD').keyup((e) => {
                if (e.currentTarget.value === '') return false;
                if (13 == e.which) $('#butSOK').trigger('click');
            });
            if (_bsuper === false) {
                FoniaJS.setFocus("#PWD");
            } else {
                FoniaJS.setFocus("#UID");
            }
        });
    },
    genWinToolBut: function(menu) {
        if (!menu) return '';
        var smenu = '';
        if (typeof menu === 'object'){
            var ma = ' me-sm-2'; smenu = '<div class="col-12 col-md-auto px-0 text-center text-sm-start">';
            $(menu).each((i, atom) => {
                if (Object.keys(atom).length === 0) {
                    smenu += '</div><div class="col-12 col-sm-auto px-0 text-center text-sm-end">';
                    ma = ' ms-sm-2';
                } else {
                    if (atom.i == 'butTutup') { atom.v='Tutup', atom.c='danger', atom.d='' };
                    if (atom.i == 'butBatal') { atom.v='Batal', atom.c='danger', atom.d='' };
                    var _xt = (typeof atom?.d !== 'undefined') ? ' data-bs-dismiss="modal"' : '';
                    smenu += '<button type="button" class="btn btn-'+(atom?.c ?? 'info')+' mb-2 mb-sm-0'+ma+' col-10 col-sm-auto" id="'+atom.i+'"'+_xt+'>' + atom.v + '</button>';
                }
            });
            smenu += '</div>';
            return smenu;
        } else {
            if (this._debug) console.log('menu not object'+menu);
        }
        return smenu;
    },
    genToolButton: function(menu) {
        if (!menu) return '';
        var smenu = '';
        if (typeof menu === 'object'){
            var ma = ' me-sm-2'; smenu = '<div class="row mt-2 my-sm-2 justify-content-sm-between"><div class="col-sm-6 text-center text-sm-start">';
            $(menu).each((i, atom) => {
                if (Object.keys(atom).length === 0) {
                    smenu += '</div><div class="col-sm-6 text-center text-sm-end">';
                    ma = ' ms-sm-2';
                } else {
                    if (atom.i == 'butTutup') { atom.v='Tutup', atom.c='danger', atom.d='' };
                    if (atom.i == 'butBatal') { atom.v='Batal', atom.c='danger', atom.d='' };
                    smenu += '<button type="button" class="btn btn-'+(atom?.c ?? 'info')+' mb-2 mb-sm-0'+ma+' col-10 col-sm-3" id="'+atom.i+'">' + atom.v + '</button>';
                }
            });
            smenu += '</div></div>';
            return smenu;
        } else {
            if (this._debug) console.log('menu not object'+menu);
        }
        return smenu;
    },
    FormDecorated: function() {
        $('input.form-control[class*=integer], input.form-control[class*=angka]').each((i, el) => {
            const elm = $(el);
            if ((elm.attr('o3') ?? '') !== '') return;
            elm.attr('o3', '1');
            elm.on('keypress keyup paste', (e) => {
                elm.val(elm.val().replace(/[^\d].+/, ""));
                if ((e.which < 48 || e.which > 57)) e.preventDefault();
            });
        });
        $('input.form-control[class*=double]').each((i, el) => {
            const elm = $(el);
            if ((elm.attr('o3') ?? '') !== '') return;
            elm.attr('o3', '1');
            elm.on('keypress keyup input', (e) => {
                if (e.type === 'keypress') {
                    if ((e.which != 45 || elm.val().indexOf('-') != -1) && (e.which != 46 || elm.val().indexOf('.') != -1) && (e.which < 48 || e.which > 57)) e.preventDefault();
                } else {
                    var _val = elm.val().replace(/[^0-9.-]/g, '');
                    if (_val.indexOf('-') > 0) _val = _val.charAt(0) + _val.slice(1).replace(/-/g, '');
                    var _parts = _val.split('.');
                    if (_parts.length > 2) _val = _parts[0] + '.' + _parts.slice(1).join('');
                    elm.val(_val);
                }
            });
            elm.on('blur', () => elm.val( FoniaJS.FloatToStr(elm.val(), 2) ));
            elm.on('focus', (e) => {
                elm.val( FoniaJS.StrToFloat(elm.val()) );
                elm.select();
                e.preventDefault();
            });
        });
        $('input.form-control[type=number]').each((i, el) => {
            const elm = $(el);
            if ((elm.attr('o3') ?? '') !== '') return;
            elm.attr('o3', '1');
            elm.on('keypress keyup input', (e) => {
                if (e.type === 'keypress') {
                    if ((e.which != 45 || elm.val().indexOf('-') != -1) && (e.which != 46 || elm.val().indexOf('.') != -1) && (e.which < 48 || e.which > 57)) e.preventDefault();
                } else {
                    var _val = elm.val().replace(/[^0-9.-]/g, '');
                    if (_val.indexOf('-') > 0) _val = _val.charAt(0) + _val.slice(1).replace(/-/g, '');
                    var _parts = _val.split('.');
                    if (_parts.length > 2) _val = _parts[0] + '.' + _parts.slice(1).join('');
                    elm.val(_val);
                }
            });
        });
        $('input.form-control, textarea.form-control, select.form-select').each((i, el) => {
            const elm = $(el);
            const okyup = elm.attr('okyup') ?? '';
            const oblur = elm.attr('oblur') ?? '';
            const ochan = elm.attr('ochan') ?? '';
            if ((elm.attr('o3') ?? '') !== '') return;
            elm.attr('o3', '1');
            elm.on('keyup blur change', (e) => {
                if (e.type === 'keyup' && okyup) {
                    var fnc = okyup.split('.');
                    if (typeof window[fnc[0]][fnc[1]] === 'function'){
                        window[fnc[0]][fnc[1]]();
                    } else console.warn('fungsi '+okyup+' tidak ada !');
                }
                if (e.type === 'blur' && oblur) {
                    var fnc = oblur.split('.');
                    if (typeof window[fnc[0]][fnc[1]] === 'function'){
                        window[fnc[0]][fnc[1]]();
                    } else console.warn('fungsi '+oblur+' tidak ada !');
                }
                if (e.type === 'change' && ochan) {
                    var fnc = ochan.split('.');
                    if (typeof window[fnc[0]][fnc[1]] === 'function'){
                        window[fnc[0]][fnc[1]]();
                    } else console.warn('fungsi '+ochan+' tidak ada !');
                }
                e.preventDefault();
            });
        });
        $('input.form-check-input[type=radio]').each((i, el) => {
            const elm = $(el);
            if ((elm.attr('o3') ?? '') !== '') return;
            elm.attr('o3', '1');
            elm.on('click', () => {
                const oclic = elm.attr('ochan') ?? '';
                const elp = $('#'+elm.attr('name'));
                if (elp && elm.is(':checked')) elp.val(elm.val());
                if (oclic) {
                    var fnc = oclic.split('.');
                    if (typeof window[fnc[0]][fnc[1]] === 'function'){
                        window[fnc[0]][fnc[1]]();
                    } else console.warn('fungsi '+oclic+' tidak ada !');
                }
            });
        });
        $('input.form-check-input[type=checkbox]').each((i, el) => {
            const elm = $(el);
            if ((elm.attr('o3') ?? '') !== '') return;
            elm.attr('o3', '1');
            elm.on('change', () => {
                const odata = JSON.parse(elm.attr('odata') ?? '[]');
                const ochan = elm.attr('ochan') ?? '';
                if (odata.length > 0) elm.val(elm.is(':checked') ? odata[0] : odata[1]);
                if (ochan) {
                    var fnc = ochan.split('.');
                    if (typeof window[fnc[0]][fnc[1]] === 'function'){
                        window[fnc[0]][fnc[1]]();
                    } else console.warn('fungsi '+ochan+' tidak ada !');
                }
            });
        });
        $('input[class*=error][type=hidden]').each((i, el) => {
            const elm = $(el);
            this.showError(elm.val());
        });
        $('.option-tags').each((i, el) => {
            const elm = $(el);
            if (typeof jQuery.fn.select2 !== 'function') return;
            var _opts = {tags: false, dropdownAutoWidth: true, width: 'auto', theme: 'bootstrap-5', language: 'id'};
            var _dmodal = elm.closest('div.modal');
            if (_dmodal.length) _opts.dropdownParent = _dmodal;
            var _sel2 = elm.select2(_opts);
            if (elm.prop('required')) elm.removeAttr('required');
            //_sel2.on('select2:close', (e) =>{ $(e.target).valid(); });
        });
        $('[data-toggle="tooltip"]').tooltip();
        if('function' == typeof jQuery.fn.datepicker){
            $('.input-group.date').datepicker({
                format: 'dd-mm-yyyy',
                weekStart: 1,
                language: 'id',
                autoclose: true,
                todayHighlight: true,
                enableOnReadonly: false
            });
        }
        if ('function' == typeof autosize) autosize($('textarea'));
    },
    RequestParam: function(aparam) {
        var _cblist = {};
        var _ohasil = {};
        $('tbody input[id*="cbox"][type="checkbox"]:checked').map((i, b) => {
            const arr = b.id.split('_');
            if (!_cblist[arr[0]]) _cblist[arr[0]] = [];
            _cblist[arr[0]].push(arr[2]);
        });
        $.each(_cblist, (i, b) => {
            _ohasil['List_CB_' + i] = b.join();
        });
        if (typeof aparam === 'object') {
            aparam.map(_par => {
                if (typeof _par !== "string") this.return;
                var _key = _par, _val = "";
                const _ind = _par.indexOf('=');
                if (_ind !== -1) {
                    _key = _par.slice(0, _ind);
                    _val = _par.slice(_ind + 1);
                } else {
                    if ($('#'+_par).length) {
                        _val = $('#'+_par).val();
                        if (typeof _val === 'undefined') {
                            _val = ($('#'+_par).is('.integer, .number, .double')) ? 0 : '';
                        } else {
                            _val = ($('#'+_par).is('.integer, .number, .double')) ? this.StrToFloat(_val) : encodeURIComponent(_val);
                        }
                    }
                }
                _ohasil[_key] = _val;
            });
        }
        _ohasil['SID'] = parseInt(Math.random() * 99999999);
        return _ohasil;
    },
    StrToFloat: function(str_val) {
        var nstr = str_val + "";
        var hasil = "";
        var fkali = 1;
        if (nstr.slice(0, 4) == "Rp.") {
            nstr = nstr.slice(4);
        }
        for (var i = 0; i < nstr.length; i++) {
            if ((parseFloat(nstr.charAt(i))) || (nstr.charAt(i) == "0") || (nstr.charAt(i) == ".")) {
                hasil += nstr.charAt(i);
            } else {
                if ((nstr.charAt(i) == "(") || (nstr.charAt(i) == ")") || (nstr.charAt(i) == "-")) {
                    fkali = -1;
                    hasil += "";
                } else {
                    if (nstr.charAt(i) == ",") {
                        hasil += "";
                    }
                }
            }
        }
        if (!hasil.indexOf(".") > 0) {
            hasil += ".00";
        }
        return parseFloat(hasil) * fkali;
    },
    FloatToStr: function(nangka, ndesi) {
        var nstr = nangka + "";
        ndesi = (ndesi == null) ? 0 : ndesi;
        nstr = (Math.round(nstr.replace(/\,/g, "") * Math.pow(10, ndesi)) / Math.pow(10, ndesi)) + "";
        var x = nstr.split(".");
        if (!x[0]) {
            x[0] = "0";
        }
        if (!x[1]) {
            x[1] = "";
        }
        var x1 = x[0];
        if (x1.length > 3) {
            var rgx = /(\d+)(\d{3})/;
            while (rgx.test(x1)) {
                x1 = x1.replace(rgx, "$1" + "," + "$2");
            }
        }
        var x2 = x[1];
        if (x2.length < ndesi) {
            var g = x2;
            for (var i = x2.length + 1; i <= ndesi; i++) {
                g += "0";
            }
            x2 = g;
        }
        x2 = "." + x2;
        if (ndesi == 0) {
            x2 = "";
        }
        return x1 + x2;
    },
    formatBytes: function(bytes, deci) {
        if (bytes === 0) return '0 Bytes';
        const dm = deci ?? 0;
        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
        const i = Math.floor(Math.log(bytes) / Math.log(1024));
        return parseFloat((bytes / Math.pow(1024, i)).toFixed(dm)) + ' ' + sizes[i];
    },
    showConfirm: function(str_judul, str_isi, func_callback, conf_tipe) {
        var _cfunc = (typeof func_callback == "function") ? func_callback : () => {};
        var _ctipe = (conf_tipe == null) ? 'modal-warning' : 'modal-'+conf_tipe;
        var _btipe = (conf_tipe == null) ? 'btn-warning' : 'btn-'+conf_tipe;
        var _wtxt = 
            '<div class="modal fade" id="winAPPConf" tabindex="-1" role="dialog" data-bs-keyboard="false" data-bs-show="false" data-bs-backdrop="false" aria-labelledby="winAPPConfLabel" aria-hidden="true">'+
            '<div class="modal-dialog modal-dialog-centered '+_ctipe+' modal-400" role="document">'+
            '<div class="modal-content">'+
            '<div class="modal-header"><h5 class="modal-title" id="winAPPConfLabel">'+str_judul+'</h5><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>'+
            '<div class="modal-body text-center text-break mh-100">'+str_isi+'</div>'+
            '<div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tidak</button><button type="button" class="btn '+_btipe+' ms-2" id="winConfirmY">Ya</button></div>'+
            '</div></div></div>';
        if ($('#winAPPConf').length) $('#winAPPConf').modal('dispose').remove();
        $(_wtxt).on('shown.bs.modal', (e) => {
            $('#winConfirmY').focus();
            $('#winConfirmY').click((e) => {
                _cfunc();
                $('#winAPPConf').modal('hide');
            });
        }).modal('show');
    },
    showWindow: function(id_wind, s_judul, s_isi, i_width, s_toolb, f_onload, f_offload, b_scroll) {
        var t_width = '', t_toolb = '', t_scroll = (typeof b_scroll == 'boolean' && b_scroll == false) ? '' : 'modal-dialog-scrollable';
        var f_oncall = (typeof f_onload == "function") ? f_onload : function(){};
        var f_offcall = (typeof f_offload == "function") ? f_offload : function(){};
        if (typeof i_width == 'string') { t_width = 'modal-'+i_width; } else
        if (i_width <= 300) { t_width = 'modal-sm'; } else
        if (i_width <= 400) { t_width = 'modal-400'; } else
        if (i_width <= 500) { t_width = 'modal-500'; } else
        if (i_width <= 800) { t_width = 'modal-lg'; } else
        if (i_width <= 1200) { t_width = 'modal-xl'; } else
        if (i_width > 1200) { t_width = 'modal-fs'; }
        if (typeof s_toolb !== 'undefined' && s_toolb !== '' && s_toolb !== null) {
            t_toolb = '<div class="modal-footer justify-content-sm-between">';
            t_toolb += this.genWinToolBut(s_toolb);
            t_toolb += '</div>';
        }
        var _wtxt = 
            '<div class="modal fade" id="win'+id_wind+'" tabindex="-1" data-bs-keyboard="false" data-bs-backdrop="static" aria-labelledby="win'+id_wind+'Label" aria-hidden="true">'+
            '<div class="modal-dialog modal-dialog-centered '+t_scroll+' '+t_width+'">'+
            '<div class="modal-content">'+
            '<div class="modal-header"><h5 class="modal-title" id="win'+id_wind+'Label">'+s_judul+'</h5><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>'+
            '<div class="modal-body">'+s_isi+'</div>'+ t_toolb +
            '</div></div></div>';
        if ($('#win'+id_wind).length) $('#win'+id_wind).modal('dispose').remove();
        $(_wtxt).on('shown.bs.modal', (e) => {
            f_oncall();
            FoniaJS.FormDecorated();
        }).on('hidden.bs.modal', (e) => {
            f_offcall();
            $(e.currentTarget).remove();
        }).modal('show');
        return '#win'+id_wind;
    },
    closeWindow: function(elWin) {
        if ($(elWin).length) $(elWin).modal('hide');
    },
    closeAllWindows: function() {
        $(".modal").each((i, el) => {
            if ($(el).hasClass('show')) $(el).modal('toggle');
            if ($(el).attr('id')!=='sidebarMain') $(el).modal('dispose').remove();
        });
        $(".fon-autotext", ".fon-autopos").each((i, el) => {
            $(el).remove();
        });
        if ($("#dataPrint").length) {
            $("#dataPrint").empty();
        }
    },
    setFocus: function(obj) {
        $(obj).select().focus();
    },
    lPad: function(n, width, z) {
        z = z || "0";
        n = n + "";
        return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
    },
    setCookie: function(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires="+d.toUTCString();
        document.cookie = 'f' + this.APP_ID + '_' + cname + "=" + cvalue + ";" + expires + ";path=/";
    },
    getCookie: function(cname) {
        var name = 'f' + this.APP_ID + '_' + cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    },
    locale: function(key, oset){
        if (typeof oset === "object") {
            this.locales[key] = oset;
            if (this.deflocal == '') this.deflocal = key;
        } else {
            if (!this.locales[this.deflocal]) return "";
            return key.split('.').reduce(function (cur, key) {
                return cur[key];
            }, this.locales[this.deflocal]);
        }
    },
    AutoComplete: function(elm, turl, aparam, func_comp, func_key){
        var objComp = {};
        objComp = {
            preventEnter: true,
            resolverSettings: {
                url: turl,
                param: (typeof aparam === 'object') ? aparam : []
            }
        };
        if ('object' === typeof func_comp){
            objComp = $.extend(true, {}, objComp, func_comp);
        } else {//compatible
            if ('function' === typeof func_key) objComp.keyFunc = func_key;
            if ('function' === typeof func_comp) objComp.selectFunc = func_comp;
        }
        $(elm).nextAll('div.bootstrap-autocomplete').remove();
        $(elm).off();
        //fixed hidden on modal
        var _dbody = $(elm).closest('div.modal-body');
        var _dcont = $(elm).closest('div.modal-content');
        if (_dbody.length) $(_dbody).css('overflow', 'visible');
        if (_dcont.length) $(_dcont).css('overflow', 'visible');
        new AutoComplete(elm, objComp);
    },
    getAppID: function() {
        return this.APP_ID;
    }
};

class _Request {
    options = {
        url: '',
        sendParam: [],
        onSuccess: () => {},
        onFailure: () => {},
        data: null,
        dataType: 'json'
    }

    constructor(options) {
        $.extend(this.options, options);
    }

    send() {
        if (!this.options.url) {
            console.log(this.options.sendParam + ", cek url php!");
            return false;
        }
        this.options.data = $.extend(this.options.data, FoniaJS.RequestParam(this.options.sendParam));
        $.ajax({
            type: 'POST',
            url: this.options.url,
            data: this.options.data,
            success: (typeof this.options.onSuccess === "function") ? this.options.onSuccess : () => {},
            error: (typeof this.options.onFailure === "function") ? this.options.onFailure : () => {},
            complete: FoniaJS.FormDecorated,
            dataType: this.options.dataType
        });
        return this;
    }
};

class _Request_JSONF extends _Request {
    constructor(options) {
        const _options = Object.assign({}, options);
        _options.onSuccess = (data) => {
            if (data.length > 0) {
                $(data).each((i, ini) => {
                    if (ini.type == "table" && $(ini.id)) this.make_table(ini);
                    if (ini.type == "form" && $(ini.id)) this.make_form(ini);
                    if (ini.type == "option" && $(ini.id)) this.make_option(ini);
                    if (ini.type == "html" && $(ini.id)) this.make_html(ini);
                    if (ini.type == "msg") this.show_msg(ini);
                });
            }
            if (typeof options.onSuccess === "function") options.onSuccess(data);
        };
        super(_options);
    }

    show_msg (ini) {
        var wtime = parseInt(ini.wait);
        if (ini.mode == "error") {
            FoniaJS.showError(ini.value, wtime);
        } else {
            FoniaJS.showInfo(ini.value, wtime);
        }
    }
    make_html (ini) {
        $('#'+ini.id).html(ini.value);
    }
    make_form (ini) {
        var formIni = $('#'+ini.id);
        formIni.val(ini.value);
        if (ini.css) {
            formIni.prop('disabled', ini.css=='disabled');
        }
    }
    make_option (ini) {
        var optIni = $('#'+ini.id);
        if (!optIni) return;
        if (ini.avalue) {
            optIni.empty();
            var o_group = 0;
            $(ini.avalue).each((n, i) => {
                if (i.optgroup) {
                    if (0 < o_group++) optIni.append('</optgroup>');
                    optIni.append('<optgroup label="'+i.optgroup+'">');
                    return;
                }
                optIni.append($('<option>', {
                    value: i.value, text: i.html || '\u00A0', label: i.text || '', 'olabel': i.label || ''
                }));
            });
            if (o_group > 0) optIni.append('</optgroup>');
        }
        if (ini.value) {
            optIni.val(ini.value);
        }
        optIni.trigger('change');
    }
    make_table (ini) {
        var divData = $('#'+ini.id).empty();
        var strHead = '<thead><tr>', iCol = 0, sClass = '', aSortCol = [], aTombol = [];
        $(ini.header).each((key, val) => {
            if (val.o == ini.config.sort_col) iCol = key;
            strHead += '<th data-class-name="'+val.f+'">'+val.c+'</th>';
            aSortCol.push((val.s ? { 'orderDataType': val.s } : null));
        });
        if (ini.option.length > 0) {
            var strAksi = 'Aksi', ChkField = '';
            $(ini.option).each((key, val) => {
                if (val.type == 'checkbox'){
                    strAksi = '<input class="form-check-input" type="checkbox" id="'+ini.id+'_cbhead_'+val.field+'" value="'+val.avalue[1]+'">';
                    ChkField = val.field;
                }
                if ($.inArray(val.type,['button','button-dt'])!==-1) aTombol[val.icon] = [val.label, (val.type=='button'?0:1)];
            });
            strHead += '<th data-class-name="c">'+strAksi+'</th>';
        } else {
            strHead += '<th data-class-name="hid">&nbsp;</th>';
        }
        aSortCol.push({'orderable': false});
        strHead += '</tr></thead>';

        var strFoot = '';
        if (ini.footer) {
            strFoot = '<tfoot><tr>';
            $(ini.footer).each((key, val) => {
                strFoot += '<th class="'+ini.header[key].f+'">'+val.c+'</th>';
            });
            strFoot += '<th>&nbsp;</th></tr></tfoot>';
        }

        var sClass = '';
        if (ini.config.css) sClass += ' '+ini.config.css;
        if (ini.config.func_select) sClass += ' table-select';
        var strTab = '<table id="'+ini.id+'Tabel" class="table table-striped table-bordered table-hover'+sClass+'">';

        var strBody = '<tbody>';
        $(ini.content).each((key, val) => {
            strBody += '<tr>';
            $(val).each((keyi, vali) => {
                if (keyi == 0) return;
                strBody += '<td>' + vali + '</td>';
            });
            var _tbtn1 = "", _tbtn2 = "";
            if (val[0].rowcss) {
                _tbtn1 += '<span class="rowcss '+val[0].rowcss+'"></span>';
            }
            if (ini.option.length > 0) {
                if (val[0].button.length > 0) {
                    $(val[0].button).each((keyb, valb) => {
                        var _link = (aTombol[valb[0]][1]==1) ? 'fon-tabel-dt' : valb[0];
                        var _cssa = (valb[1]=='') ? '' : ' text-'+valb[1];
                        var _cssb = (valb[1]=='') ? ' normal' : ' btn-'+valb[1];
                        if (ini.config.txtbutton === true) {
                            _tbtn1 += '<button class="btn tbl-rowbtn d-none d-lg-inline-block '+_link+_cssb+' me-2'+(val[0].button.length>1?' mb-2':'')+'" type="button">'+aTombol[valb[0]][0]+'</button>';
                            _tbtn2 += '<a class="table-icon d-lg-none '+_link+_cssa+'" tabindex="-1" title="'+aTombol[valb[0]][0]+'"><i class="bi-'+valb[0]+'"></i></a>';
                        } else {
                            _tbtn2 += '<a class="table-icon '+_link+_cssa+'" title="'+aTombol[valb[0]][0]+'"><i class="bi-'+valb[0]+'"></i></a>';
                        }
                    })
                }
                if (val[0].checkbox) {
                    _tbtn1 += '<div><input class="form-check-input" type="checkbox" id="'+ChkField+'_cbox_'+val[0].checkbox.field+'" value="'+val[0].checkbox.value+'"></div>';
                }
            }
            strBody += '<td class="'+(ini.config.txtbutton===true?'':'text-nowrap')+'">'+_tbtn1+_tbtn2+'</td></tr>';
        });
        strBody += '</tbody>';

        $(divData).append(strTab + strHead + strBody + strFoot + '</table>');
        var opsi = { responsive: true, columnDefs: [{responsivePriority:1,targets:0},{responsivePriority:2,targets:1},{responsivePriority:0,targets:-1}], lengthMenu: [], dom: '<"row"<"col-sm-12"tr>><"row"<"col-sm-12 col-lg-auto"<"toolbar">><"col-sm-3 col-lg-auto ms-lg-auto"l><"col-sm-9 col-lg-auto"p>>', autoWidth: false, processing: true, searching: false, columns: aSortCol, order: [[iCol, (ini.config.sort_dir=='A'?'asc':'desc')]], pageLength: ini.config.row_count, stateSave: true, stateSaveCallback: function(sett,data){localStorage.setItem(ini.id,JSON.stringify(data));}, stateLoadCallback: function(sett){try{var data=JSON.parse(localStorage.getItem(ini.id))??{};data.length=ini.config.row_count;return data;}catch(e){console.log(e)}} };
        /** start live db **/
        if (ini.config.live){
            $(this.options.data).map((key, val) => {
                if (key === 'SID') val = parseInt(Math.random() * 99999999);
                // fixed bug for duplicate saving
                if (key === 'mode_detail') val = 'live-data';
                //if ((''+val).indexOf('%') != -1) val = decodeURIComponent(val);
            });
            opsi.serverSide = true;
            opsi.ajax = {
                url: this.options.url,
                type: 'POST',
                data: this.options.data,
                dataFilter: (data) => {
                    var json = {}, jsono = {'draw':0,'recordsTotal':0,'recordsFiltered':0,'data':[]};
                    try {
                        json = JSON.parse(data);
                        if (!jQuery.isEmptyObject(json) && json.length > 0){
                            $(json).each((i, lini) => {
                                if (lini.type == 'table-live' && lini.id == ini.id) {
                                    jsono.draw = lini.config.draw;
                                    jsono.recordsTotal = lini.config.recordsTotal;
                                    jsono.recordsFiltered = lini.config.recordsFiltered;
                                    jsono.data = lini.data;
                                }
                            });
                        }
                    } catch (e){
                        console.log(e);
                    }

                    $(jsono.data).map((key, val) => {
                        var optval = val[0]; jsono.data[key].shift();
                        var _tbtn1 = "", _tbtn2 = "";
                        if (optval.rowcss) {
                            _tbtn1 += '<span class="rowcss '+optval.rowcss+'"></span>';
                        }
                        if (ini.option.length > 0) {
                            if (optval.button.length > 0) {
                                $(optval.button).map((keyb, valb) => {
                                    var _link = (aTombol[valb[0]][1]==1) ? 'fon-tabel-dt' : valb[0];
                                    var _cssa = (valb[1]=='') ? '' : ' text-'+valb[1];
                                    var _cssb = (valb[1]=='') ? ' normal' : ' btn-'+valb[1];
                                    if (ini.config.txtbutton === true) {
                                        _tbtn1 += '<button class="btn tbl-rowbtn d-none d-lg-inline-block '+_link+_cssb+' me-2'+(optval.button.length>1?' mb-2':'')+'" type="button">'+aTombol[valb[0]][0]+'</button>';
                                        _tbtn2 += '<a class="table-icon d-lg-none '+_link+_cssa+'" tabindex="-1" title="'+aTombol[valb[0]][0]+'"><i class="bi-'+valb[0]+'"></i></a>';
                                    } else {
                                        _tbtn2 += '<a class="table-icon '+_link+_cssa+'" title="'+aTombol[valb[0]][0]+'"><i class="bi-'+valb[0]+'"></i></a>';
                                    }
                                })
                            }
                            if (optval.checkbox) {
                                _tbtn1 += '<div><input class="form-check-input" type="checkbox" id="'+ChkField+'_cbox_'+optval.checkbox.field+'" value="'+optval.checkbox.value+'"></div>';
                            }
                        }
                        jsono.data[key].push(_tbtn1+_tbtn2);
                    });
                    return JSON.stringify(jsono);
                }
            };
        }
        /** end live db **/
        if (ini.option.length > 0) opsi.columnDefs.push({responsivePriority:3,targets:-1}, {orderable:false,targets:-1});
        if (ini.navi.no_navi == true) opsi.paging = false;

        if (ini.config.scrollbar == true) {
            opsi.scrollY = ini.config.scroll_height;
            opsi.deferRender = true;
            opsi.scroller = { loadingIndicator: true };
        }

        var _navibar = '';
        if (ini.navi.button) {
            var _dis = '', _bcss = 'btn-info';
            if (ini.config.nobutton === true){
                _dis = ' disabled=true';
                _bcss = 'btn-secondary';
            }
            _navibar += '<div class="row"><div class="col">';
            $(ini.navi.button).map((key, val) => {
                _navibar += '<button type="button" class="btn rounded-pill '+_bcss+' me-2 navi-btn-'+key+'"'+_dis+'>'+val.label+'</button>';
            });
            _navibar += '</div></div>';
        }
        opsi.initComplete = function(settings,json){
            if (ini.navi.button) {
                $('#'+ini.id+'Tabel_wrapper div.toolbar').html(_navibar);
                // apply navi button
                if (ini.navi.button.length > 0){
                    $(ini.navi.button).map((key, val) => {
                        $('#'+ini.id+'Tabel_wrapper div.toolbar button[class*=navi-btn-'+key+']').on('click', (e) => {
                            e.preventDefault();
                            var fnc = val.func.split('.');
                            if (typeof window[fnc[0]][fnc[1]] === 'function'){
                                window[fnc[0]][fnc[1]]();
                            } else console.warn('fungsi '+val.func+' tidak ada !');
                        });
                    });
                }
            }
        }
        opsi.drawCallback = function(settings){
            // apply rowcss to tr/row
            $('#'+ini.id+'Tabel tbody td:last-child:has(span.rowcss)').map((i, el) => {
                var span = $(el).find('span').attr('class').replace('rowcss ','');
                $(el).parent().addClass(span);
            });
            // create hover title for awr class td
            $('#'+ini.id+'Tabel tbody td[class*="awr"]').map((i, el) => {
                $(el).attr('title', $(el).html().replace(/<br\s*[\/]?>/gi,'\n').replace(/(<([^>]+)>)/gi,''));
            });
            // generate pagelength option
            var api = this.api(), menudiv = $('select[name="'+ini.id+'Tabel_length"]');
            var record = api.page.info().recordsTotal ?? 0, _lmenu = [];
            $([10,25,50,100]).map((key, val) => {
                if (val > record && 10 < val) return false;
                _lmenu.push(val);
            });
            if (10 < record && $.inArray(record, [25,50,100]) == -1){
                _lmenu.push(record);
            }
            var _select = menudiv.val() ?? 10;
            menudiv.empty();
            $(_lmenu).map((key, val) => {
                $('<option/>', {'value':val, 'text':val}).appendTo(menudiv);
            });
            menudiv.val(_select);
            // apply select function
            if (ini.config.func_select){
                $('#'+ini.id+'Tabel tbody').on('click', 'tr', (e) => {
                    var elm = $(e.currentTarget);
                    if ((elm.attr('o3') ?? '') !== '') return;
                    elm.attr('o3', '1');
                    var dta = otabel.row(elm).data();
                    var fnc = ini.config.func_select.split('.');
                    if (typeof window[fnc[0]][fnc[1]] === 'function') { window[fnc[0]][fnc[1]](dta); }
                    else console.warn('fungsi '+ini.config.func_select+' tidak ada !');
                });
            }
            // apply option of record / row
            if (ini.option.length > 0){
                $('#'+ini.id+'Tabel thead input[type=checkbox][id*=_cbhead_]').off('change');
                $('#'+ini.id+'Tabel tbody input[type=checkbox][id*=_cbox_]').off('change');
                $('#'+ini.id+'Tabel tbody').off('click');
                $(ini.option).map((key, val) => {
                    if (val.type == 'checkbox'){
                        $('#'+ini.id+'Tabel thead input[type=checkbox][id*=_cbhead_]').on('change', (e) => {
                            var _etarg = $(e.currentTarget);
                            var _chek = _etarg.is(':checked');
                            _etarg.val(_chek ? val.avalue[0] : val.avalue[1]);
                            $('#'+ini.id+'Tabel tbody input[type=checkbox][id*='+val.field+'_cbox_]').each((i, el) => {
                                var _el = $(el);
                                _el.prop('checked', _chek);
                                _el.val(_el.is(':checked') ? val.avalue[0] : val.avalue[1]);
                            });
                        });
                        $('#'+ini.id+'Tabel tbody input[type=checkbox][id*=_cbox_]').on('change', (e) => {
                            var _ctarg = $(e.currentTarget);
                            _ctarg.val(_ctarg.val() == val.avalue[1] ? val.avalue[0] : val.avalue[1]);
                            _ctarg.prop('checked', _ctarg.val() == val.avalue[0]);
                        });
                    } else if (val.type == 'button'){
                        $('#'+ini.id+'Tabel tbody').on('click', '.'+val.icon, (e) => {
                            var dta = otabel.row($(e.currentTarget.closest('tr'))).data();
                            var fnc = val.func.split('.');
                            if (typeof window[fnc[0]][fnc[1]] === 'function') { window[fnc[0]][fnc[1]](dta, e.currentTarget); }
                            else if (typeof window[fnc[0]] === 'function') { window[fnc[0]](dta, e.currentTarget); }
                            else console.warn('fungsi '+val.func+' tidak ada !');
                        });
                    } else if (val.type == 'button-dt'){
                        $('#'+ini.id+'Tabel tbody').on('click', '.fon-tabel-dt', (e) => {
                            var tr = $(e.currentTarget).closest('tr');
                            var row = otabel.row(tr);
                            if (row.child.isShown()){
                                row.child.hide();
                                tr.removeClass('shown');
                            }else{
                                if (otabel.row('.shown').length){
                                    $('.fon-tabel-dt', otabel.row('.shown').node()).click();
                                }
                                var _dt_id = $('<div id="TD_Fonia_' + parseInt(Math.random() * 99999999) + '" class="fon-tabel-child" />');
                                row.child(_dt_id).show();
                                tr.addClass('shown');
                                var fnc = val.func.split('.');
                                if (typeof window[fnc[0]][fnc[1]] === 'function'){
                                    window[fnc[0]][fnc[1]](row.data(), _dt_id);
                                } else console.warn('fungsi '+val.func+' tidak ada !');
                            }
                        });
                    }
                });
            }
            $('#'+ini.id+'Tabel tbody').on('click', 'td.dtr-control', (e) => {
                var tr = $(e.currentTarget).closest('tr');
                var row = otabel.row(tr);
                if (row.child.isShown()){
                    row.child.hide();
                    tr.removeClass('dt-hasChild parent');
                }else{
                    var ind = 0;
                    var tampil = '<ul class="list-unstyled">';
                    api.columns().every(function(){
                        var kol = this.header();
                        if (kol.className.indexOf('dtr-hidden') != -1){
                            tampil += '<li class="py-1"><span class="d-inline-block" style="min-width:100px;">' + kol.textContent + '</span><span class="text-break">' + row.data()[ind] + '</span></li>';
                        }
                        ind++;
                    })
                    tampil += '</ul>';
                    row.child(tampil).show();
                    tr.addClass('dt-hasChild parent');
                }
            });
        }
        var otabel = $('#'+ini.id+'Tabel').DataTable(opsi);
    }
};

var Request = function (options) {
    return new _Request(options);
};

/*
Request.JSON = function (options) {
    const _options = Object.assign({}, options, { 'dataType': 'json' });
    return new _Request(_options);
};

Request.TEXT = function (options) {
    const _options = Object.assign({}, options, { 'dataType': 'text' });
    return new _Request(_options);
};
*/

Request.JSONF = function(options){
    return new _Request_JSONF(options);
}

if (jQuery.validator) {
    jQuery.validator.setDefaults({
        ignore: ':hidden, [readonly=readonly]',
        submitHandler: function(){
            return;
        },
        invalidHandler: function(){
            FoniaJS.showError('Mohon lengkapi semua field yang berwarna merah !')
        },
        highlight: function highlight(element) {
            $(element).addClass('is-invalid').removeClass('is-valid');
        },
        unhighlight: function unhighlight(element) {
            $(element).addClass('is-valid').removeClass('is-invalid');
        },
        errorPlacement: function(error, element){
            return;
        }
    });

    jQuery.validator.addMethod('double_id', function(value, el, param) {
        return this.optional(el) || FoniaJS.StrToFloat(value) >= param;
    }, 'Nilai lebih dari Nol');
    jQuery.validator.addMethod('filesize', function(value, el, param) {
         return this.optional(el) || (el.files[0].size <= param);
    }, 'Ukuran file tidak diizinkan');
    jQuery.validator.addMethod('notEqual', function(value, el, param) {
        return this.optional(el) || value != param;
    }, 'Ganti pilihan yang lain');
}

if (jQuery.fn.dataTable) {
    jQuery.fn.dataTable.ext.order['val-emptylast'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var _val = $(td).html();
            return (_val=='') ? Number.MAX_SAFE_INTEGER : 0;
        });
    }
    jQuery.fn.dataTable.ext.order['val-zerolast'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var _val = $(td).html();
            return (_val==0) ? Number.MAX_SAFE_INTEGER : _val;
        });
    }
    jQuery.fn.dataTable.ext.order['val-fnumber'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var val = $(td).text().trim();
            return val.replace( /[\,]/g, "" );
        });
    }
    jQuery.fn.dataTable.ext.order['val-jam'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var val = $(td).text().trim();
            return moment(val, "HH:mm:ss").format("X");
        });
    }
    jQuery.fn.dataTable.ext.order['val-tgl'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var val = $(td).text().trim();
            return moment(val, "DD-MM-YYYY").format("X");
        });
    }
    jQuery.fn.dataTable.ext.order['val-tgljam'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var val = $(td).text().trim();
            return moment(val, "DD-MM-YYYY HH:mm:ss").format("X");
        });
    }
    jQuery.fn.dataTable.ext.order['val-tgljams'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var val = $(td).text().trim();
            return moment(val, "DD.MM.YY HH:mm:ss").format("X");
        });
    }
    jQuery.fn.dataTable.ext.order['dom-checkbox'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            return $('input', td).prop('checked') ? '1' : '0';
        });
    }
    jQuery.fn.dataTable.ext.order['dom-select-zerolast'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var _val = $('select', td).val();
            return (_val==0) ? Number.MAX_SAFE_INTEGER : _val;
        });
    }
    jQuery.fn.dataTable.ext.order['dom-nomen'] = function( settings, col ){
        return this.api().column( col, {order:'index'} ).nodes().map( function( td, i ){
            var val = $(td).text().trim();
            return val.replace('X.XX', '0.00');
        });
    }
    jQuery.extend(jQuery.fn.dataTable.ext.classes, {
        sLengthSelect: "form-select text-center",
    });
    jQuery.extend(jQuery.fn.dataTable.defaults.oLanguage, {
        "oAria": {
            "sSortAscending": ": aktifkan urutan kolom keatas",
            "sSortDescending": ": aktifkan urutan kolom kebawah"
        },
        "oPaginate": {
            "sFirst": "<i class=\"bi-skip-backward\"></i>",
            "sPrevious": "<i class=\"bi-rewind\"></i>",
            "sNext": "<i class=\"bi-fast-forward\"></i>",
            "sLast": "<i class=\"bi-skip-forward\"></i>"
        },
        "sEmptyTable": "Tidak ada data yang tersedia pada tabel ini",
        "sProcessing": "",
        "sLengthMenu": "_MENU_",
        "sZeroRecords": "Tidak ditemukan data yang sesuai",
        "sInfo": "Menampilkan _START_ sampai _END_ dari _TOTAL_ entri",
        "sInfoEmpty": "Menampilkan 0 sampai 0 dari 0 entri",
        "sInfoFiltered": "(disaring dari _MAX_ entri keseluruhan)",
        "sInfoPostFix": "",
        "sSearch": "Cari:",
        "sUrl": "",
        "sLoadingRecords": "Memuat...",
        "sSearchPlaceholder": "Cari Kata Kunci",
        "sDecimal": ",",
        "sThousands": "."
    });
}