// ==UserScript==
// @name         一键获取动漫花园下载磁链
// @namespace    http://tampermonkey.net/
// @version      0.1.9
// @description  一键获取动漫花园下载磁链!
// @author       Kaze
// @match        https://share.dmhy.org/*
// @match        https://dmhy.anoneko.com/*
// @icon         https://share.dmhy.org/favicon.ico
// @grant        none
// @license      MIT
// @downloadURL https://update.greasyfork.cloud/scripts/448284/%E4%B8%80%E9%94%AE%E8%8E%B7%E5%8F%96%E5%8A%A8%E6%BC%AB%E8%8A%B1%E5%9B%AD%E4%B8%8B%E8%BD%BD%E7%A3%81%E9%93%BE.user.js
// @updateURL https://update.greasyfork.cloud/scripts/448284/%E4%B8%80%E9%94%AE%E8%8E%B7%E5%8F%96%E5%8A%A8%E6%BC%AB%E8%8A%B1%E5%9B%AD%E4%B8%8B%E8%BD%BD%E7%A3%81%E9%93%BE.meta.js
// ==/UserScript==

(function () {
    'use strict';
    let addDom = {
        hasStyle: false,
        init() {
            if (!this.hasStyle) {
                this.addDialog();
            }
            getInfo.getUrls();
        },
        addDialog() {
            let height = document.documentElement.clientHeight;
            let styleElement = document.createElement('style');
            styleElement.type = 'text/css';
            styleElement.innerHTML = `
            .kaze-dialog {
                position: fixed;
                width: 100vw;
                height: ${height}px;
                background-color: #23ade5;
                left: 0;
                top: 0;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-content: center;
                flex-wrap: nowrap;
                align-items: center;
                z-index: 20;
            }
            
            .kaze-dialog .kaze-dialog-title {
                color: #fff;
                width: 100%;
                font-size: 25px;
                text-align: center;
            }
            
            .kaze-dialog .kaze-dialog-subtitle {
                font-size: 15px;
                color: #fff;
            }
            
            .kaze-dialog .kaze-dialog-input {
                width: 99%;
                height: 100px;
                overflow: auto;
            }
            
            .kaze-dialog .kaze-dialog-value {
                width: 90%;
                margin: 0 auto;
                color: #247;
                border: 1px solid #247;
                background: #CDF;
                padding: 0px 8px 8px;
            }
            
            .kaze-dialog .quick_search_info {
                margin: 5px auto
            }
            
            .kaze-dialog .kaze-dialog-checkbox-content{
                display: flex;
                margin: 0 auto;
                flex-direction: column;
                width: 90%;
                border: 1px solid #247;
                background: #CDF;
                padding:10px 8px 5px 8px;
                align-items: flex-start;
            }

            .kaze-dialog .kaze-dialog-checkbox {
                height: 50vh;
                overflow: auto;
                width: 100%;
                font-size: 16px;
                margin: 10px 0 0 0;
            }
            
            .kaze-dialog .kaze-dialog-checkbox>div {
                margin: 4px auto;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            
            .kaze-dialog .kaze-dialog-checkbox label {
                margin-left: 2px
            }
            
            .kaze-dialog .kaze-dialog-button-area,
            .kaze-dialog .kaze-dialog-checkbox-select {
                display: flex
            }
            
            .kaze-dialog .kaze-dialog-button-area .kaze-dialog-close,
            .kaze-dialog .kaze-dialog-button-area .kaze-dialog-copy,
            .kaze-dialog .kaze-dialog-checkbox-select .kaze-dialog-select-all,
            .kaze-dialog .kaze-dialog-checkbox-select .kaze-dialog-not-select-all {
                width: 80px;
                height: 30px;
                margin: auto 10px;
            }
           `;
            document.getElementsByTagName('body')[0].appendChild(styleElement);

            let dialogDiv = document.createElement('div');
            dialogDiv.innerHTML = `<div class="kaze-dialog">
                   <div class="kaze-dialog-title-content">
                        <div class="kaze-dialog-title">可以只获取勾选的种子地址；请使用 ctrl+a 或者 command+a 全选文字自行复制</div>
                        <a class="kaze-dialog-subtitle" target="_blank" href='https://github.com/KazeLiu/GetDmhyDownloadUrl' >去Github查看项目或提建议(issues)</a>
                   </div>
                    <div class="kaze-dialog-checkbox-content">
                        <div class="kaze-dialog-checkbox-select">
                            <button class="kaze-dialog-select-all">全选</button>
                            <button class="kaze-dialog-not-select-all">全不选</button>
                        </div>
                        <div class="kaze-dialog-checkbox"></div>
                    </div>
                    <div class="kaze-dialog-value">
                        <div class="quick_search_info">当前选中了X项目</div>
                        <textarea class="kaze-dialog-input" placeholder="如果不小心全部删除，按 ctrl + z 或者 command + z 撤回"></textarea>
                    </div>
                    <div class="kaze-dialog-button-area">
                    <button class="kaze-dialog-copy">一键复制</button>
                    <button class="kaze-dialog-close">关闭</button></div>
                </div>`
            document.getElementsByTagName('body')[0].appendChild(dialogDiv)
            dialogDiv.querySelector(".kaze-dialog-close").addEventListener('click', _ => {
                getInfo.showDialog(false)
                // 删除莫名其妙出现的div
                document.querySelector("div[style^='pointer-events: none; visibility: hidden; position: absolute; box-sizing: border-box;']").remove();
            })
            dialogDiv.querySelector(".kaze-dialog-copy").addEventListener('click', _ => {
                addDom.copy()
            })
            dialogDiv.querySelector(".kaze-dialog-select-all").addEventListener('click', _ => {
                let checkboxList = document.querySelectorAll(".kaze-dialog .kaze-dialog-checkbox input[type='checkbox']")
                checkboxList.forEach(item => {
                    item.checked = true;
                })
                getInfo.getUrlsInCheckbox()
            })
            dialogDiv.querySelector(".kaze-dialog-not-select-all").addEventListener('click', _ => {
                let checkboxList = document.querySelectorAll(".kaze-dialog .kaze-dialog-checkbox input[type='checkbox']")
                checkboxList.forEach(item => {
                    item.checked = false;
                })
                getInfo.getUrlsInCheckbox()
            })
            this.hasStyle = true;
        },
        createInitBtn() {
            let btnDiv = document.createElement('span');
            btnDiv.innerHTML = `&nbsp;|&nbsp;获取本页种子链接`
            btnDiv.style.cursor = "pointer"
            document.querySelector('.headerright .links').append(btnDiv)
            btnDiv.addEventListener('click', () => {
                this.init();
            })
        },
        initChckBoxEvent() {
            document.querySelector(".kaze-dialog .kaze-dialog-checkbox").addEventListener('change', (e) => {
                getInfo.getUrlsInCheckbox();
            })
        },
        copy() {
            if (navigator.clipboard) {
                navigator.clipboard.writeText(document.querySelector('.kaze-dialog-input').value);
                document.querySelector(".kaze-dialog-copy").innerText = "已复制";
            } else {
                alert('很遗憾，浏览器不支持这个api')
            }
        }
    }
    let getInfo = {
        getUrls() {
            document.querySelector(".kaze-dialog .kaze-dialog-checkbox").innerHTML = null;
            let checkDiv = document.createElement("div")
            document.querySelectorAll('#topic_list tbody tr').forEach((item, index) => {
                let url = item.querySelector(".download-arrow").getAttribute('href');
                let name = item.querySelector(".title>a").innerText
                let temp = document.createElement("div")
                temp.innerHTML = `
                    <input type="checkbox" id="check_${index}" checked="true" data-url="${url}" onclick="getInfo.getUrlsInCheckbox()">
                    <label title="${name}" for="check_${index}">${name}</label>`
                checkDiv.append(temp)
            });
            document.querySelector(".kaze-dialog .kaze-dialog-checkbox").append(...checkDiv.children);
            addDom.initChckBoxEvent();
            this.getUrlsInCheckbox();
            this.showDialog(true);
        },
        showDialog(isShow) {
            document.querySelector('.kaze-dialog').style.display = isShow ? 'flex' : 'none'
        },
        getUrlsInCheckbox() {
            let checkboxList = document.querySelectorAll(".kaze-dialog .kaze-dialog-checkbox input[type='checkbox']:checked")
            document.querySelector('.quick_search_info').innerHTML = `当前选中了${checkboxList.length}项`
            let urls = [];
            checkboxList.forEach(item => {
                urls.push(item.dataset.url)
            })
            document.querySelector('.kaze-dialog-input').value = urls.join('\r\n');
        }
    }
    addDom.createInitBtn();
})();