User:Euphoria/common.js: Difference between revisions

//<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;
            if (!$(heading).find('a').length) return;

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

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

            actions.forEach(function(actionObj) {
                const btn = document.createElement('button');
                btn.textContent = actionObj.name.charAt(0).toUpperCase(); // D/K/N
                btn.title = 'Close as ' + actionObj.name;

                // Small inline button styling
                Object.assign(btn.style, {
                    width: '16px',
                    height: '16px',
                    fontSize: '65%',
                    padding: '0',
                    marginRight: '3px',
                    border: 'none',
                    borderRadius: '2px',
                    backgroundColor: actionObj.color,
                    color: '#fff',
                    cursor: 'pointer',
                    verticalAlign: 'middle',
                    transition: '0.15s'
                });

                btn.addEventListener('mouseenter', () => btn.style.filter='brightness(1.3)');
                btn.addEventListener('mouseleave', () => 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;

                    btn.disabled = true;
                    const api = new mw.Api();

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

                        const discussionNewContent = '{{subst:vt|' + actionObj.name + '. --~~~~}}\n' + content.trim() + '\n{{subst:vb}}';

                        api.postWithToken('csrf', {
                            action: 'edit',
                            title: mw.config.get('wgPageName'),
                            text: discussionNewContent,
                            summary: 'Closed as ' + actionObj.name,
                            minor: true
                        }).done(function() {
                            const link = $(heading).find('a').first();
                            if (!link.length) {
                                mw.notify('Cannot find target page link!', {title: 'VfDcloser', type: 'error', timeout: 3500});
                                return;
                            }

                            const targetPage = link.attr('title') || link.text().trim();
                            if (!targetPage) {
                                mw.notify('Cannot determine target page title!', {title: 'VfDcloser', type: 'error', timeout: 3500});
                                return;
                            }

                            if (actionObj.name === 'delete') {
                                api.postWithToken('csrf', {action: 'delete', title: targetPage, reason: '[[' + mw.config.get('wgPageName') + ']]'})
                                    .done(() => {
                                        const talkPage = 'Talk:' + targetPage;
                                        api.get({action: 'query', titles: talkPage, format: 'json'}).done(data => {
                                            const talkPages = data.query.pages;
                                            const talkId = Object.keys(talkPages)[0];

                                            if (talkId !== "-1") {
                                                api.postWithToken('csrf', {action: 'delete', title: talkPage, reason: 'Parent page deleted via VfD'})
                                                    .done(() => {
                                                        mw.notify('Discussion closed. Page and talk page deleted.', {title: 'VfDcloser', type: 'success', timeout: 3500});
                                                        location.reload();
                                                    }).fail(err => mw.notify('Error deleting talk page: ' + JSON.stringify(err), {title: 'VfDcloser', type: 'error', timeout: 3500}));
                                            } else {
                                                mw.notify('Discussion closed. Page deleted.', {title: 'VfDcloser', type: 'success', timeout: 3500});
                                                location.reload();
                                            }
                                        });
                                    }).fail(err => mw.notify('Error deleting page: ' + JSON.stringify(err), {title: 'VfDcloser', type: 'error', timeout: 3500}));
                            } else {
                                // Keep / No consensus
                                api.get({
                                    action: 'query',
                                    prop: 'revisions',
                                    titles: targetPage,
                                    rvslots: 'main',
                                    rvprop: 'content',
                                    format: 'json'
                                }).done(function(articleData) {
                                    const articlePages = articleData.query.pages;
                                    const articleId = Object.keys(articlePages)[0];
                                    let articleContent = articlePages[articleId].revisions[0].slots.main['*'];
                                    articleContent = articleContent.replace(/\{\{vfd-new\}\}/gi, '').trim();

                                    api.postWithToken('csrf', {
                                        action: 'edit',
                                        title: targetPage,
                                        text: articleContent,
                                        summary: 'VFD closed as ' + actionObj.name,
                                        minor: true
                                    }).done(() => {
                                        const talkPage = 'Talk:' + targetPage;
                                        api.get({
                                            action: 'query',
                                            prop: 'revisions',
                                            titles: talkPage,
                                            rvslots: 'main',
                                            rvprop: 'content',
                                            format: 'json'
                                        }).done(function(talkData) {
                                            const talkPages = talkData.query.pages;
                                            const talkId = Object.keys(talkPages)[0];
                                            let talkContent = '';
                                            if (talkId !== '-1' && talkPages[talkId].revisions) {
                                                talkContent = '{{vfd-kept-new}}\n' + talkPages[talkId].revisions[0].slots.main['*'].trim();
                                            } else {
                                                talkContent = '{{vfd-kept-new}}';
                                            }

                                            api.postWithToken('csrf', {
                                                action: 'edit',
                                                title: talkPage,
                                                text: talkContent,
                                                summary: 'VFD closed as ' + actionObj.name,
                                                minor: true
                                            }).done(() => {
                                                mw.notify('Discussion closed. Page and talk page updated.', {title: 'VfDcloser', type: 'success', timeout: 3500});
                                                location.reload();
                                            }).fail(err => mw.notify('Error editing talk page: ' + JSON.stringify(err), {title: 'VfDcloser', type: 'error', timeout: 3500}));
                                        });
                                    }).fail(err => mw.notify('Error editing page: ' + JSON.stringify(err), {title: 'VfDcloser', type: 'error', timeout: 3500}));
                                });
                            }
                        }).fail(err => mw.notify('Error editing discussion page: ' + JSON.stringify(err), {title: 'VfDcloser', type: 'error', timeout: 3500}));
                    });
                });

                container.appendChild(btn);
            });

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