// チェックボックス追加処理

function addCheckboxes() {

    $('.nav-site').each(function () {

        const $site = $(this);



        // 「上へ」ボタンにはチェックボックスを追加しない（to-parent クラスで判定）

        if ($site.hasClass('to-parent')) return;



        // チェックボックスは各ボタンのタイトル前を指定するため、画面要素内からtitleを抽出する

        const $title = $site.find('.title');



        // すでにチェックボックスがあるならスキップ

        if ($title.find('input.site-checkbox').length > 0) return;



        const titleText = $title.text().trim();

        const checkbox = $('<input type="checkbox" class="site-checkbox" style="margin-right:5px;">');

        $title.empty().append(checkbox).append(document.createTextNode(titleText));

    });

}





// 削除ボタンの追加処理

function addDeleteButton() {

    if ($('#DeleteCheckedSites').length === 0) {

        // 削除ボタン追加

        $('#MainCommands').append(

            $('<button id="DeleteCheckedSites">選択サイトを削除</button>').button({ icon: 'ui-icon-trash' })

        );



        // 削除処理

        $('#DeleteCheckedSites').on('click', function () {

            const checkedSites = $('.site-checkbox:checked').closest('.nav-site');

            if (checkedSites.length === 0) {

                alert('フォルダ内で削除するサイトを選択してください。');

                return;

            }



            if (!confirm('選択したサイトを削除しますか？')) return;



            checkedSites.each(function () {

                const siteId = $(this).data('value');



                $p.apiDeleteSite({

                    id: siteId,

                    done: function () {

                        console.log('削除成功: ' + siteId);

                        // サイト自体は削除されるが、見た目上画面に残ってしまうため要素を削除

                        $(`.nav-site[data-value="${siteId}"]`).remove();

                    },

                    fail: function () {

                        console.error('削除失敗: ' + siteId);

                    }

                });

            });

        });

    }

}



// サイトを追加するとチェックボックスと削除ボタンの追加処理がリフレッシュされてしまう

// そこでサイト追加のXMLHttpRequestを監視し、リクエスト完了後に再度処理を実行させる

(function () {

    const originalOpen = XMLHttpRequest.prototype.open;

    const originalSend = XMLHttpRequest.prototype.send;



    XMLHttpRequest.prototype.open = function (method, url) {

        this._url = url; // 後で使うために保存

        this._method = method;

        return originalOpen.apply(this, arguments);

    };



    XMLHttpRequest.prototype.send = function (body) {

        const xhr = this;



        const isTargetRequest = () => {

            return xhr._method === 'POST' &&

                // リクエストURLの一部をフック

                xhr._url.includes('/createbytemplate');

        };



        // リクエスト完了後に処理を実行

        xhr.addEventListener('load', function () {

            if (isTargetRequest()) {

                console.log('指定のPOSTリクエストを検知しました:', xhr._url);

                // リクエスト成功後に実行したい処理

                addCheckboxes();

                addDeleteButton();

            }

        });



        return originalSend.apply(this, arguments);

    };

})();



// 初期化

$(function () {

    addCheckboxes();

    addDeleteButton();

});