사용자:Hsl0/연구소/1.js

var api = new mw.Api();
var gadgetsList = Object.keys(mw.loader.moduleRegistry).reduce(function(arr, key) {
    if(key.startsWith('ext.gadget.')) arr.push(key.slice(11));
    return arr;
}, []);
var needed = [];
var ignored = mw.user.options.get('userjs-gadgethelper-ignored');
ignored = ignored? ignored.split('|') : [];
var allowed = getAllowedGadgets();
var ignoredChanged = 0;

function getAllowedGadgets() {
    var allowed = [];
    var options = mw.user.options.values;

    for(var key in options) {
        if(key.startsWith('gadget-') && +options[key]) allowed.push(key.slice(7));
    }

    return allowed;
}

function getSelected(form) {
    return $(form).find('input[type=checkbox]:checked').map(function() {
        return this.name;
    }).get();
}

function getUnselected(form) {
    return $(form).find('input[type=checkbox]:not(:checked)').map(function() {
        return this.name;
    }).get();
}


$('.gadgethelper').each(function() {
    needed = needed.concat(this.dataset.using.split(' '));
});

needed = needed.filter(function(gadget) {
    return gadgetsList.includes(gadget) && !allowed.includes(gadget);
});

function SelectDialog(config) {
    SelectDialog.super.call(this, config);
}
OO.inheritClass(SelectDialog, OO.ui.ProcessDialog);

SelectDialog.static.name = 'GadgetSelectDialog';
SelectDialog.static.title = '소도구 선택';
SelectDialog.static.actions = [
    {
        modes: 'wait',
        label: '실행',
        flags: ['primary', 'progressive'],
        disabled: true
    },
    {
        modes: 'default',
        action: 'execute',
        label: '실행',
        flags: ['primary', 'progressive']
    },
    {
        modes: 'ignored',
        action: 'clear',
        label: '해제',
        flags: ['primary', 'progressive']
    },
    {
        modes: 'default',
        action: 'close',
        label: '닫기',
        flags: 'safe'
    },
    {
        modes: 'ignored',
        action: 'cancel',
        label: '취소',
        flags: 'safe'
    },
    {
        modes: 'default',
        action: 'go-ignored',
        label: '무시된 소도구 보기'
    },

];
if(!mw.user.isAnon()) SelectDialog.static.actions.push({
    modes: 'default',
    action: 'go-allowed',
    label: '항상 허용된 소도구 관리'
});

SelectDialog.prototype.initialize = function() {
    SelectDialog.super.prototype.initialize.apply(this, arguments);

    var defaultMessage = $('<p>이 문서를 정상적으로 작동하려면 다음 소도구가 필요합니다. 실행할 소도구를 선택해 주세요.</p>');
    this.defaultForm = new OO.ui.FormLayout();
    this.defaultPanel = new OO.ui.PanelLayout({
        padded: true,
        content: [defaultMessage, this.defaultForm]
    });

    this.wait = new OO.ui.PanelLayout({
        padded: true
    });
    this.wait.$element.append('<p>소도구 정보를 불러오고 있습니다... 잠시만 기다려 주세요.</p>');

    var ignoredMessage = $('<p>무시한 소도구의 목록입니다. 해제할 소도구를 선택해 주세요.</p>');
    this.ignoredForm = new OO.ui.FormLayout();    
    this.ignoredPanel = new OO.ui.PanelLayout({
        padded: true,
        content: [ignoredMessage, this.ignoredForm]
    });

    this.stackLayout = new OO.ui.StackLayout({
        items: [this.wait, this.defaultPanel, this.ignoredPanel]
    })

    this.$body.append(this.stackLayout.$element);
};

