// navigation and breadcrumb
window.addEventListener('DOMContentLoaded', event => {
    // Toggle the side navigation
    const sidebarToggle = document.body.querySelector('#sidebarToggle');
    if (sidebarToggle) {
        // Uncomment Below to persist sidebar toggle between refreshes
        //if (localStorage.getItem('sb|sidebar-toggle') === 'true') {
        //    document.body.classList.toggle('sb-sidenav-toggled');
        //}
        sidebarToggle.addEventListener('click', event => {
            event.preventDefault();
            document.body.classList.toggle('sb-sidenav-toggled');
            localStorage.setItem('sb|sidebar-toggle', document.body.classList.contains('sb-sidenav-toggled'));
        });
    }

});

$(document).ready(function () {
    // navigation and breadcrumb
    //$(".leaf-node").parents("tr").find("img").hide();
    var breadcrumb_last = $(".breadcrumb li").last().text().trim();
    var item = $("#sideNav_1 a.nav-link").filter((i, t) => {
        //console.log($(t).text().trim(), breadcrumb_last, $(t).text().trim() == breadcrumb_last);
        return $(t).text().trim() == breadcrumb_last;
    });
    var panel = item.parents(".collapse").eq(0);
    item.addClass("active");
    panel.toggle();
    panel.prev().addClass("active");

    $("a[data-bs-target='#offcanvasRight']").click(function (e) {
        let t = $(this).attr("href");
        console.log("right:", this, t);
        $("#offcanvasRight .offcanvas-body>div").hide();
        $(t).show();
        $("#offcanvasRightLabel").text($(t).data("title"));
    });
    let show_search = !!$("#offcanvasRight .offcanvas-body #search_panel").length;
    $("#search_btn").toggle(show_search);

    // search-control
    $("[data-search-control]").each((i, t) => {
        console.log("[data-search-control]", i, t,
            $(t).children("button").eq(0),
            $(t).children("[type=hidden]").val(),
            $(t).children(".search-text").attr("placeholder"),
            $(t).children(".search-text").val(),
        );
    });
});

// Sweet Alert
function msgbox(html, icon = '', url = '') {
    Swal.fire({
        icon: icon,
        html: html,
        confirmButtonText: '關閉',
        onClose: () => {
            if (url != '') {
                window.location = url;
            }
        }
    });
}
function msgtop(html, icon = 'success') {
    const Toast = Swal.mixin({
        toast: true,
        position: 'top-end',
        showConfirmButton: false,
        timer: 3000,
        heightAuto: false,
        timerProgressBar: true,
        onOpen: (toast) => {
            toast.addEventListener('mouseenter', Swal.stopTimer)
            toast.addEventListener('mouseleave', Swal.resumeTimer)
        }
    })

    Toast.fire({
        icon: icon,
        html: '<div class="swal2-toast-cus">' + html + '</div>'
    })
}
var mctmp = '0';
function msgconfirm(html, btn, icon = 'question') {
    if (mctmp == '0') {
        Swal.fire({
            html: html,
            icon: icon,
            showCancelButton: true,
            confirmButtonText: '<i class="mdi mdi-check"></i> 確定',
            cancelButtonText: '<i class="mdi mdi-close"></i> 取消'
        }).then((result) => {
            if (result.value) {
                mctmp = '1';
                if ($(btn)[0].hasAttribute('href')) {
                    var href = $(btn).attr('href');
                    window.location.href = href;
                } else {
                    $(btn).click();
                }
            }
        })
        mctmp = '0';
        return false;
    } else {
        mctmp = '0';
        return true;
    }
}

function clearObjProps(obj) {
    for (const prop of Object.getOwnPropertyNames(obj)) {
        obj[prop] = null;
    }
}


//---------------------------------列印---------------------------------------------------

function PrintTagData(id) {

    if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
        window.print();
    } else {

        var Item = document.getElementById(id);
        var printdetail = window.open("", "TextareaDetail");
        printdetail.document.open();
        printdetail.document.write("<HTML><head><link href=\"../../module/js/css/adminroot.css\" rel=\"stylesheet\" type=\"text/css\">");
        printdetail.document.write("<script type =\"text/javascript\">");
        printdetail.document.write("function mouseover(obj,color_word){obj.style.backgroundColor = color_word;}");
        printdetail.document.write("function mouseout(obj,color_word){obj.style.backgroundColor = color_word;}");
        printdetail.document.write("<\/script>");
        printdetail.document.write("</head>");
        printdetail.document.write("<BODY onload=\"window.print();\"><div style=\"width:720px\">");
        printdetail.document.write(Item.outerHTML);
        printdetail.document.write("</div></BODY></HTML>");
        printdetail.document.close();

    }


}

