Function showConfig

web-clipper/web-clipper.user.js:451–493

()

}
`)
    function showConfig() {
        const modalHTML = `
            <div class="modal-overlay">
                <div class="modal-content">
                    <h3 class="modal-title">${translate.gui_title}</h3>
                    <p class="modal-description">${translate.gui_tokeninput}
                        <a href="https://github.com/settings/tokens/new?description=Web%20Clipper%20Token%20UserScript&scopes=repo" target="_blank" rel="noopener noreferrer">${translate.gui_github_generate}</a>
                    </p>
                    <input type="text" id="github-token-input" class="gui-input" placeholder="${translate.gui_tokeninput}">
                    <p class="modal-description">${translate.gui_github_owner}</p>
                    <input type="text" id="github-owner-input" class="gui-input" placeholder="${translate.gui_github_owner}">
                    <p class="modal-description">${translate.gui_github_repo}</p>
                    <input type="text" id="github-repo-input" class="gui-input" placeholder="${translate.gui_github_repo}">
                    <button id="save-token">${translate.gui_save}</button>
                    <button id="cancel-token" class="cancel">${translate.gui_cancel}</button>
                </div>
            </div>
        `
        const modalContainer = document.createElement('div')
        modalContainer.innerHTML = modalHTML
        document.body.appendChild(modalContainer)
        const elements = {
            token: modalContainer.querySelector('#github-token-input'),
            owner: modalContainer.querySelector('#github-owner-input'),
            repo: modalContainer.querySelector('#github-repo-input'),
            saveButton: modalContainer.querySelector('#save-token'),
            cancelButton: modalContainer.querySelector('#cancel-token')
        }
        elements.token.value = GM_getValue('github_token', '')
        elements.owner.value = GM_getValue('OWNER', '')
        elements.repo.value = GM_getValue('REPO', '')
        elements.saveButton.addEventListener('click', () => {
            if (elements.token.value && elements.owner.value && elements.repo.value) {
                GM_setValue('github_token', elements.token.value)
                GM_setValue('OWNER', elements.owner.value)
                GM_setValue('REPO', elements.repo.value)
                modalContainer.remove()
            } else {
                alert(`${translate.configure}`)
            }
        })
        elements.cancelButton.addEventListener('click', () => modalContainer.remove())
    }
    function showDialog(info, link) {
        const modalHTML = `
            <div class="modal-overlay">