User:Euphoria/common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

//<nowiki>
mw.loader.using(['mediawiki.util', 'mediawiki.api'], function () {
    const pagePrefix = 'User:Euphoria/TestVfD/';

    if (!mw.config.get('wgPageName').startsWith(pagePrefix) || mw.config.get('wgAction') !== 'view') return;

    $(function() {
        $('#mw-content-text').find('h2, h3').each(function() {
            const heading = this;
            if ($(heading).closest('.vfd').length) return;

            const container = document.createElement('span');
            container.style.marginLeft = '6px';

            const actions = [
                {name: 'delete', color: '#e74c3c'},      // red
                {name: 'keep', color: '#27ae60'},        // green
                {name: 'no consensus', color: '#f1c40f'} // yellow
            ];

            actions.forEach(function(actionObj) {
                const btn = document.createElement('button');
                btn.textContent = actionObj.name.charAt(0).toUpperCase(); // only first letter for extra small

                // Very small compact styling
                btn.style.width = '16px'; // fixed tiny width
                btn.style.height = '16px';
                btn.style.fontSize = '65%';
                btn.style.padding = '0';
                btn.style.marginRight = '3px';
                btn.style.border = 'none';
                btn.style.borderRadius = '2px';
                btn.style.backgroundColor = actionObj.color;
                btn.style.color = '#fff';
                btn.style.cursor = 'pointer';
                btn.style.verticalAlign = 'middle';
                btn.style.transition = '0.15s';

                // Hover effect
                btn.addEventListener('mouseenter', function() {
                    btn.style.filter = 'brightness(1.3)';
                });
                btn.addEventListener('mouseleave', function() {
                    btn.style.filter = 'brightness(1)';
                });

                btn.addEventListener('click', function(e) {
                    e.preventDefault();
                    if (!confirm('Are you sure you want to close as ' + actionObj.name + '?')) return;

                    const topText = '{{subst:vt|' + actionObj.name + '. --~~~~}}\n';
                    const bottomText = '\n{{subst:vb}}';
                    const summary = 'Closed as ' + actionObj.name;

                    const api = new mw.Api();
                    api.get({
                        action: 'query',
                        prop: 'revisions',
                        titles: mw.config.get('wgPageName'),
                        rvprop: 'content',
                        format: 'json'
                    }).done(function(data) {
                        const pages = data.query.pages;
                        const pageId = Object.keys(pages)[0];
                        let content = pages[pageId].revisions[0]['*'];

                        content = content.replace(/^\s+/, '').replace(/\s+$/, '');
                        const newContent = topText + content + bottomText;

                        api.postWithToken('csrf', {
                            action: 'edit',
                            title: mw.config.get('wgPageName'),
                            text: newContent,
                            summary: summary,
                            minor: true,
                            bot: true
                        }).done(function() {
                            alert('Closed as ' + actionObj.name + '. Page updated!');
                            location.reload();
                        }).fail(function(err) {
                            alert('Error closing section: ' + err);
                        });
                    });
                });

                container.appendChild(btn);
            });

            heading.appendChild(container);
        });
    });
});
//</nowiki>