function PrintTagRWD(id) {

    if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
        window.print();
    } else {

        var Item = document.getElementById(id);
        var printdetail = window.open("", "TextareaDetail");
        printdetail.document.open();
        printdetail.document.write("<HTML><head>\n");
        printdetail.document.write('<link href="../../App_Script/bootstrap3/css/bootstrap.css" rel="stylesheet" />\n');
        printdetail.document.write('<link href="../../App_Script/bootstrap_datepicker/css/datepicker.css" rel="stylesheet" />\n');
        printdetail.document.write('<link href="../../admin/skin/css/style.css" rel="stylesheet" media="screen" />\n');
        printdetail.document.write('<link href="../../admin/skin/css/print.css" rel="stylesheet" media="print" />\n');
        printdetail.document.write('<!--[if lt IE 9]>\n');
        printdetail.document.write('<link href="../../admin/skin/css/ie8-and-down.css" rel="stylesheet" type="text/css" />\n');
        printdetail.document.write('<![endif]-->\n');

        printdetail.document.write("<style type=\"text/css\">.hidden-print{display:none;}</style>");
        printdetail.document.write("</head>");
        printdetail.document.write("<BODY onload=\"window.print();\">");
        printdetail.document.write(Item.outerHTML);
        printdetail.document.write("</BODY></HTML>");
        printdetail.document.close();

    }


}



//---------------------------------checkbox全選用---------------------------------------------------
function Check(parentChk, ChildId) {
    var oElements = document.getElementsByTagName("INPUT");
    var bIsChecked = parentChk.checked;

    for (i = 0; i < oElements.length; i++) {
        if (IsCheckBox(oElements[i]) &&
            IsMatch(oElements[i].id, ChildId)) {
            oElements[i].checked = bIsChecked;
        }

    }
}

function IsMatch(id, ChildId) {
    var sPattern = '^ctl00_ContentPlaceHolder1_Repeater1.*' + ChildId + '$';
    var oRegExp = new RegExp(sPattern);
    if (oRegExp.exec(id))
        return true;
    else
        return false;
}

function IsCheckBox(chk) {
    if (chk.type == 'checkbox') return true;
    else return false;
}

function checkListAll(chk) {
    $('.listCheck input').each(function () {
        this.checked = chk;
    });
}

function checkAll2(chk, num) {
    $('#root_' + num).show();
    $('#root_' + num + ' input:checkbox').each(function () {
        this.checked = chk;
    });
}



// Vuetify
let vuetify_options = {
    theme: { disable: true },
    lang: {
        locales: {
            zhHant: {
                badge: '徽章',
                close: '關閉',
                dataIterator: {
                    noResultsText: '沒有符合條件的結果',
                    loadingText: '讀取中...',
                },
                dataTable: {
                    itemsPerPageText: '每頁列數：',
                    ariaLabel: {
                        sortDescending: '：降序排列。',
                        sortAscending: '：升序排列。',
                        sortNone: '無排序方式。點擊以升序排列。',
                        activateNone: '點擊以移除排序方式。',
                        activateDescending: '點擊以降序排列。',
                        activateAscending: '點擊以移除排序方式。',
                    },
                    sortBy: '排序方式',
                },
                dataFooter: {
                    itemsPerPageText: '每頁項目：',
                    itemsPerPageAll: '全部',
                    nextPage: '下一頁',
                    prevPage: '上一頁',
                    firstPage: '第一頁',
                    lastPage: '最後頁',
                    pageText: '{2} 項中的 {0}~{1} 項',
                },
                datePicker: {
                    itemsSelected: '已選擇 {0}',
                    nextMonthAriaLabel: '下個月',
                    nextYearAriaLabel: '明年',
                    prevMonthAriaLabel: '上個月',
                    prevYearAriaLabel: '去年',
                },
                noDataText: '沒有資料',
                carousel: {
                    prev: '上一張',
                    next: '下一張',
                    ariaLabel: {
                        delimiter: '輪播圖 {0} / {1}',
                    },
                },
                calendar: {
                    moreEvents: '還有其他 {0} 項',
                },
                fileInput: {
                    counter: '{0} 個檔案',
                    counterSize: '{0} 個檔案（共 {1}）',
                },
                timePicker: {
                    am: 'AM',
                    pm: 'PM',
                },
                pagination: {
                    ariaLabel: {
                        wrapper: '分頁導覽',
                        next: '下一頁',
                        previous: '上一頁',
                        page: '到頁面 {0}',
                        currentPage: '當前頁 {0}',
                    },
                },
                rating: {
                    ariaLabel: {
                        icon: '評分 {0} / {1}',
                    },
                },
            }
        },
        current: 'zhHant',
    },
    //theme: { disable: false},
};