User:MonkeysHK/common.js

// /** Staff Tagger * * Code to automate some part of administrator's actions for staff promotion/demotion * * Staff "tag" option appears on the template * This template is commonly used on HSW:STFREQS */

/* jshint esversion: 5, forin: true, immed: true, indent: 4, latedef: true, newcap: true, noarg: true, undef: true, undef: true, unused: true, browser: true, jquery: true, onevar: true, eqeqeq: true, multistr: true, maxerr: 999999, sub: true, forin: false, -W082, -W084

/* global mw, BannerNotification */ "use strict"; (function {    if (window.StaffTagger && window.StaffTagger.Loaded)        return;

window.StaffTagger = window.StaffTagger || {}; window.StaffTagger.Loaded = true;

$.when(       mw.loader.using([ "mediawiki.util", "mediawiki.api", mw.loader.getModuleNames.find(function (module) {               return module.startsWith("BannerNotification");            }), ]),       $.Deferred(function (def) { mw.hook("dev.modal").add(function {                def.resolve;            }); }),       $.Deferred(function (def) { if (mw.util.StaffUtil) { def.resolve(mw.util.StaffUtil); } else { $.ajax({                   cache: true,                    dataType: "script",                    url: "https://hypixel-skyblock.fandom.com/wiki/MediaWiki:Gadget-StaffColorsUpdater.js"                }).done(function  {                    def.resolve(mw.util.StaffUtil);                }); }       })    ).then(function  {        if (!/codeeditor|sysop|bureaucrat|soap|staff|helper|wiki-manager|content-team-member|util/.test(mw.config.get("wgUserGroups").join("\n")))            return;

window.StaffTagger = window.StaffTagger || {};

var StaffTagger, that, cachedStaffData; StaffTagger = that = window.StaffTagger = Object.assign(this, {           Loaded: true,            api: new mw.Api,            staffDataPage: "Module:Staff/Members",            ranksAvailable: [                "bureaucrat",                "sysop",                "codeeditor",                "content-moderator",                "threadmoderator",                "rollback",            ],            rankShorts: {                bureaucrat: "BU",                sysop: "AD",                codeeditor: "CE",                "content-moderator": "CM",                threadmoderator: "DM",                rollback: "RB",            },            rankLongs: {                BU: "bureaucrat",                AD: "sysop",                CE: "codeeditor",                CM: "content-moderator",                DM: "threadmoderator",                RB: "rollback",            },

// Begin (Taken from HypixelItemDataFetcher (by Fewfre) and modified) luaTableDataModuleToJson: function (moduleName) { return that.api.post({                       action: "scribunto-console",                        title: mw.config.get("wgPageName"),                        question: "=mw.text.jsonEncode(require('" + moduleName + "'))"                    }) .then(function (response) {                       return response.return;                    }) .then(function (data) {                       return JSON.parse(data);                    }); },           toSafeStr: function (s) { return s.replaceAll("\'", "\\\'").replaceAll("\"", "\\\""); },           toLuaKey: function (k) { k = that.toSafeStr(k); return (/^\w+$/.test(k) && /^[^\d]/.test(k)) ? k : ("[\"" + k + "\"]"); },           jsonToLuaTable: function (json, depth) { depth = typeof depth === "undefined" ? -1 : depth; depth++; if (Array.isArray(json)) { return "{ " + json.map(function (o) {                       return that.jsonToLuaTable(o, depth);                    }).join(", ") + " }"; } else if (typeof json === "object") { var space = depth ? "" : "\t", br = depth ? "" : "\n", ex = depth ? " " : "";                   return "{ " + br + Object.entries(json).sort(function (a, b) {                           return a[0] > b[0];                        }).map(function (data) {                            return space + that.toLuaKey(data[0]) + " = " + that.jsonToLuaTable(data[1], depth);                        }).join(", " + br) + br + ex + "}"; }               // Otherwise seems to be normal value; done on this branch! else { return typeof json === "string" ? "\"" + that.toSafeStr(json) + "\"" : json; }           },            saveToWiki: function (json, summary, page) { var lua = "-- \nreturn " + that.jsonToLuaTable(json);

return that.api.postWithEditToken({                   action: "edit",                    text: lua,                    title: page,                    summary: summary,                    minor: true,                }).catch(console.warn); },           // End (Taken from HypixelItemDataFetcher (by Fewfre) and modified)

fetchStaffData: function { return that.luaTableDataModuleToJson(that.staffDataPage).then(function (data) {                   cachedStaffData = data;                }); },           fetchUserRights: function (user) { return that.api.get({                   action: "query",                    list: "users",                    ususers: user,                    usprop: "groupmemberships",                    aulimit: 500,                }).then(function (dt) {                    var result = dt.query.users[0].groupmemberships.map(function (v) { return v.expiry === "infinity" ? v.group : ""; });                   that.existingGroups = [];                    for (var i in that.ranksAvailable)                        if (result.includes(that.ranksAvailable[i]))                            that.existingGroups.push(that.ranksAvailable[i]);                }).catch(console.warn); },

putToday: function (e) { e.preventDefault; var date = new Date; $(this).siblings("input").val(date.getUTCFullYear + "-" + (date.getUTCMonth + 1) + "-" + date.getUTCDate); },           getField: function (user, field) { return (!cachedStaffData[user] || !cachedStaffData[user][field]) ? "" : cachedStaffData[user][field]; },           parsePipeList: function (s) { return (s || "").split("|").map(function (part) {                   return part.trim;                }).filter(function (part) {                    return part !== "";                }); },

// #1: Granting rights (if applicable) grantUserRights: function (user, toAdd, bots, reason) { var addbots = that.parsePipeList(bots), prevbots = that.parsePipeList(that.getField(user, "bot")).filter(function (v) {                       !$.inArray(v, addbots);                    }), allranks = that.ranksAvailable.join("|"), ranks_to_remove = [], ranks_to_add = toAdd || [];

for (var i in that.ranksAvailable) { if (!ranks_to_add.includes(that.ranksAvailable[i])) ranks_to_remove.push(that.ranksAvailable[i]); }               console.log("To add", ranks_to_add); console.log("To remove", ranks_to_remove);

return [user].concat(addbots).map(function (account, i) {                   var isBot = i;                    return that.api.get({ action: "query", list: "users", ususers: account, ustoken: "userrights", }).always(function (data) { var usToken = data.query.users[0].userrightstoken; if (data.query) { that.api.post({                               "action": "userrights",                                "format": "json",                                "user": account,                                "add": ranks_to_add,                                "remove": ranks_to_remove,                                "expiry": "infinite",                                "reason": isBot && ("Changed rank(s) for associated bot accounts (" + reason + ")") || reason,                                "token": usToken,                            }).always(function (data) {                                if (data.userrights) {                                    console.log("[StaffTagger #1]: Finished modified ranks for " + account + " (when applicable)!");                                    console.log("[StaffTagger #1]: > Ranks added (" + Object.keys(data.userrights.added).length + "): ", data.userrights.added); console.log("[StaffTagger #1]: > Ranks removed (" + Object.keys(data.userrights.removed).length + "): ", data.userrights.removed); } else console.warn("[StaffTagger #1]: Failed to modify ranks:" + data); });                       } else                            console.warn("[StaffTagger #1]: API error in getting user rights token:" + data, "(API Error code \"" + data + "\")");                    }); }).concat(prevbots.map(function (account) {                   return that.api.get({ action: "query", list: "users", ususers: account, ustoken: "userrights", }).always(function (data) { var usToken = data.query.users[0].userrightstoken; if (data.query) { that.api.post({                               "action": "userrights",                                "format": "json",                                "user": account,                                "remove": allranks,                                "expiry": "infinite",                                "reason": "Removing rank(s) for disassociated bot accounts",                                "token": usToken,                            }).always(function (data) {                                if (data.userrights) {                                    console.log("[StaffTagger #1]: Finished modified ranks for " + account + " (when applicable)!");                                    console.log("[StaffTagger #1]: > Ranks added (" + Object.keys(data.userrights.added).length + "): ", data.userrights.added);                                    console.log("[StaffTagger #1]: > Ranks removed (" + Object.keys(data.userrights.removed).length + "): ", data.userrights.removed); } else console.warn("[StaffTagger #1]: Failed to modify ranks:" + data); });                       } else                            console.warn("[StaffTagger #1]: API error in getting user rights token:" + data, "(API Error code \"" + data + "\")");                    }); }));           },

// #2: Change Staff Data on Staff Page // Now should update Module:Staff/Members instead changeStaffData: function (user, ranklist, formerlist, joindate, resigndate, bots, activity, reason) { ranklist = ranklist || []; formerlist = formerlist || []; var rankshorts = [], formershorts = []; for (var i in that.ranksAvailable) { if (ranklist.includes(that.ranksAvailable[i])) rankshorts.push(that.rankShorts[that.ranksAvailable[i]]); if (formerlist.includes(that.ranksAvailable[i])) formershorts.push(that.rankShorts[that.ranksAvailable[i]]); }

cachedStaffData[user] = cachedStaffData[user] || {}; Object.assign(cachedStaffData[user], {                   rank: rankshorts.join("|"),                    former: formershorts.join("|"),                    join: joindate,                    resignation: resigndate,                    bot: bots,                    activity: activity,                }); if (resigndate) delete cachedStaffData[user].rank; else delete cachedStaffData[user].resignation; if (!rankshorts.length) delete cachedStaffData[user].rank; if (!formershorts.length) delete cachedStaffData[user].former; if (!bots || bots === "") delete cachedStaffData[user].bot; if (!activity || bots === "") delete cachedStaffData[user].activity;

return that.saveToWiki(cachedStaffData, reason, that.staffDataPage).always(function (data) {                   if (data.edit)                        console.log("[StaffTagger #2]: Successfully modified", user, "on staff member list");                    else                        console.warn("[StaffTagger #2]: API Error in editing staff member list", user + ":", data);                }); },

// #3: Add staff message box to userpage addMsgBox: function (user, reason, hasMsgBox) { var userpage = "User:" + user, newtext = "\n"; return that.api.get({                   action: "query",                    format: "json",                    prop: "revisions",                    titles: userpage,                    formatversion: 2,                    rvprop: "content",                    rvslots: "*",                }).then(function (d) {                    var content = d.query.pages[0].revisions[0].slots.main.content;                    var regex = new RegExp("\\{\\{StaffM?s?g?b?o?x?\\|.*?\\}\\}\\s*", "ig");                    var options = {                        action: "edit",                        watchlist: "nochange",                        summary: reason,                        title: userpage,                        minor: true,                        prependtext: newtext,                        token: mw.user.tokens.values.editToken,                    };                    if (!hasMsgBox) { delete options.prependtext; options.text = content.replace(regex, ""); } else if (content.match(regex)) { delete options.prependtext; options.text = newtext + content.replace(regex, ""); }                   return that.api.post(options); }).always(function (data) { if (data.edit) console.log("[StaffTagger #3]: Successfully added StaffMsgbox to", user); else console.warn("[StaffTagger #3]: API Error in adding StaffMsgbox for", user + ":", data); });           },

// #4: Protect staff userpage protectStaffPage: function (user, highLevel) { var userpage = "User:" + user; return that.api.post({                   action: "protect",                    bot: true,                    watchlist: "nochange",                    title: userpage,                    protections: (highLevel) ?                        "edit=sysop|move=sysop" : "edit=autoconfirmed|move=autoconfirmed",                    expiry: "infinite",                    reason: "Protecting wiki staff userpage",                    token: mw.user.tokens.values.editToken,                }).always(function (data) {                    if (data.protect)                        console.log("[StaffTagger #4]: Successfully protected", user + "\'s userpage");                    else                        console.warn("[StaffTagger #4]: API error in protecting", user + "\'s userpage:", data);                }); },

// #5: Update staff-colors.less updateStaffColors: function { return $.Deferred(function (def) {                   mw.util.StaffUtil.updateStaffColors(function  { console.log("[StaffTagger #5]: Successfully updated staff-colors.less"); def.resolve; });               });            },

// #6: Null Edit Pages nullEditPages: function (user) { return [ that.api.post({                       action: 'edit',                        title: "Message_Wall:" + user,                        token: mw.user.tokens.get('csrfToken') || mw.user.tokens.get('editToken'),                        prependtext: '',                    }).always(function (data) {                        if (data.edit)                            console.log("[StaffTagger #6]: Successfully null edited Message_Wall:" + user);                        else                            console.warn("[StaffTagger #6]: API error in null editing Message_Wall:" + user, data);                    }), that.api.post({                       action: 'edit',                        title: "User_talk:" + user,                        token: mw.user.tokens.get('csrfToken') || mw.user.tokens.get('editToken'),                        prependtext: '',                    }).always(function (data) {                        if (data.edit)                            console.log("[StaffTagger #6]: Successfully null edited User_talk:" + user);                        else                            console.warn("[StaffTagger #6]: API error in null editing User_talk:" + user, data);                    }), ];           },

isValidDate: function (s) { return /\d{4}\-\d{1,2}\-\d{1,2}/.test(s) && (!isNaN((new Date(s)).getDate)); },           trim: function (s) { s = s.trim; if (s === "") return undefined; return s;           },

processInformation: function { var mode = that.usingMode, errorEl = $("#StaffTagger-error"), hasMsgBox = $("#StaffTagger-staffmsgbox-pref").prop("checked"), hasBot = $("#StaffTagger-bot-pref").prop("checked"), hasActivity = $("#StaffTagger-activity-pref").prop("checked"), opts;

errorEl.empty; if (mode === "staff") { opts = { user: $("#StaffTagger-user-input").val.trim, ranklist: $("#StaffTagger-ranks-wrapper *:checked").get.map(function (el) {                           return $(el).attr("data-rank");                        }), formerlist: $("#StaffTagger-ranks-wrapper-former *:checked").get.map(function (el) {                           return $(el).attr("data-rank");                        }), date: $("#StaffTagger-date-input").val.trim, bots: hasBot && $("#StaffTagger-bot-input").val.trim || "", activity: hasActivity && $("#StaffTagger-activity-input").val.trim || "", reason: $("#StaffTagger-reason-input").val.trim, };                   opts.addedRanks = opts.ranklist.join("|"); opts.highlevel = /content-moderator|codeeditor|sysop|bureaucrat/.test(opts.addedRanks); if (!opts.ranklist.length && !window.confirm("No ranks are selected for this user. Are you sure to proceed?\nNote: For staff resignation, click \"CANCEL\" and \"Switch to Resign Mode\".")) return; } else if (mode === "resign") { opts = { user: $("#StaffTagger-user-input").val.trim, formerlist: $("#StaffTagger-ranks-wrapper-former *:checked").get.map(function (el) {                           return $(el).attr("data-rank");                        }), date: $("#StaffTagger-date-input").val.trim, resignDate: $("#StaffTagger-date-input-resign").val.trim, bots: hasBot && $("#StaffTagger-bot-input").val || undefined, activity: hasActivity && $("#StaffTagger-activity-input").val || undefined, reason: $("#StaffTagger-reason-input-resign").val.trim, highLevel: false, };                   if (!opts.formerlist.length && !window.confirm("No former ranks are selected. Are you sure to proceed?")) return; }               if (opts.user === "") return errorEl.text("Please input a user."); if (!that.isValidDate(opts.date)) return errorEl.text("Join date is invalid."); if ("resignDate" in opts && !that.isValidDate(opts.resignDate)) return errorEl.text("Resign date is invalid.");

Promise.all([                   that.changeStaffData(opts.user, opts.ranklist, opts.formerlist, opts.date, opts.resignDate, opts.bots, opts.activity, opts.reason), // #2                    that.addMsgBox(opts.user, opts.reason, hasMsgBox), // #3                    that.protectStaffPage(opts.user, opts.highLevel), // #4                    that.updateStaffColors, // #5                ].concat( that.grantUserRights(opts.user, opts.addedRanks, opts.bots, opts.reason) // #1 ).concat( that.nullEditPages(opts.user) // #6 )).then(that.onResolve);

that.modal.hide; new BannerNotification($(" ", { html: " Processing, Please Wait. Another pop-up should indicate completion. ", }).prop("outerHTML"), "confirm", undefined, 5000).show; },

onResolve: function { new BannerNotification($(" ", { html: " All subprocesses completed. Horray! Please check the Console for all the results/errors. You may now Update CSS. ", }).prop("outerHTML"), "confirm").show; },

editorCloseHandler: function { that.modal.hide; },

createIntroSection: function { return "Select the ranks for this user. Then, the Staff Tagger will perform the following:\                   \                    Grant/Remove selected rights to the user on wiki and synchronize rights of user's bot accounts (if applicable)\                    Change staff data on Module:Staff/Members\                    Add StaffMsgBox to the user page (if applicable)\                    Increase/Decrease protection of the user page\                    Update staff-color.less</li>\                    Null Edit   and   for the user</li>\                    </ol>\                    "; },

createRanksSelection: function (suffix) { return that.ranksAvailable.map(function (rank) {                   var idname = "StaffTagger-rank-" + rank + suffix;                    return {                        type: "div",                        attr: {                            id: "StaffTagger-ranks-wrapper" + suffix                        },                        children: [{                            type: "input",                            attr: {                                type: "checkbox",                                id: idname,                                "data-rank": rank                            },                        }, {                            type: "label",                            attr: {                                for: idname                            },                            text: " " + rank,                        }],                    };                }); },

showModal: function { var user = that.user || ""; Promise.all([                   that.fetchStaffData,                    that.fetchUserRights(user),                ]).then(function  {                    var defaultDate = that.getField(user, "join"),                        defaultResignDate = that.getField(user, "resignation"),                        defaultBots = that.getField(user, "bot"),                        defaultActivity = that.getField(user, "activity"),                        defaultReason = "Per request to be staff: HSW:STFREQS",                        defaultResignReason = "Staff resignation of User:" + user + "";                    that.modal.setContent({ children: [{ type: "form", attr: { id: "StaffTagger-form", style: "margin: 0 1em;", },                           children: [{ type: "span", attr: { class: "page-content", },                               html: that.createIntroSection, }, {                               type: "div", id: "StaffTagger-input", children: [{ type: "div", attr: { id: "StaffTagger-mode-label", class: "staff-components", style: "color: rgb(214, 151, 232);", },                                   html: "Staff Mode: For staff promotion/demotion", }, {                                   type: "div", attr: { id: "StaffTagger-mode-label-resign", class: "resign-components", style: "color: rgb(122, 216, 219);", },                                   html: "Resign Mode: All ranks will be removed from this user (if applicable)", }, {                                   type: "div", attr: { id: "StaffTagger-error", style: "color: red;", },                               }, {                                    type: "div", attr: { id: "StaffTagger-user-wrapper", class: "staff-components resign-components", },                                   children: [{ type: "label", id: "StaffTagger-user-label", text: "User: ", }, {                                       type: "input", attr: { id: "StaffTagger-user-input", type: "text", value: user, },                                   }, {                                        type: "input", attr: { id: "StaffTagger-staffmsgbox-pref", type: "checkbox", },                                   }, {                                        type: "label", attr: { for: "StaffTagger-staffmsgbox-pref", },                                       html: " Enable StaffMsgBox on user page ", }],                               }, {                                    type: "div", attr: { id: "StaffTagger-ranks-label", class: "staff-components", },                                   html: "Select the ranks to add (Deselect the ranks to remove):", }, {                                   type: "div", attr: { id: "StaffTagger-ranks-wrapper", class: "staff-components", },                                   children: that.createRanksSelection(""), }, {                                   type: "div", attr: { id: "StaffTagger-ranks-label-former", class: "staff-components", },                                   text: "Select previous higher rank(s) of this user (if any):", }, {                                   type: "div", attr: { id: "StaffTagger-ranks-label-former-resign", class: "resign-components", },                                   text: "Select previous highest rank(s) of this user:", }, {                                   type: "div", attr: { id: "StaffTagger-ranks-wrapper-former", class: "staff-components resign-components", },                                   children: that.createRanksSelection("-former"), }, {                                   type: "div", attr: { id: "StaffTagger-date-wrapper", class: "staff-components resign-components", },                                   children: [{ type: "label", id: "StaffTagger-date-label", text: "Join Date: ", }, {                                       type: "input", attr: { id: "StaffTagger-date-input", type: "text", value: defaultDate, },                                   }, {                                        type: "a", attr: { id: "StaffTagger-date-today", type: "text", href: "#", },                                       html: "[Today]", }],                               }, {                                    type: "div", attr: { id: "StaffTagger-date-wrapper-resign", class: "resign-components", },                                   children: [{ type: "label", id: "StaffTagger-date-label-resign", text: "Resign Date: ", }, {                                       type: "input", attr: { id: "StaffTagger-date-input-resign", type: "text", value: defaultResignDate, },                                   }, {                                        type: "a", attr: { id: "StaffTagger-date-today-resign", type: "text", href: "#", },                                       html: "[Today]", }],                               }, {                                    type: "div", attr: { id: "StaffTagger-bot-wrapper", class: "staff-components resign-components", },                                   children: [{ type: "abbr", id: "StaffTagger-bot-label", attr: { title: "Use the pipe character to separate multiple items, eg. Bot1|Bot2" },                                       text: "Bot Account(s): ", }, {                                       type: "input", attr: { id: "StaffTagger-bot-input", type: "text", value: defaultBots, },                                   }, {                                        type: "input", attr: { id: "StaffTagger-bot-pref", type: "checkbox", },                                   }, {                                        type: "label", attr: { for: "StaffTagger-bot-pref", },                                       children: { type: "abbr", attr: { title: "(Uncheck to remove all bot accounts for the user)" },                                           text: "Enable Field" },                                   }],                                }, {                                    type: "div", attr: { id: "StaffTagger-activity-wrapper", class: "staff-components resign-components", },                                   children: [{ type: "label", id: "StaffTagger-activity-label", text: "Activity Status: ", }, {                                       type: "input", attr: { id: "StaffTagger-activity-input", type: "text", value: defaultActivity, }                                   }, {                                        type: "input", attr: { id: "StaffTagger-activity-pref", type: "checkbox", },                                   }, {                                        type: "label", attr: { for: "StaffTagger-activity-pref", },                                       children: { type: "abbr", attr: { title: "(Uncheck to remove activity status for the user)" },                                           text: "Enable Field" },                                   }],                                }, {                                    type: "div", attr: { id: "StaffTagger-reason-wrapper", class: "staff-components", },                                   children: [{ type: "label", id: "StaffTagger-reason-label", text: "Reason: ", }, {                                       type: "input", attr: { id: "StaffTagger-reason-input", type: "text", style: "width: 80%;", value: defaultReason, },                                   }],                                }, {                                    type: "div", attr: { id: "StaffTagger-reason-wrapper-resign", class: "resign-components", },                                   children: [{ type: "label", id: "StaffTagger-reason-label-resign", text: "Reason: ", }, {                                       type: "input", attr: { id: "StaffTagger-reason-input-resign", type: "text", style: "width: 80%;", value: defaultResignReason, },                                   }],                                }],                            }],                        }]                    });                    that.modal.show;                    that.toStaffMode;                    for (var i in that.existingGroups)                        $("#StaffTagger-rank-" + that.existingGroups[i]).prop("checked", true);                    var former = cachedStaffData[user] && cachedStaffData[user]["former"] &&                        that.parsePipeList(cachedStaffData[user]["former"]) || [];                    if (!(former.length === 1 && former[0] === ""))                        for (var j in former)                            if (that.rankLongs[former[j]])                                $("#StaffTagger-rank-" + that.rankLongs[former[j]] + "-former").prop("checked", true);                    // attach events $("#StaffTagger-date-today").click(that.putToday); $("#StaffTagger-date-today-resign").click(that.putToday); if (defaultBots !== "") $("#StaffTagger-bot-pref").prop("checked", true); if (defaultActivity !== "") $("#StaffTagger-activity-pref").prop("checked", true); $("#StaffTagger-bot-pref").change(function {                        $("#StaffTagger-bot-input")[0].disabled = !this.checked;                    }).change; $("#StaffTagger-activity-pref").change(function {                        $("#StaffTagger-activity-input")[0].disabled = !this.checked;                    }).change; });           },            onclick: function (e) {                e.preventDefault;                that.user = (mw.config.get("wgNamespaceNumber") !== 2) ? $(this).parent.attr("data-user").replaceAll("_", " ") :                    mw.config.get("wgPageName").match(mw.config.get("wgFormattedNamespaces")[2] + ":([^/]*)")[1].replaceAll("_", " ");                that.showModal;            },            init: function  {                $("span#tag-user > a[href*=\"prepend=\"].text").click(that.onclick);                if (mw.config.get("wgNamespaceNumber") === 2) {                    $(".page-header__contribution-buttons .wds-list, .page-header__actions .wds-list").first.append( $("").append(                           $("", { text: "Staff Tagger", href: "#", click: that.onclick, })                       )                    );                }            },

toStaffMode: function { that.usingMode = "staff"; $(".resign-components").hide; $(".staff-components").show; },

toResignMode: function { that.usingMode = "resign"; $(".staff-components").hide; $(".resign-components").show; },       });

Object.assign(this, {           modal: new window.dev.modal.Modal({ id: "StaffTagger-modal", title: "Staff Tagger", content: "", buttons: [{ event: "onSubmit", id: "StaffTagger-submit", primary: true, text: "Submit", }, {                   event: "onStaffMode", id: "StaffTagger-staffmode", text: "Switch to Staff Mode", }, {                   event: "onResignMode", id: "StaffTagger-resignmode", text: "Switch to Resign Mode", }],               events: { onSubmit: this.processInformation, onStaffMode: this.toStaffMode, onResignMode: this.toResignMode, },               size: "large", }),       });        that.modal.create;

that.init; }); }); //