@@ Line 1: / Line 1: @@
 //<nowiki>
+$(() => {
-mw.loader.using(['mediawiki.util', 'oojs-ui'], function () {
+    const VfDResolver = {
+        config: {
+            vfdPrefix: 'User:Euphoria/TestVfD/' // or 'Wikiquote:Votes_for_deletion/'
+        },
+        actionOptions: [
-    var vfdPrefix = 'User:Euphoria/TestVfD/'; // or 'Wikiquote:Votes_for_deletion/'
+            { data: 'delete', label: 'Close as delete' },
+            { data: 'keep', label: 'Close as keep' },
+            { data: 'no consensus', label: 'Close as no consensus' }
+        ],
+        init() {
-    if (!mw.config.get('wgPageName').startsWith(vfdPrefix)) return;
+            const currentPage = mw.config.get('wgPageName');
+            if (!currentPage.startsWith(this.config.vfdPrefix)) return;
+            mw.loader.using(['oojs-ui', 'mediawiki.util', 'mediawiki.api'], this.run.bind(this));
-    function addButton(label, id, action) {
+        },
-        mw.util.addPortletLink('p-cactions', '#', label, id, 'Close this VfD as ' + action)
-            .addEventListener('click', function (e) {
-                e.preventDefault();
+        run() {
-                openClosurePanel(action);
+            this.addStyle();
+            this.addButtons();
+        },
+        addStyle() {
+            const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+            const bg = darkMode ? '#202122' : '#f5f5f5';
+            const border = darkMode ? '#343434' : '#ccc';
+            const text = darkMode ? '#eaecf0' : '#000';
+            const previewBg = darkMode ? '#101418' : 'white';
+            mw.util.addCSS(`
+                .vfd-closure-panel {
+                    background-color: ${bg};
+                    border: 1px solid ${border};
+                    margin: 10px 0;
+                    padding: 10px;
+                    border-radius: 5px;
+                    color: ${text};
+                    position: relative;
+                }
+                .vfd-closure-preview {
+                    background-color: ${previewBg};
+                    color: ${text};
+                    border: 1px solid ${border};
+                    padding: 10px;
+                    margin: 10px 0;
+                    border-radius: 3px;
+                }
+                .vfd-closure-copy-icons {
+                    display: flex;
+                    gap: 6px;
+                    position: absolute;
+                    right: 8px;
+                    bottom: 5px;
+                    z-index: 10;
+                }
+                .vfd-closure-copy-icon {
+                    width: 16px;
+                    height: 16px;
+                    cursor: pointer;
+                    opacity: 0.7;
+                    transition: opacity 0.1s;
+                    background: none;
+                    border: none;
+                    padding: 0;
+                }
+                .vfd-closure-copy-icon:hover { opacity: 1; }
+                .vfd-closure-copy-icon-copied { opacity: 1; box-shadow: 0 0 2px 2px #a2e37c; }
+                .vfd-closure-copy-tooltip {
+                    position: absolute;
+                    right: 24px;
+                    bottom: 24px;
+                    padding: 1px 6px;
+                    border-radius: 2px;
+                    font-size: 11px;
+                    white-space: nowrap;
+                    box-shadow: 0 1px 3px #0003;
+                }
+            `);
+        },
+        addButtons() {
+            this.actionOptions.forEach(opt => {
+                mw.util.addPortletLink('p-cactions', '#', opt.label, `ca-close-${opt.data}`, `Close this VfD as ${opt.data}`)
+                    .addEventListener('click', e => {
+                        e.preventDefault();
+                        this.openPanel(opt.data);
+                    });
             });
-    }
+        },
+        openPanel(action) {
-    addButton('Close as delete', 'ca-close-delete', 'delete');
+            const textbox = document.getElementById('wpTextbox1');
-    addButton('Close as keep', 'ca-close-keep', 'keep');
+            if (!textbox) return alert('Edit box not found!');
-    addButton('Close as no consensus', 'ca-close-nc', 'no consensus');
+            const panelId = 'vfd-closure-panel';
-    function openClosurePanel(action) {
-        var textbox = document.getElementById('wpTextbox1');
+            $('#' + panelId).remove();
-        if (!textbox) return alert('Edit box not found!');
-        var panelId = 'vfd-closure-panel';
+            const $panel = $('<div>').attr('id', panelId).addClass('vfd-closure-panel');
-        $('#' + panelId).remove();
+            $panel.append($('<h4>').text(`VfD Closure: ${action}`));
-        var $panel = $('<div>').attr('id', panelId).css({
-            border: '1px solid #ccc',
-            padding: '10px',
-            margin: '10px 0',
-            backgroundColor: '#f9f9f9'
-        });
+            const commentInput = new OO.ui.MultilineTextInputWidget({
-        $panel.append($('<h4>').text('VfD Closure Preview'));
+                placeholder: 'Optional comment',
+                autosize: true
+            });
+            $panel.append(new OO.ui.FieldLayout(commentInput, { label: 'Comment:', align: 'left' }).$element);
+            const markResolvedCheckbox = new OO.ui.CheckboxInputWidget({ selected: true });
-        var $commentInput = $('<input>').attr({
+            $panel.append(new OO.ui.FieldLayout(markResolvedCheckbox, { label: 'Add {{subst:vb}} template', align: 'inline' }).$element);
-            type: 'text',
-            placeholder: 'Optional comment'
-        }).css({ width: '100%', margin: '5px 0' });
-        $panel.append($('<label>').text('Comment:')).append('<br>').append($commentInput).append('<br>');
-        var $preview = $('<div>').css({
+            const $previewArea = $('<div>').addClass('vfd-closure-preview').hide();
-            border: '1px solid #aaa',
+            $panel.append($previewArea);
-            padding: '5px',
-            margin: '5px 0',
-            backgroundColor: '#fff'
-        }).text('Preview will appear here');
-        $panel.append($preview);
-        var $btnPreview = $('<button>').text('Preview').css({ marginRight: '5px' });
+            const submitBtn = new OO.ui.ButtonWidget({ label: 'Insert', flags: ['progressive'] });
-        var $btnInsert = $('<button>').text('Insert').css({ marginRight: '5px' });
+            const previewBtn = new OO.ui.ButtonWidget({ label: 'Preview' });
-        var $btnCancel = $('<button>').text('Cancel');
+            const cancelBtn = new OO.ui.ButtonWidget({ label: 'Cancel', flags: ['destructive'] });
-        $panel.append($btnPreview, $btnInsert, $btnCancel);
+            const $btnArea = $('<div>').css('margin-top', '10px').append(previewBtn.$element).append(' ').append(submitBtn.$element).append(' ').append(cancelBtn.$element);
-        $(textbox).before($panel);
+            $panel.append($btnArea);
+            $(textbox).before($panel);
-        function generateWikitext() {
-            var comment = $commentInput.val();
-            var topText = '{{subst:vt|' + action + '. --~~~~' + (comment ? ' ' + comment : '') + '}}\n\n';
-            var bottomText = '\n\n{{subst:vb}}';
-            return topText + textbox.value + bottomText;
-        }
-        $btnPreview.on('click', function () {
+            previewBtn.on('click', () => {
-            $preview.text(generateWikitext());
+                const wikitext = this.generateWikitext(action, commentInput.getValue(), markResolvedCheckbox.isSelected());
+                $previewArea.show().html('<p>Loading preview...</p>');
-        });
+                const api = new mw.Api();
-        $btnInsert.on('click', function () {
-            textbox.value = generateWikitext();
+                api.get({
-            var summaryBox = document.getElementById('wpSummary');
+                    action: 'parse',
-            if (summaryBox) summaryBox.value = 'Closed as ' + action;
+                    text: wikitext,
-            $panel.remove();
+                    prop: 'text',
-        });
+                    formatversion: 2,
+                    pst: true,
+                    disableeditsection: true,
+                    sectionpreview: true
+                }).then(resp => {
+                    $previewArea.html(resp.parse && resp.parse.text ? resp.parse.text : '<p>Error loading preview.</p>');
+                }).catch(() => { $previewArea.html('<p>Error loading preview.</p>'); });
+            });
+            submitBtn.on('click', () => {
+                const wikitext = this.generateWikitext(action, commentInput.getValue(), markResolvedCheckbox.isSelected());
+                textbox.value = wikitext;
+                const summaryBox = document.getElementById('wpSummary');
+                if (summaryBox) summaryBox.value = `Closed as ${action}`;
+                $panel.remove();
+            });
+            cancelBtn.on('click', () => { $panel.remove(); });
+        },
+        generateWikitext(action, comment, markResolved) {
+            const timestamp = '~~~~';
+            let topText = `{{subst:vt|${action}. --${timestamp}${comment ? ' ' + comment : ''}}}\n\n`;
+            let bottomText = markResolved ? '\n\n{{subst:vb}}' : '';
+            return topText + bottomText;
+        }
+    };
+    VfDResolver.init();
-        $btnCancel.on('click', function () {
-            $panel.remove();
-        });
-    }
 });
 //</nowiki>

Anonymous

Search

User:Euphoria/common.js: Difference between revisions

Navigation

Wiki tools

Page tools