User:DR/test.js

//<nowiki>
$(document).ready(function() {
    function initializeMassDelete() {
        $('#mw-content-text > p').remove();
        $('#firstHeading').text('MassDelete');

        var pagesTextarea = new OO.ui.MultilineTextInputWidget({
                placeholder: 'Enter list of pages (one per line)',
                autosize: true,
                rows: 10
            }),
            reasonInputField = new OO.ui.TextInputWidget({
                placeholder: 'Reason for deletion'
            }),
            deleteTalkCheckbox = new OO.ui.CheckboxInputWidget({
                selected: true
            }),
            previewButton = new OO.ui.ButtonWidget({
                label: 'Preview Deletion',
                flags: ['primary']
            }),
            startButton = new OO.ui.ButtonWidget({
                label: 'Start Deletion',
                icon: 'alert',
                flags: ['primary', 'progressive'],
                disabled: true
            }),
            cancelButton = new OO.ui.ButtonWidget({
                label: 'Cancel',
                flags: ['primary', 'destructive'],
                href: 'https:' + mw.config.get('wgServer')
            }),
            logContainer = $("<div>").hide();

        var labels = {
            pagesLabel: $('<p>').text('Pages to Delete:').css('font-weight', 'bold'),
            reasonLabel: $('<p>').text('Reason:').css('font-weight', 'bold'),
            deleteTalkLabel: $('<label>')
                .append(
                    deleteTalkCheckbox.$element,
                    $('<span>').text(' Also delete talk pages').css('padding-left', '5px')
                )
                .css({
                    'margin-top': '5px',
                    'margin-bottom': '5px'
                })
        };

        previewButton.$element.css('margin-top', '10px');

        $('#mw-content-text').append(
            labels.pagesLabel, pagesTextarea.$element,
            labels.reasonLabel, reasonInputField.$element,
            labels.deleteTalkLabel,
            '<br/>',
            previewButton.$element,
            startButton.$element,
            cancelButton.$element,
            '<br/>',
            logContainer
        );

        function deletePage(page, reason, deleteTalk, callback) {
            var params = {
                action: 'delete',
                title: page,
                reason: reason
            };
            if (deleteTalk) {
                params.deletetalk = true;
            }
            (new mw.Api({
                ajax: {
                    headers: {
                        'Api-User-Agent': 'en:User:DreamRimmer/MassDelete.js'
                    }
                }
            })).postWithToken('csrf', params, {
                async: false
            }).done(function(data) {
                callback(null, data, page);
            }).fail(function(code, data) {
                callback(code, data, page);
            });
        }

        function showAlert(message) {
            alert("Error: " + message);
        }

        function handleDeleteResponse(err, data, page) {
            var logList = $("<ul>").appendTo(logContainer);
            if (err) {
                logList.append("<li>Failed to delete page <b>" + page + "</b>: " + err + "</li>");
            } else {
                logList.append("<li><b>" + page + "</b> deleted successfully.</li>");
            }
        }

        function previewDeleting() {
            var pages = pagesTextarea.getValue().replace(/^\s*[\r\n]/gm, '').split("\n"),
                reason = reasonInputField.getValue().trim(),
                deleteTalk = deleteTalkCheckbox.isSelected();
            if (pages[0].trim() === "" || reason === "") {
                showAlert("Please fill in all fields.");
                return;
            }
            logContainer.empty();
            $("<h1>").wrapInner("<span class='mw-headline'>Deletion preview</span>").appendTo(logContainer);
            logContainer.show();
            var logList = $("<ul>").appendTo(logContainer);
            pages.forEach(function(page) {
                page = page.trim();
                logList.append("<li><b>" + page + "</b> will be deleted for reason: <b>" + reason + "</b></li>");
            });
            if (deleteTalk) {
                logList.append("<li>Talk pages will also be deleted if they exist.</li>");
            }
            startButton.setDisabled(false);
        }

        function startDeleting() {
            if (!confirm("Are you sure you want to delete the listed pages? This action cannot be undone.")) {
                return;
            }
            var pages = pagesTextarea.getValue().replace(/^\s*[\r\n]/gm, '').split("\n"),
                reason = reasonInputField.getValue().trim(),
                deleteTalk = deleteTalkCheckbox.isSelected(),
                suffix = "";
            if (mw.config.get("wgUserGroups").indexOf("sysop") >= 0) {
                suffix = " (sysop action)";
            } else if (mw.config.get("wgGlobalGroups").indexOf("steward") >= 0) {
                suffix = " ([[m:stewards|steward]] action)";
            } else if (mw.config.get("wgGlobalGroups").indexOf("global-sysop") >= 0) {
                suffix = " ([[m:GS|global sysop]] action)";
            }
            reason += suffix + " (using [[:meta:User:DreamRimmer/MassDelete|MassDelete.js]])";
            if (pages[0].trim() === "" || reason === "") {
                showAlert("Please fill in all fields.");
                return;
            }
            logContainer.empty();
            $("<h1>").wrapInner("<span class='mw-headline'>Deletion log</span>").appendTo(logContainer);
            logContainer.show();
            var currentIndex = 0;
            function processNextPage() {
                if (currentIndex >= pages.length) {
                    return;
                }
                var page = pages[currentIndex].trim();
                deletePage(page, reason, deleteTalk, function(err, data) {
                    handleDeleteResponse(err, data, page);
                    currentIndex++;
                    setTimeout(processNextPage, 2000);
                });
            }
            processNextPage();
        }

        pagesTextarea.on('change', function() {
            previewButton.setDisabled(pagesTextarea.getValue().trim() === '' || reasonInputField.getValue().trim() === '');
            startButton.setDisabled(true);
        });

        reasonInputField.on('change', function() {
            previewButton.setDisabled(pagesTextarea.getValue().trim() === '' || reasonInputField.getValue().trim() === '');
            startButton.setDisabled(true);
        });

        previewButton.on('click', previewDeleting);
        startButton.on('click', startDeleting);
    }

    $.when(mw.loader.using('mediawiki.util'), $.ready).then(function() {
        mw.util.addPortletLink(
            'p-tb',
            mw.util.getUrl('Special:BlankPage/MassDelete'),
            'MassDelete'
        );
    });

    if (mw.config.get('wgCanonicalSpecialPageName') === 'Blankpage' && mw.config.get('wgTitle').split('/', 2)[1] === 'MassDelete') {
        $.when(mw.loader.using('oojs-ui-core'), $.ready).then(function() {
            initializeMassDelete();
        });
    }
});
//</nowiki>