/*
 * Name     : board.js
 * Version  : 1.2.3
 * Author   : 1px studio
 * Date     : 2024-03-18
 * Desc     : member alert bug fix.
 * ------------------------------------------------
 */

$(function () {
    // script break in main page
    if (document.getElementById("isIndex")!=null) { return; }

    let input_image, btn_img, btn_names;
    $("#ext_search select").after('<span class="px-select"></span>');
        (function t() {
            let e = "",
                a = [],
                i = [],
                n = window.location.search,
                r = new URLSearchParams(n);
            if ($("select[name=com_board_category_code]").length) {
                let l = r.get("com_board_category_code"),
                    s = $("select[name=com_board_category_code]").attr("onchange").split("'")[1] + "com_board_category_code=",
                    c = "";
                $("select[name=com_board_category_code] option").each(function () {
                    let t = $(this);
                    a.push(t.text()), i.push(t.val());
                });
                for (let o = 0; o < a.length; o++) e += `<a class="button-category ${(c = l ? (l == i[o] ? "active" : "") : 0 == o ? "active" : "")}" href="${s}${i[o]}">${a[o]}</a>`;
                $(".category-button-wrapper").empty().append(e);
            }
        })(),
        (input_image = $("input[type=image]")),
        (btn_img = $("img")),
        (btn_names = ["검색", "확인", "댓글작성", "삭제", "이동", "복사", "이전", "목록", "다음", "스팸신고", "수정", "삭제", "답변", "글쓰기", "작성완료", "취소", "다운로드"]),
        input_image.each(function () {
            let t = $(this).attr("src");
            t.indexOf("search.gif") > -1 &&
                ($(this).before(`<button type="submit" id="btn-search" class="button-search" value="${btn_names[0]}"><span class="sr-only">검색</span><i class="bi bi-search"></i></button>`),
                $(document).on("click", "#btn-search", function () {
                    $(this).next("input[type=image]").trigger("click");
                }),
                $(this).hide()),
                t.indexOf("confirm.gif") > -1 && ($(this).before(`<input type="submit" id="btn-confirm" class="button-b button--primary" value="${btn_names[1]}">`), $(this).hide()),
                t.indexOf("comment_write.gif") > -1 &&
                    ($(this).before(`<input type="submit" id="btn-comment-write" class="button-b button--primary" value="${btn_names[2]}">`),
                    $(document).on("click", "#btn-comment-write", function () {
                        $(this).next("input[type=image]").trigger("click");
                    }),
                    $(this).hide());
        }),
        btn_img.each(function () {
            let t = $(this).attr("src"),
                e = $(this).attr("onclick");
            t.indexOf("btn_sdel.gif") > -1 && ($(this).before(`<button class="button-b button--dark" onclick='${e}'>${btn_names[3]}</button>`), $(this).remove()),
                t.indexOf("move.gif") > -1 && ($(this).before(`<button class="button-b button--default" onclick='${e}'>${btn_names[4]}</button>`), $(this).remove()),
                t.indexOf("copy.gif") > -1 && ($(this).before(`<button class="button-b button--default" onclick='${e}'>${btn_names[5]}</button>`), $(this).remove()),
                t.indexOf("/prev.gif") > -1 && $(this).parent().addClass("button-b button--default move-page").text(btn_names[6]),
                t.indexOf("list.gif") > -1 && $(this).parent().addClass("button-b button--dark").text(btn_names[7]),
                t.indexOf("/next.gif") > -1 && $(this).parent().addClass("button-b button--default move-page").text(btn_names[8]),
                t.indexOf("spam.gif") > -1 && ($(this).before(`<button class="button-b button--danger" onclick='${e}'>${btn_names[9]}</button>`), $(this).remove()),
                t.indexOf("modify.gif") > -1 && $(this).parent().addClass("button-b button--default").text(btn_names[10]),
                t.indexOf("delete.gif") > -1 && $(this).parent().addClass("button-b button--default").text(btn_names[11]),
                t.indexOf("reply.gif") > -1 && $(this).parent().addClass("button-b button--default").text(btn_names[12]),
                t.indexOf("write.gif") > -1 && $(this).parent().addClass("button-b button--dark size--3").text(btn_names[13]),
                t.indexOf("btn_confirm.gif") > -1 && $(this).parent().addClass("button-b button--primary").text(btn_names[14]),
                t.indexOf("cancel.gif") > -1 && $(this).parent().addClass("button-b button--default button--lg").text(btn_names[15]),
                t.indexOf("download.gif") > -1 && $(this).parent().addClass("button-download").text(btn_names[16]);
        }),
        (function t() {
            if (!$(".board-gallery").length) return !1;
            let e = [],
                a = [],
                i = [],
                n = [],
                r = "",
                l = $(".board-gallery .gallery-list").data("column") ? $(".board-gallery .gallery-list").data("column") : 3,
                s = "";
            switch (l) {
                case 1:
                    s = "col-xl-12";
                    break;
                case 2:
                    s = "col-xl-6";
                    break;
                case 3:
                default:
                    s = "col-xl-4";
                    break;
                case 4:
                    s = "col-xl-3";
                    break;
                case 5:
                    s = "col-xl-2-5";
                    break;
                case 6:
                    s = "col-xl-2";
            }
            if ($(".board-gallery").hasClass("type-a")) {
                $(".board-gallery .article-wrapper > .photo-article-list > tbody > tr").each(function () {
                    let t = $(this).find(".bbsnewf5"),
                        r = t.find(".gallery_etc").text().split(":")[1];
                    e.push(t.find("img").attr("src")), a.push(t.find(".gallery_subject>a").attr("href")), i.push(t.find(".gallery_title").text()), n.push(void 0 == r ? "" : '<span class="category">' + r.replace("]", "") + "</span>");
                }),
                    (r = '<div class="row type-a mx-n2 mx-md-n3">');
                for (let c = 0; c < e.length; c++)
                    r += `
                <div class="col-6 col-md-4 ${s} col-photo px-2 px-md-3">
                    <a href='${a[c]}'>
                        <div class="article-card">
                            <figure>
                                <img src="${e[c]}" alt="${i[c]}">
                            </figure>
                            <div class="card-content">
                                ${n[c]}
                                <h5>${i[c]}</h5>
                            </div>
                        </div>
                    </a>
                </div>
            `;
                (r += "</div>"), $(".board-gallery .article-wrapper").empty().append(r);
            } else if ($(".board-gallery").hasClass("type-b")) {
                $(".board-gallery .article-wrapper > .photo-article-list > tbody > tr").each(function () {
                    let t = $(this).find(".bbsnewf5"),
                        r = t.find(".gallery_etc").text().split(":")[1];
                    e.push(t.find("img").attr("src")), a.push(t.find(".gallery_subject>a").attr("href")), i.push(t.find(".gallery_title").text()), n.push(void 0 == r ? "" : '<span class="category">' + r.replace("]", "") + "</span>");
                }),
                    (r = '<div class="row type-b mx-n2 mx-md-n3">');
                for (let o = 0; o < e.length; o++)
                    r += `
                <div class="col-6 col-md-4 ${s} col-photo px-2 px-md-3">
                    <a href='${a[o]}'>
                        <div class="article-card">
                            <figure>
                                <img src="${e[o]}" alt="${i[o]}">
                                <figcaption>
                                    ${n[o]}
                                    <h5>${i[o]}</h5>
                                </figcaption>
                            </figure>
                        </div>
                    </a>
                </div>
            `;
                (r += "</div>"), $(".board-gallery .article-wrapper").empty().append(r);
            }
        })(),
        (function t() {
            if (!$(".faq-list .table-article-list .titdesign").length) return !1;
            let e = `
        <div id="ajax-loader">
            <svg version="1.1" id="L4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
            viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
            <circle fill="#dee2e6" stroke="none" cx="6" cy="50" r="6">
            <animate
                attributeName="opacity"
                dur="1s"
                values="0;1;0"
                repeatCount="indefinite"
                begin="0.1"/>    
            </circle>
            <circle fill="#dee2e6" stroke="none" cx="26" cy="50" r="6">
            <animate
                attributeName="opacity"
                dur="1s"
                values="0;1;0"
                repeatCount="indefinite" 
                begin="0.2"/>       
            </circle>
            <circle fill="#dee2e6" stroke="none" cx="46" cy="50" r="6">
            <animate
                attributeName="opacity"
                dur="1s"
                values="0;1;0"
                repeatCount="indefinite" 
                begin="0.3"/>     
            </circle>
        </svg>
    </div>
    `;
            $(".faq-list .table-article-list .bbsnewf5 > a").on("click", (t) => {
                if (!$('input[name="delete_check_notice[]"]').length) {
                    t.preventDefault();
                    let a = $(t.currentTarget),
                        i = a.attr("href"),
                        n = "";
                    $.ajax({
                        url: i,
                        method: "GET",
                        contentType: "application/x-www-form-urlencoded;charset=euc-kr",
                        dataType: "html",
                        async: !1,
                        success: function (t) {
                            (n = `
                        <td class="reply-content">
                            ${$(t).find("#post_area").html()}
                        </td>
                    `),
                                a.closest(".titdesign").hasClass("article--open")
                                    ? (a.parent().siblings(".reply-content").remove(), a.closest(".titdesign").removeClass("article--open"))
                                    : ($(".titdesign").removeClass("article--open"), $(".reply-content").remove(), a.parent().after(n), a.closest(".titdesign").addClass("article--open"));
                        },
                        error: function (t) {
                            alert("오류가 발생하였습니다.");
                        },
                        beforeSend: function (t) {
                            t.overrideMimeType("application/x-www-form-urlencoded;charset=euc-kr"), $("body").prepend(e);
                        },
                        complete: function () {
                            $("#ajax-loader").remove();
                        },
                    });
                }
            });
        })(),
        (function t() {
            if (!$(".board-event").length) return !1;
            let e = [],
                a = [],
                i = [],
                n = [],
                l = "";
            $(".board-event .article-wrapper > .event-article-list > tbody > tr").each(function () {
                let t = $(this).find(".bbsnewf5");
                let ev_date = t.find(".gallery_etc").text().trim();
                let span_s = ev_date.length == 0 ? '' : ev_date.split(":")[1].replace(",", "").replace("이벤트 종료일", "");
                let span_e = ev_date.length == 0 ? '' : ev_date.split(":")[2].replace("]", "");
                
                e.push(t.find("img").attr("src")),
                    a.push(t.find(".gallery_subject>a").attr("href")),
                    i.push(t.find(".gallery_title").text()),
                    n.push(ev_date.length == 0 ? '' : '<span class="date">'+span_s+' ~ '+span_e+'</span>');
            }),
                (l = '<div class="row row-event-list mx-lg-n5">');
            for (let s = 0; s < e.length; s++)
                l += `
            <div class="col-sm-6 event-item px-lg-5">
                <figure>
                    <a href='${a[s]}'>
                        <img src="${e[s]}" alt="${i[s]}">
                    </a>
                </figure>
                <div class="info">
                    ${n[s]}
                    <h4>${i[s]}</h4>
                </div>
            </div>
        `;
            (l += "</div>"), $(".board-event .article-wrapper").empty().append(l);
        })(),
        (function bloglist_modify() {
            if (!$(".board-blog").length) return !1;
            let no = [],
                title = [],
                write_date = [],
                category = [],
                desc = [],
                src = [],
                link = [],
                html = "";
            $(".board-blog .article-wrapper > .blog-article-list .webzine_type2 > tbody > tr").each(function () {
                let txt_td = $(this).find(".webzine_type_text_td_left");
                if (txt_td.length == 0) { return; }
                let img_td = $(this).find(".webzine_type_img_td");
                no.push(txt_td.find(".webzine_no .obj_value").text().trim());
                title.push(txt_td.find(".webzine_subject .news_title").text().trim());
                write_date.push(txt_td.find(".webzine_dateof_write .obj_value").text());
                category.push(txt_td.find(".webzine_category .obj_value").text().trim());
                desc.push(txt_td.find(".webzine_description .obj_value").text().trim());
                src.push(img_td.find("img").attr("src"));
                link.push(img_td.find("a").attr("href"));
            }),
                (html = '<div class="row blog-item">');
            for (let j = 0; j < src.length; j++)
                html += `
                <div class="row">
                    <div class="thumbnail col-lg-3 col-12">
                        <a href='${link[j]}'>
                            <strong>${title[j]}</strong>
                            <img src="${src[j]}" alt="${title[j]}">
                            <div class="black-mask"></div>
                        </a>
                    </div>
                    <div class="info col-lg-9 col-12">
                        <div class="etc">
                            <span class="no">NO. ${no[j]}</span>
                            <span class="category">&#35;${category[j]}</span>
                            <span class="write-date">${write_date[j]}</span>
                        </div>
                        <h3><a href='${link[j]}'>${title[j]}</a></h3>
                        <p>${desc[j]}</p>
                    </div>
                </div>
            `;
            (html += "</div>"),
            $(".board-blog .article-wrapper").empty().append(html);
        })(),
        (function blog_modify() {
            if (!$(".board-blog #post_area").length) return !1;
            let trs = $(".board-blog .table-article-common tr");
            let html = '<div class="post-wrap"><div class="post-head">';
            let postTag;
            trs.each(function(i){
                let label, desc;
                if ($(this).find("#post_area").length > 0) {
                    postTag = $(this).find("#post_area");
                }
                
                if (i==0) {
                    desc = $(this).find(".board_desc").text().trim();
                    html += `
                    <h3 class="post-title">
                        ${desc}
                    </h3>
                    `;
                } else {
                    label = $(this).find(".board_bgcolor").text().trim();
                    desc = $(this).find(".board_desc").text().trim();
                    if (label.length == 0) {return;}
                    html += `
                    <span class="post-item">
                        <span class="item-label">${label}</span><span class="item-desc">${desc}</span>
                    </span>
                    `;
                }
                
            });
            html += '</div><div class="post-body"></div></div>';
            $(".board-blog .table-article-common").replaceWith(html);
            $(".board-blog").find(".post-body").html(postTag);


            let thumbnails = $(".board-view-thumbnails").find("a");
            let html2 = `<div class="post-thumb"><h4>Previous posts</h4><div class="thumb-items">`;
            thumbnails.each(function(){
                let href = $(this).attr("href");
                let src = $(this).find("img").attr("src");
                html2 += `
                <div class="thumb-item">
                    <a href='${href}'><img src="${src}"></a>
                </div>
                `;
            });
            html2 += '</div></div>';
            $(".board-blog").find(".post-body").append(html2);
            $(".board-view-thumbnails").remove();

            let html3 = `<div class="move-page">`;
            let move_btns = $(".board-blog .move-page");
            move_btns.each(function(){
                let text = $(this).text().trim();
                let direction = text == "이전" ? "prev" : "next";
                let icon = text == "이전" ? '<i class="bi bi-chevron-left"></i><span class="han">이전글</span>' : '<span class="han">다음글</span><i class="bi bi-chevron-right"></i>';
                let link = $(this).attr("href");
                html3 += `<a href='${link}' class="move-btn ${direction}">${icon}</a>`;
            });
            html3 += `</div>`;
            move_btns.remove();
            $(".board-blog").find(".post-wrap").append(html3);
            $(".board-blog").find(".move-btn").on("mouseover", function(){
                $(this).addClass('on');
            });
            $(".board-blog").find(".move-btn").on("mouseout", function(){
                $(this).removeClass('on');
            });
        })(),
        (function blogwrite_modify() {
            if ($(".board-blog #post_area").length) return !1;
            let target = $(".board-blog .table-article-common tr input[name='com_board_notice']");
            if (target.length > 0 ) {
                target.closest("tr").remove();
            }
        })();
});