SelectDialog.prototype.createDefaultForm = function() {
    var form = this.defaultForm;

    this.defaultForm.clearItems();

    var all = new OO.ui.CheckboxInputWidget({
        selected: true
    });
    all.on('change', function(checked) {
        form.$element.find('input[type=checkbox]:not(:disabled)').prop('checked', checked);
    });

    var input = new OO.ui.CheckboxMultiselectWidget({
        items: needed.filter(function(gadget) {
            return !ignored.includes(gadget);
        }).map(function(gadget) {
            var ignore = new OO.ui.ButtonWidget({
                label: '무시',
                flags: 'destructive',
                framed: false
            });
            ignore.on('click', function() {
                ignore.clearFlags();
                if(ignore.data) {
                    var index = ignored.indexOf(gadget);
                    if(index > -1) ignored.splice(index, 1);
                    ignore.setData(false);
                    if(index > 0) ignoredChanged--;

                    ignore.setLabel('무시');
                    ignore.setFlags('destructive');
                } else {
                    ignoredChanged++;
                    ignored.push(gadget);
                    ignore.setData(true);

                    ignore.setLabel('무시 해제');
                    ignore.setFlags('progressive');
                }
            });

            return new OO.ui.HorizontalLayout({
                items: [
                    new OO.ui.CheckboxMultioptionWidget({
                        data: gadget,
                        label: mw.msg('gadget-' + gadget),
                        selected: true
                    }),
                    ignore
                ]
            });
        })
    });

    this.defaultForm.addItems([
        new OO.ui.FieldLayout(all, {
            label: '모두 선택',
            align: 'inline'
        }),
        input
    ]);
};

SelectDialog.prototype.getSetupProcess = function(data) {
    var dialog = this;

    this.actions.setMode('wait');

    return SelectDialog.super.prototype.getSetupProcess.call(this, data)
        .next(api.loadMessagesIfMissing(needed.map(function(key) {
            return 'gadget-' + key;
        })))
        .next(function() {
            dialog.createDefaultForm();

            dialog.stackLayout.setItem(dialog.defaultPanel);
            dialog.actions.setMode('default');
        });
};

SelectDialog.prototype.getActionProcess = function(action) {
    var process = SelectDialog.super.prototype.getActionProcess.call(this, action);
    var dialog = this;

    switch(action) {
        case 'execute':
            return process
                .next(mw.loader.using(getSelected(this.defaultForm).map(function(gadget) {
                    return 'ext.gadget.' + gadget;
                })))
                .next(function() {
                    dialog.close();
                });
            break;

        case 'clear':
            ignored = getUnselected(this.ignoredForm);
            return process
                .next(api.saveOption('userjs-gadgethelper-ignored', ignored.join('|')))
                .next(function() {
                    mw.user.options.set('userjs-gadgethelper-ignored', ignored.join('|'));

                    dialog.ignoredForm.clearItems();
                    dialog.createDefaultForm();

                    dialog.stackLayout.setItem(dialog.defaultPanel);
                    dialog.actions.setMode('default');
                });
            break;
        
        case 'close':
            return process.next(function() {
                dialog.close();
            });
            break;

        case 'cancel':
            return process.next(function() {
                dialog.stackLayout.setItem(dialog.defaultPanel);
                dialog.actions.setMode('default');
            });
            break;
        
        case 'go-ignored':
            return process
                .next(function() {
                    dialog.stackLayout.setItem(dialog.wait);
                    dialog.actions.setMode('wait');
                })
                .next(api.loadMessagesIfMissing(ignored.map(function(key) {
                    return 'gadget-' + key;
                })))
                .next(function() {
                    if(!dialog.ignoredForm.items.length) {
                        var all = new OO.ui.CheckboxInputWidget();
                        all.on('change', function(checked) {
                            dialog.ignoredForm.$element.find('input[type=checkbox]').prop('checked', checked);
                        });

                        var input = new OO.ui.CheckboxMultiselectWidget({
                            items: ignored.map(function(gadget) {
                                return new OO.ui.CheckboxMultioptionWidget({
                                    data: gadget,
                                    label: mw.msg('gadget-' + gadget),
                                    selected: true
                                });
                            })
                        });
                        dialog.ignoredForm.addItems([
                            new OO.ui.FieldLayout(all, {
                                label: '모두 선택',
                                align: 'inline'
                            }),
                            input
                        ]);
                    }

                    dialog.stackLayout.setItem(dialog.ignoredPanel);
                    dialog.actions.setMode('ignored');       
                });
            break;
        case 'go-allowed':
            return process.next(function() {
                open('/wiki/%ED%8A%B9%EC%88%98:%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95#mw-prefsection-gadgets');
            });
            break;
    }

    return process.next(function() {
        throw new TypeError('Wrong action called');
    });
};

SelectDialog.prototype.getBodyHeight = function() {
	return this.stackLayout.currentItem.$element.innerHeight(true);
};

var windowManager = new OO.ui.WindowManager();
windowManager.$element.appendTo(document.body);

var dialog = new SelectDialog({
    size: 'large'
});
windowManager.addWindows([dialog]);
windowManager.openWindow(dialog);