User:RedWarn/beta.js

/*

RedWarn - Recent Edits Patrol and Warning Tool The user-friendly Wikipedia counter-vandalism tool.

(c) 2020-2021 The RedWarn Development Team and contributors - tools.redwarn@toolforge.org or WT:RW Licensed under the Apache License 2.0 - read more at https://www.apache.org/licenses/LICENSE-2.0.txt

- Copyright 2020-2021 The RedWarn Development Team

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Notice for on-wiki versions: Compiled on-wiki versions are made available on Wikimedia projects under the Creative Commons Attribution-ShareAlike 3.0 Unported License, sublicensed from the source code's Apache License 2.0. -

+---+ +---+
 * ATTENTION ALL USERS WITH SCRIPT CHANGE       |
 * PERMISSIONS                                  |
 * CHANGING THIS FILE WILL AFFECT MANY USERS    |
 * AND WILL BE REVERTED WHEN A NEW UPDATE       |
 * IS RELEASED AS THIS FILE IS BUILT BY A       |
 * SEPERATE SCRIPT. INSTEAD, ISSUE A PULL       |
 * REQUEST AT                                   |
 * https://gitlab.com/redwarn/redwarn-web/      |
 * REQUEST AT                                   |
 * https://gitlab.com/redwarn/redwarn-web/      |
 * https://gitlab.com/redwarn/redwarn-web/      |

To all normal users, if you wish to customise RedWarn, submit a request on the talk page or download source. // // ======================== BEGIN DEPENDENCIES ======================== var rw_includes = {"dialogAnimations.default.css":"dialog[open]{-webkit-animation:show .25s ease normal}@-webkit-keyframes show{from{opacity:0;transform:scale(0.5) translateY(-10%)}to{opacity:1;transform:scale(1) translateY(0%)}}dialog.closeAnimate{-webkit-animation:close .25s ease normal}@-webkit-keyframes close{from{opacity:1;transform:scale(1) translateY(0%)}to{opacity:0;transform:scale(0.5) translateY(-10%)}}","dialogAnimations.none.css":"dialog[open]{-webkit-animation:show .01s ease normal}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}dialog.closeAnimate{-webkit-animation:close .01s ease normal}@-webkit-keyframes close{from{opacity:1}to{opacity:0}}","dialogAnimations.spinny.css":"dialog[open]{-webkit-animation:show .25s ease normal}@-webkit-keyframes show{from{opacity:0;transform:scale(0.5) translateY(-10%) rotate(30deg)}to{opacity:1;transform:scale(1) translateY(0%) rotate(0deg)}}dialog.closeAnimate{-webkit-animation:close .25s ease normal}@-webkit-keyframes close{from{opacity:1;transform:scale(1) translateY(0%) rotate(0deg)}to{opacity:0;transform:scale(0.5) translateY(-10%) rotate(-30deg)}}","dialogAnimations.mega.css":"dialog[open]{-webkit-animation:show .25s ease normal}@-webkit-keyframes show{from{opacity:0;transform:scale(3)}to{opacity:1;transform:scale(1)}}dialog.closeAnimate{-webkit-animation:close .25s ease normal}@-webkit-keyframes close{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}","style.css":"@keyframes pgIconsFadeIn{from{opacity:0}to{opacity:1}}@keyframes pgIconsIndicatorsFadeIn{from{max-width:0}to{max-width:100%}}.mdl-dialog.rw-fullscreen-dialog{margin:0;max-width:100vw;max-height:100vh}.mw-indicators,#rwPGIconContainer{z-index:1;overflow:unset;float:right}#mw_header #rwPGIconContainer,#content #rwPGIconContainer{margin:0 0 0 12px;float:right;font-size:.875em;line-height:1.6;position:relative;overflow:hidden;height:2em}.skin-vector-legacy #content #rwPGIconContainer{padding-top:.4em}#rwCurrentRevRollbackBtns>div{overflow:hidden}#mw_header #rwPGIconContainer.rw--upgraded,#content #rwPGIconContainer.rw--upgraded{animation:pgIconsFadeIn .2s ease-in-out,pgIconsIndicatorsFadeIn .3s ease-in-out}#rwCurrentRevRollbackBtns>div,#rOld1,#rOld1 span,#rOld2,#rOld2 span{overflow:hidden}.mdl-tooltip{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;transform-origin:top center;z-index:999;background:rgba(97,97,97,.9);border-radius:2px;color:#fff;display:inline-block;font-size:10px;font-weight:500;line-height:14px;max-width:170px;position:fixed;top:-500px;left:-500px;padding:8px;text-align:center}.mdl-tooltip.is-active{-webkit-animation:pulse 200ms cubic-bezier(0,0,.2,1) forwards;animation:pulse 200ms cubic-bezier(0,0,.2,1) forwards}.mdl-tooltip--large{line-height:14px;font-size:14px;padding:16px}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{-webkit-transform:scale(0.99);transform:scale(0.99)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}@keyframes pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{-webkit-transform:scale(0.99);transform:scale(0.99)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}body>#dialogEngineContainer{color:black}body:not(.toast-active) #rw-toast{display:none}.mdl-snackbar{position:fixed;bottom:0;left:50%;cursor:default;background-color:#323232;z-index:3;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-family:Roboto,Helvetica,Arial,sans-serif;will-change:transform;-webkit-transform:translate(0,80px);transform:translate(0,80px);transition:transform .25s cubic-bezier(0.4,0,1,1);transition:transform .25s cubic-bezier(0.4,0,1,1),-webkit-transform .25s cubic-bezier(0.4,0,1,1);pointer-events:none}@media (max-width:479px){.mdl-snackbar{width:100%;left:0;min-height:48px;max-height:80px}}@media (min-width:480px){.mdl-snackbar{min-width:288px;max-width:568px;border-radius:2px;-webkit-transform:translate(-50%,80px);transform:translate(-50%,80px)}}.mdl-snackbar--active{-webkit-transform:translate(0,0);transform:translate(0,0);pointer-events:auto;transition:transform .25s cubic-bezier(0,0,.2,1);transition:transform .25s cubic-bezier(0,0,.2,1),-webkit-transform .25s cubic-bezier(0,0,.2,1)}@media (min-width:480px){.mdl-snackbar--active{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}.mdl-snackbar__text{padding:14px 12px 14px 24px;vertical-align:middle;color:#fff;float:left}.mdl-snackbar__action{background:0;border:0;color:rgb(83,109,254);float:right;padding:14px 24px 14px 12px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;overflow:hidden;outline:0;opacity:0;pointer-events:none;cursor:pointer;text-decoration:none;text-align:center;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.mdl-snackbar__action::-moz-focus-inner{border:0}.mdl-snackbar__action:not([aria-hidden]){opacity:1;pointer-events:auto}.mdl-dialog{border:0;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}.mdl-dialog__title{padding:24px 24px 0;margin:0;font-size:2.5rem}.mdl-dialog__actions{padding:8px 8px 8px 24px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.mdl-dialog__actions>*{margin-right:8px;height:36px}.mdl-dialog__actions>*:first-child{margin-right:0}.mdl-dialog__actions--full-width{padding:0 0 8px}.mdl-dialog__actions--full-width>*{height:48px;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;padding-right:16px;margin-right:0;text-align:right}.mdl-dialog__content{padding:20px 24px 24px;color:rgba(0,0,0,.54)}.mdl-button{background:0;border:0;border-radius:2px;color:#000;position:relative;height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(0.4,0,1,1),background-color .2s cubic-bezier(0.4,0,.2,1),color .2s cubic-bezier(0.4,0,.2,1);outline:0;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;vertical-align:middle}.mdl-button::-moz-focus-inner{border:0}.mdl-button:hover{background-color:rgba(158,158,158,.2)}.mdl-button:focus:not(:active){background-color:rgba(0,0,0,.12)}.mdl-button:active{background-color:rgba(158,158,158,.4)}.mdl-button.mdl-button--colored{color:rgb(33,150,243)}.mdl-button.mdl-button--colored:focus:not(:active){background-color:rgba(0,0,0,.12)}input.mdl-button[type=submit]{-webkit-appearance:none}.mdl-button--raised{background:rgba(158,158,158,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-button--raised:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--raised:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--raised.mdl-button--colored{background:rgb(33,150,243);color:rgb(255,255,255)}.mdl-button--raised.mdl-button--colored:hover{background-color:rgb(33,150,243)}.mdl-button--raised.mdl-button--colored:active{background-color:rgb(33,150,243)}.mdl-button--raised.mdl-button--colored:focus:not(:active){background-color:rgb(33,150,243)}.mdl-button--raised.mdl-button--colored .mdl-ripple{background:rgb(255,255,255)}.mdl-button--fab{border-radius:50%;font-size:24px;height:56px;margin:auto;min-width:56px;width:56px;padding:0;overflow:hidden;background:rgba(158,158,158,.2);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);position:relative;line-height:normal}.mdl-button--fab .material-icons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--fab.mdl-button--mini-fab{height:40px;min-width:40px;width:40px}.mdl-button--fab .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button--fab:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--fab:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--fab.mdl-button--colored{background:rgb(83,109,254);color:rgb(255,255,255)}.mdl-button--fab.mdl-button--colored:hover{background-color:rgb(83,109,254)}.mdl-button--fab.mdl-button--colored:focus:not(:active){background-color:rgb(83,109,254)}.mdl-button--fab.mdl-button--colored:active{background-color:rgb(83,109,254)}.mdl-button--fab.mdl-button--colored .mdl-ripple{background:rgb(255,255,255)}.mdl-button--icon{border-radius:50%;font-size:24px;height:32px;margin-left:0;margin-right:0;min-width:32px;width:32px;padding:0;overflow:hidden;color:inherit;line-height:normal}.mdl-button--icon .material-icons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon{height:24px;min-width:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon .material-icons{top:0;left:0}.mdl-button--icon .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button__ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple{background-color:transparent}.mdl-button--primary.mdl-button--primary{color:rgb(33,150,243)}.mdl-button--primary.mdl-button--primary .mdl-ripple{background:rgb(255,255,255)}.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab{color:rgb(255,255,255);background-color:rgb(33,150,243)}.mdl-button--accent.mdl-button--accent{color:rgb(83,109,254)}.mdl-button--accent.mdl-button--accent .mdl-ripple{background:rgb(255,255,255)}.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab{color:rgb(255,255,255);background-color:rgb(83,109,254)}.mdl-button[disabled][disabled],.mdl-button.mdl-button--disabled.mdl-button--disabled{color:rgba(0,0,0,.26);cursor:default;background-color:transparent}.mdl-button--fab[disabled][disabled],.mdl-button--fab.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mdl-button--raised[disabled][disabled],.mdl-button--raised.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26);box-shadow:none}.mdl-button--colored[disabled][disabled],.mdl-button--colored.mdl-button--disabled.mdl-button--disabled{color:rgba(0,0,0,.26)}.mdl-button .material-icons{vertical-align:middle}.mdl-menu__container{display:block;margin:0;padding:0;border:0;position:absolute;overflow:visible;height:0;width:0;visibility:hidden;z-index:-1}.mdl-menu__container.is-visible,.mdl-menu__container.is-animating{z-index:999;visibility:visible}.mdl-menu__outline{display:block;background:#fff;margin:0;padding:0;border:0;border-radius:2px;position:absolute;top:0;left:0;overflow:hidden;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0;transform-origin:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);will-change:transform;transition:transform .3s cubic-bezier(0.4,0,.2,1),opacity .2s cubic-bezier(0.4,0,.2,1);transition:transform .3s cubic-bezier(0.4,0,.2,1),opacity .2s cubic-bezier(0.4,0,.2,1),-webkit-transform .3s cubic-bezier(0.4,0,.2,1);z-index:-1}.mdl-menu__container.is-visible .mdl-menu__outline{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:999}.mdl-menu__outline.mdl-menu--bottom-right{-webkit-transform-origin:100% 0;transform-origin:100% 0}.mdl-menu__outline.mdl-menu--top-left{-webkit-transform-origin:0 100%;transform-origin:0 100%}.mdl-menu__outline.mdl-menu--top-right{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.mdl-menu{position:absolute;list-style:none;top:0;left:0;height:auto;width:auto;min-width:124px;padding:8px 0;margin:0;opacity:0;clip:rect(0 0 0 0);z-index:-1}.mdl-menu__container.is-visible .mdl-menu{opacity:1;z-index:999}.mdl-menu.is-animating{transition:opacity .2s cubic-bezier(0.4,0,.2,1),clip .3s cubic-bezier(0.4,0,.2,1)}.mdl-menu.mdl-menu--bottom-right{left:auto;right:0}.mdl-menu.mdl-menu--top-left{top:auto;bottom:0}.mdl-menu.mdl-menu--top-right{top:auto;left:auto;bottom:0;right:0}.mdl-menu.mdl-menu--unaligned{top:auto;left:auto}.mdl-menu__item{display:block;border:0;color:rgba(0,0,0,.87);background-color:transparent;text-align:left;margin:0;padding:0 16px;outline-color:#bdbdbd;position:relative;overflow:hidden;font-size:14px;font-weight:400;letter-spacing:0;text-decoration:none;cursor:pointer;height:48px;line-height:48px;white-space:nowrap;opacity:0;transition:opacity .2s cubic-bezier(0.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-menu__container.is-visible .mdl-menu__item{opacity:1}.mdl-menu__item::-moz-focus-inner{border:0}.mdl-menu__item--full-bleed-divider{border-bottom:1px solid rgba(0,0,0,.12)}.mdl-menu__item[disabled],.mdl-menu__item[data-mdl-disabled]{color:#bdbdbd;background-color:transparent;cursor:auto}.mdl-menu__item[disabled]:hover,.mdl-menu__item[data-mdl-disabled]:hover{background-color:transparent}.mdl-menu__item[disabled]:focus,.mdl-menu__item[data-mdl-disabled]:focus{background-color:transparent}.mdl-menu__item[disabled] .mdl-ripple,.mdl-menu__item[data-mdl-disabled] .mdl-ripple{background:0}.mdl-menu__item:hover{background-color:#eee}.mdl-menu__item:focus{outline:0;background-color:#eee}.mdl-menu__item:active{background-color:#e0e0e0}.mdl-menu__item--ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-progress{display:block;position:relative;height:4px;width:500px;max-width:100%}.mdl-progress>.bar{display:block;position:absolute;top:0;bottom:0;width:0;transition:width .2s cubic-bezier(0.4,0,.2,1)}.mdl-progress>.progressbar{background-color:rgb(33,150,243);z-index:1;left:0}.mdl-progress>.bufferbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,rgb(33,150,243),rgb(33,150,243));z-index:0;left:0}.mdl-progress>.auxbar{right:0}@supports (-webkit-appearance:none){.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,rgb(33,150,243),rgb(33,150,243));-webkit-mask:url(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);mask:url(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)}}.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(to right,rgb(33,150,243),rgb(33,150,243))}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1{-webkit-animation-name:indeterminate1;animation-name:indeterminate1}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1,.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-color:rgb(33,150,243);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-image:none;-webkit-animation-name:indeterminate2;animation-name:indeterminate2}@-webkit-keyframes indeterminate1{0%{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}@keyframes indeterminate1{0%{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}@-webkit-keyframes indeterminate2{0%,50%{left:0;width:0}75%{left:0;width:25%}100%{left:100%;width:0}}@keyframes indeterminate2{0%,50%{left:0;width:0}75%{left:0;width:25%}100%{left:100%;width:0}}.mdl-checkbox{position:relative;z-index:1;vertical-align:middle;display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0}.mdl-checkbox.is-upgraded{padding-left:24px}.mdl-checkbox__input{line-height:24px}.mdl-checkbox.is-upgraded .mdl-checkbox__input{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:0}.mdl-checkbox__box-outline{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;overflow:hidden;border:2px solid rgba(0,0,0,.54);border-radius:2px;z-index:2}.mdl-checkbox.is-checked .mdl-checkbox__box-outline{border:2px solid rgb(33,150,243)}fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,.mdl-checkbox.is-disabled .mdl-checkbox__box-outline{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__focus-helper{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;border-radius:50%;background-color:transparent}.mdl-checkbox.is-focused .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(33,150,243,.26);background-color:rgba(33,150,243,.26)}.mdl-checkbox__tick-outline{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-mask:url(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);mask:url(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);background:0;transition-duration:.28s;transition-timing-function:cubic-bezier(0.4,0,.2,1);transition-property:background}.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background:rgb(33,150,243)\rurl(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K)}fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline{background:rgba(0,0,0,.26)\rurl(data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K)}.mdl-checkbox__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0}fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,.mdl-checkbox.is-disabled .mdl-checkbox__label{color:rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__ripple-container{position:absolute;z-index:2;top:-6px;left:-10px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer;overflow:hidden;mask-image:radial-gradient(circle,#fff,#000)}.mdl-checkbox__ripple-container .mdl-ripple{background:rgb(33,150,243)}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container{cursor:auto}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple{background:0}.rwHighlighter{width:1em;height:1em}","recentChanges.html":"`<!DOCTYPE HTML>\r\n \r\n   \r\n    \r\n        <\/script>\r\n        \r\n        \r\n        \r\n        \r\n    <\/head>\r\n     \r\n    \r\n        \r\n            \r\n            ${rw.logoHTML} Patrol<\/span>\r\n            \r\n                Return to Wikipedia \/ Change filter options<\/a>\r\n                Open New Attached Tab<\/a>\r\n                Hover your cursor here for live updates<\/a>\r\n                \r\n                <\/div>\r\n                \r\n            <\/nav>\r\n            <\/div>\r\n            \r\n            \r\n            <\/div>\r\n            <\/main>\r\n        <\/div>\r\n\r\n    \r\n\/\/ Create broadcast channel\r\nvar bcID = \"RWBC_\" + Math.random.toString(36).substring(7);\r\nconst bc = new BroadcastChannel(bcID);\r\n$(\"#newAttached\").attr(\"href\", \"https:\/\/en.wikipedia.org\/wiki\/User:Ed6767\/redwarn\/patrol#rwPatrolAttach-\"+ bcID); \/\/ set link\r\n\r\nvar tI;\r\nfunction convertRange( value, r1, r2 ) { \r\n    return ( value - r1[ 0 ] ) * ( r2[ 1 ] - r2[ 0 ] ) \/ ( r1[ 1 ] - r1[ 0 ] ) + r2[ 0 ];\r\n}\r\n\/\/ Check for new updates every 750ms\r\nfunction refreshLive {\r\n    \/\/ Don't use JSON API so that the vars are interchangable from Special:RecentChanges\r\n    parseRecentChanges(arr=>{\r\n        arr.forEach(edit => {\r\n            console.log(edit);\r\n            \/\/ Clear excess\r\n            if ($('a[id^=\"recentChange\"]').length > 250) {\r\n                \/\/ Max 250 (rev8), delete bottom\r\n                $('a[id^=\"recentChange\"]').last.remove; \/\/ remove the last one\r\n            }\r\n            \/\/ Add new\r\n            if ($(\"#recentChange-\"+ edit.revID).length < 1) { \/\/ Only continue if edit not already in page\r\n                let sizeDiff = edit.changeSize;\r\n                let opacityLevel = 0;\r\n                if ((sizeDiff > 1000) || (sizeDiff < -1000)) {\r\n                    \/\/ Max opacity\r\n                    opacityLevel = 1;\r\n                } else {\r\n                    \/\/ We can map\r\n                    if (sizeDiff < 0) {\r\n                        \/\/ Red map\r\n                        opacityLevel = convertRange(sizeDiff, [0, -1000], [0.1, 0.75]);\r\n                    } else {\r\n                        \/\/ Green map\r\n                        opacityLevel = convertRange(sizeDiff, [0, 1000], [0.1, 0.75]);\r\n                    }\r\n                    \r\n                }\r\n                let style = (sizeDiff < 0) ? \"background-color: rgba(`+ rmCol +`,\"+ opacityLevel +\"); color:black;\" : \"background-color: rgba(`+ addCol +`,\"+ opacityLevel +\"); color:black;\" \/\/ First neg style, next add style\r\n               $(\"#recentChangesContainer\").prepend('<i id=\"title-'+ edit.revID +'\"><\/i> <b>'+ edit.user +'<\/b> ('+ sizeDiff +')<br \/><span id=\"comment-'+ edit.revID +'\"><\/span> '+ edit.tags +'<\/a>');\r\n                $('#title-'+ edit.revID).text(edit.title); \/\/ XSS security\r\n                $('#comment-'+ edit.revID).text(edit.comment);\r\n                $(\"#recentChange-\"+ edit.revID).fadeIn; \/\/ fancy\r\n\r\n                \/\/ Append click handler\r\n                $('#recentChange-'+ edit.revID).on(\"click\", =>goToLatestDiffPage(edit.title));\r\n            }\r\n            \r\n        });\r\n    });\r\n}\r\n\r\nfunction goToLatestDiffPage(article) {\r\n    $(\"#welcomeContainer\").hide;\r\n    \/\/ Nav to latest diff page\r\n    $.getJSON(\"https:\/\/en.wikipedia.org\/w\/api.php?action=query&prop=revisions&titles=\"+ encodeURIComponent(article) +\"&rvslots=*&rvprop=ids%7Cuser&formatversion=2&format=json\", r=>{\r\n            \/\/ We got the response\r\n            let latestRId = r.query.pages[0].revisions[0].revid;\r\n            let parentRId = r.query.pages[0].revisions[0].parentid;\r\n            \/\/ Open page in new tab (has to be done here due to new security systems)\r\n            bc.postMessage(\"https:\/\/en.wikipedia.org\/w\/index.php?title=\"+ encodeURIComponent(name) +\"&diff=\"+ latestRId +\"&oldid=\"+ parentRId +\"&diffmode=source\");\r\n    });\r\n}\r\n\r\nfunction parseRecentChanges(callback) {\r\n    \/\/ USING HTML API for one reason\r\n    \/\/ 1. works easily with Special:RecentChanges filters\r\n   $.get(\"https:\/\/en.wikipedia.org\/wiki\/Special:RecentChanges?`+ filters +`&action=render&enhanced=0\", r=>{\r\n        $(\"body\").append(\" <\/div>\"); \/\/ create temp div\r\n        $(\"#toDelete\").html(r);\r\n        let _ = $(\"#toDelete\").find(\"ul\").find(\"li\");\r\n        let arr = [];\r\n        let recentChanges = _.each(i=> {\r\n            let el = _[i];\r\n            let revId = $(el).attr(\"data-mw-revid\"); \/\/ get revision ID\r\n            let changeSize = $(el).find(\".mw-diff-bytes\").text; \/\/ get size (+123)\r\n            let changeTitle = $(el).find(\".mw-changeslist-title\").text; \/\/ get title of page\r\n            let changeUsername = $(el).find(\".mw-userlink\").text; \/\/ get username of changer\r\n            let tags =  $(el).find(\".mw-tag-markers\").text; \/\/ get tags (mobile edit ext)\r\n            let comment = $(el).find(\".comment\").text; \/\/ get comment\r\n            if (!isNaN(parseInt(changeSize))) {\r\n                \/\/ Valid\r\n                arr[i] = {\r\n                \"revID\": revId,\r\n                \"changeSize\": parseInt(changeSize),\r\n                \"tags\": tags,\r\n                \"user\": changeUsername,\r\n                \"title\": changeTitle,\r\n                \"comment\": comment\r\n                }; \/\/ append data to the array\r\n            }\r\n        });\r\n\r\n        $(\"toDelete\").remove; \/\/ dispose unneeded\r\n        callback(arr); \/\/ we done\r\n    });\r\n}\r\n\r\n    <\/script>\r\n    <\/body>\r\n<\/html>\r\n`","dialog.css":".rw-qt-pack-label{text-overflow:ellipsis;overflow:hidden;display:inline-block;height:100%;white-space:nowrap;width:100%}@keyframes rw-qt-submit-title-expand{from{max-height:1.1em}to{max-height:unset}}.rw-qt-submit-title{max-height:1.1em;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap}.rw-qt-submit-title:hover{max-height:unset;animation:rw-qt-submit-title-expand .5s ease}.rw-qt-submit-about{display:inline-block;overflow:auto;max-height:2.8em;line-height:1.4em}","rollbackCurrentRevFormatting.html":"`\r\n<span id=\"rwCurrentRevRollbackBtns\">\r\n    ${currentRevIcons}\r\n<\/span>\r\n<span id=\"rwRollbackInProgress\" style=\"display:none;\">\r\n    <div id=\"rwRollbackInProgressBar\" class=\"mdl-progress mdl-js-progress\" style=\"\r\n    width:300px;\r\n    display: block;\r\n    margin-left: auto;\r\n    margin-right: auto;\"><\/div>\r\n    <div style=\"height:5px\"><\/div>\r\n    <span style=\"font-family: Roboto;font-size: 16px;\">Reverting...<\/span><br\/>\r\n    <div style=\"height:5px\"><\/div>\r\n<\/span>\r\n\r\n\r\n<span id=\"rwRollbackDoneIcons\" style=\"display:none;\">\r\n    \r\n    <div style=\"height:5px\"><\/div>\r\n    <span style=\"font-family: Roboto;font-size: 16px;display: inline-flex;vertical-align: middle;\">\r\n        <span class=\"material-icons\" style=\"color:green;cursor:default;\">check_circle<\/span>  \r\n        Rollback complete\r\n    <\/span><br\/>\r\n    <div style=\"height:5px\"><\/div>\r\n    \r\n    <div id=\"RWRBDONEmrevPg\" class=\"icon material-icons\"><span style=\"cursor: pointer;\">watch_later<\/span><\/div>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"RWRBDONEmrevPg\">\r\n        Go to latest revision\r\n    <\/div>\r\n      \r\n    <div id=\"RWRBDONEnewUsrMsg\" class=\"icon material-icons\"><span style=\"cursor: pointer;\">send<\/span><\/div>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"RWRBDONEnewUsrMsg\">\r\n        New Message\r\n    <\/div>\r\n      \r\n    <div id=\"RWRBDONEwelcomeUsr\" class=\"icon material-icons\"><span style=\"cursor: pointer;\">library_add<\/span><\/div>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"RWRBDONEwelcomeUsr\">\r\n        Quick Template\r\n    <\/div>\r\n      \r\n    <div id=\"RWRBDONEwarnUsr\" class=\"icon material-icons\"><span style=\"cursor: pointer;\">report<\/span><\/div>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"RWRBDONEwarnUsr\">\r\n        Warn User\r\n    <\/div>\r\n      \r\n    <div id=\"RWRBDONEreportUsr\" class=\"icon material-icons\"><span style=\"cursor: pointer;\">gavel<\/span><\/div>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"RWRBDONEreportUsr\">\r\n        Report to Admin\r\n    <\/div>\r\n\r\n<\/span>`","rollbackReason.html":"`\r\n<form id=\"newMsgForm\" onsubmit=\"pushRollback;\" action=\"#\">\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n        <input class=\"mdl-textfield__input\" type=\"text\" name=\"rollbackReason\" id=\"rollbackReason\" value=\"`+ reason +`\">\r\n        <label class=\"mdl-textfield__label\" for=\"rollbackReason\">Rollback Reason<\/label>\r\n        <div class=\"mdl-tooltip\" for=\"rollbackReason\">\r\n            Enter a reason for this rollback\r\n        <\/div>\r\n    <\/div>\r\n<\/form>\r\n<span style=\"float:right;\">\r\n    <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n        CANCEL\r\n    <\/button>\r\n    <button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"pushRollback;\">\r\n        Rollback\r\n    <\/button>\r\n<\/span>\r\n\r\n \r\n    function pushRollback {\r\n        var data = $('#newMsgForm').serializeArray.reduce(function(obj, item) {\r\n                obj[item.name] = item.value;\r\n                return obj;\r\n                }, {}); \/\/ form data\r\n        \r\n        let reason = data.rollbackReason;\r\n        \/\/ Submit it\r\n        window.parent.postMessage('reason\\\\\\`' + reason); \/\/ Push upstairs\r\n        window.parent.postMessage(\"closeDialog\"); \/\/ We done here.\r\n        return false; \/\/ prevent redirect\r\n    }\r\n\r\n    document.getElementById(\"rollbackReason\").focus; \/\/ focus on text box for quick rollback\r\n<\/script>`","warnUserDialog.html":"`    \r\n\r\n    \r\n \r\n    #previewUsrPg h2{\r\n        font-size:25px\r\n    }\r\n\r\n    #previewUsrPg .mw-editsection {\r\n        display: none; \/* Hide edit links *\/\r\n    }\r\n\r\n    #previewUsrPg .toc {\r\n        \/* Hide table of contents *\/\r\n        display: none;\r\n    }\r\n<\/style>\r\n\r\n${advancedMode ? `\r\n\r\n<div style=\"width: 285px; float:left; height:100%; overflow-x:hidden;overflow-y: auto;\">\r\n Warning History<\/h6>\r\n${finalWarningHistoryHTML}\r\n<\/div>\r\n\r\n   ` : ``}\r\n\r\n\r\n\r\n\r\n<div id=\"noticeFmContainer\" style=\"width:500px;float:right;\"> \r\n    <h2 style=\"font-weight: 200;\">Warn User<\/h2>\r\n\r\n    \r\n    <form id=\"newNoticeForm\">\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:75%;\"> \r\n        <input class=\"mdl-textfield__input\" type=\"text\" id=\"trgtUsrVisualBox\" value=\"${rw.info.targetUsername(un).replace(\/\"\/g, \"&quot;\")}\" readonly>\r\n        <label class=\"mdl-textfield__label\" for=\"trgtUsrVisualBox\">Target<\/label>\r\n        <div class=\"mdl-tooltip\" for=\"trgtUsrVisualBox\">\r\n            To target a different user, please visit their userpage, or right-click a link to their userpage.\r\n        <\/div>\r\n    <\/div>\r\n    <span style=\"display:none;\">${(hideUserInfo ? \"\" : \"<\/span>\")}\r\n   \r\n    ${lastWarning}\r\n\r\n    \r\n    <span class=\"material-icons\" id=\"prevUsrPgMonth\" style=\"cursor:pointer;position: relative;top: 5px;padding-left: 10px;\" onclick=\"showThisMonthsUsrMsgs;\">assignment_late<\/span>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"prevUsrPgMonth\">\r\n        <span style=\"font-size:x-small;\">\r\n            See notices for this month\r\n        <\/span>\r\n    <\/div>\r\n\r\n    \r\n    <span class=\"material-icons\" id=\"prevUsrPg\" style=\"cursor:pointer;position: relative;top: 5px;padding-left: 10px;\" onclick=\"showUsrPg;\">assignment_ind<\/span>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"prevUsrPg\">\r\n        <span style=\"font-size:x-small;\">\r\n            Preview Talk Page\r\n        <\/span>\r\n    <\/div>\r\n    `+ (hideUserInfo ? \"<\/span>\" : \"\") + ` \r\n   <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select\" style=\"width:100%\" id=\"reasonsBox\">\r\n        <input type=\"text\" value=\"\" class=\"mdl-textfield__input\" id=\"template\" style=\"font-size:14px;\" autocomplete=\"off\">\r\n        <input type=\"hidden\" value=\"\" name=\"template\">\r\n        <i class=\"mdl-icon-toggle__label material-icons\">keyboard_arrow_down<\/i>\r\n        <label for=\"template\" class=\"mdl-textfield__label\">${(rw.config.rwNoticeListByTemplateName != \"enable\") ? `Reason` : `Template`}<\/label> \r\n        <ul for=\"template\" class=\"mdl-menu mdl-menu--bottom-left mdl-js-menu\" style=\"overflow-y: scroll;height: 300px\">\r\n            ${finalListBox}\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    \r\n    <span style=\"padding-right: 30;\">Notice Level: <\/span>\r\n\r\n    <span id=\"warningRadioButtons\">\r\n    \r\n    <label id=\"l1Lbl\" class=\"mdl-radio mdl-js-radio mdl-js-ripple-effect\" for=\"level1\" style=\"padding-right: 10;\">\r\n        <input type=\"radio\" id=\"level1\" class=\"mdl-radio__button\" name=\"warnLevel\" value=\"1\" `+ (!autoLevelSelectEnable || (w == 0) ? `checked` : ``) + `> \r\n       <span class=\"mdl-radio__label\">\r\n        <span class=\"material-icons\">info<\/span>\r\n        <\/span>\r\n    <\/label>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"l1Lbl\">\r\n        Notice<br \/>\r\n        <span style=\"font-size:x-small;\">\r\n        Level 1<br \/>\r\n        Assumes Good Faith<\/span>\r\n    <\/div>\r\n\r\n    \r\n    <label id=\"l2Lbl\" class=\"mdl-radio mdl-js-radio mdl-js-ripple-effect\" for=\"level2\" style=\"padding-right: 10;\"> \r\n        <input type=\"radio\" id=\"level2\" class=\"mdl-radio__button\" name=\"warnLevel\" value=\"2\" `+ (autoLevelSelectEnable && (w == 1) ? `checked` : ``) + `>\r\n       <span class=\"mdl-radio__label\">\r\n            <span class=\"material-icons\">announcement<\/span>\r\n        <\/span>\r\n    <\/label>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"l2Lbl\">\r\n        Caution<br \/>\r\n        <span style=\"font-size:x-small;\">\r\n        Level 2<br \/>\r\n        No Faith Assumption.<\/span>\r\n    <\/div>\r\n\r\n    \r\n    <label id=\"l3Lbl\" class=\"mdl-radio mdl-js-radio mdl-js-ripple-effect\" for=\"level3\" style=\"padding-right: 10;\">\r\n        <input type=\"radio\" id=\"level3\" class=\"mdl-radio__button\" name=\"warnLevel\" value=\"3\" `+ (autoLevelSelectEnable && (w == 2) ? `checked` : ``) + `>\r\n       <span class=\"mdl-radio__label\"><span class=\"material-icons\">report_problem<\/span><\/span>\r\n    <\/label>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"l3Lbl\">\r\n        Warning<br \/>\r\n        <span style=\"font-size:x-small;\">\r\n        Level 3<br \/>\r\n        Assumes bad faith, cease and desist.<\/span>\r\n    <\/div>\r\n\r\n\r\n    \r\n    <label id=\"l4Lbl\" class=\"mdl-radio mdl-js-radio mdl-js-ripple-effect\" for=\"level4\" style=\"padding-right: 10;\">\r\n        <input type=\"radio\" id=\"level4\" class=\"mdl-radio__button\" name=\"warnLevel\" value=\"4\" `+ (autoLevelSelectEnable && (w > 2) ? `checked` : ``) + `>\r\n       <span class=\"mdl-radio__label\"><span class=\"material-icons\">report<\/span><\/span>\r\n    <\/label>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"l4Lbl\">\r\n        Final Warning<br \/>\r\n        <span style=\"font-size:x-small;\">\r\n        Level 4<br \/>\r\n        Bad faith, last warning.<\/span>\r\n    <\/div>\r\n\r\n\r\n    \r\n    <label id=\"l4imLbl\" class=\"mdl-radio mdl-js-radio mdl-js-ripple-effect\" for=\"level4im\" style=\"padding-right: 10;\">\r\n        <input type=\"radio\" id=\"level4im\" class=\"mdl-radio__button\" name=\"warnLevel\" value=\"4im\">\r\n        <span class=\"mdl-radio__label\"><span class=\"material-icons\">new_releases<\/span><\/span>\r\n    <\/label>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"l4imLbl\">\r\n        ONLY Warning<br \/>\r\n        <span style=\"font-size:x-small;\">\r\n        Level 4im<br \/>\r\n        Excessive and continuous disruption.<\/span>\r\n    <\/div>\r\n\r\n    \r\n    <label id=\"l4noLbl\" class=\"mdl-radio mdl-js-radio mdl-js-ripple-effect\" for=\"level4no\" style=\"padding-right: 10; display:none;\">\r\n        <input type=\"radio\" id=\"level4no\" class=\"mdl-radio__button\" name=\"warnLevel\" value=\"\" disabled>\r\n        <span class=\"mdl-radio__label\"><span class=\"material-icons\" style=\"cursor: help;\">report_off<\/span><\/span>\r\n    <\/label>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"l4noLbl\">\r\n        No final warning.<br \/>\r\n        <span style=\"font-size:x-small;\">\r\n        A final warning cannot be issued under this reason. To issue a level 4 or level 4im warning, choose the \"Generic Warning\" option.<\/span>\r\n   <\/div>\r\n\r\n    \r\n    <\/span>\r\n\r\n    \r\n    <span id=\"singleNoticeOnly\" style=\"cursor: help;display: none;\">\r\n\r\n        <span id=\"sNoticeTt\"> Reminder<\/strong><\/span>\r\n        <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"sNoticeTt\">\r\n            Reminder<br \/>\r\n            <span style=\"font-size:x-small;\">\r\n            Single Notice<br \/>\r\n            Serves to remind other editors about minor mistakes\r\n            <\/span>\r\n        <\/div>\r\n    <\/span>\r\n    \r\n\r\n    \r\n    <span id=\"singleWarnOnly\" style=\"cursor:help;display: none;\">\r\n\r\n        <span id=\"sWarnTt\"> Policy Violation Warning<\/strong><\/span>\r\n        <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"sWarnTt\">\r\n            Policy Violation Warning<br \/>\r\n            <span style=\"font-size:x-small;\">\r\n            Single Warning<br \/>\r\n            Serves to advise editors of policy breaches that, if repeated, are likely to result in a block.\r\n            <\/span>\r\n        <\/div>\r\n    <\/span>\r\n    \r\n\r\n    <span id=\"ordInfo\"> \r\n        \r\n        <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:92.4%\">\r\n            <input class=\"mdl-textfield__input\" name=\"relatedPage\" type=\"text\" id=\"relatedPage\" value=\"`+ rw.info.getRelatedPage(pg).replace(\/_\/g, ' ').replace(\/\"\/g, '&quot;') +`\">\r\n            <label class=\"mdl-textfield__label\" for=\"relatedPage\">Related Page<\/label>\r\n            <div class=\"mdl-tooltip\" for=\"relatedPage\">\r\n                Optionally, enter the page that this notice relates to.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <span class=\"material-icons\" id=\"selectPgFromRecents\" style=\"cursor:pointer;position: relative;top: 5px;padding-left: 10px;\" onclick=\"window.parent.postMessage('openRecentPageSelector');\">event_note\r\n        <\/span>\r\n        <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"selectPgFromRecents\">\r\n            <span style=\"font-size:x-small;\">\r\n                Select from recently visited pages\r\n            <\/span>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n            <input class=\"mdl-textfield__input\" name=\"extraInfo\" type=\"text\" id=\"extraInfo\" value=\"\">\r\n            <label class=\"mdl-textfield__label\" for=\"extraInfo\">Additional info<\/label>\r\n            <div class=\"mdl-tooltip\" for=\"extraInfo\">\r\n                Optionally, add additional info that will be appended to the end of the notice.\r\n            <\/div>\r\n        <\/div>\r\n    <\/span>\r\n\r\n\r\n    <span id=\"specialInfo\" style=\"display: none;\">\r\n        <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n            <input class=\"mdl-textfield__input\" name=\"specialInfo\" type=\"text\" id=\"specialInfo\" value=\"\">\r\n            <label class=\"mdl-textfield__label\" for=\"specialInfo\">Special Information<\/label>\r\n            <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"specialInfo\" id=\"specialInfoTt\">\r\n                Placeholder :)\r\n            <\/div>\r\n        <\/div>\r\n    <\/span>\r\n\r\n    \r\n    <\/form>\r\n\r\n\r\n    <span id=\"previewContainer\">\r\n        \r\n\r\n        <span id=\"editBtn\" class=\"material-icons\" style=\"font-size: 16px;padding-bottom: 3px;float: right;padding-right: 5px;cursor: pointer;\" onclick=\"$('#previewContainer').hide;$('#editorContainer').show;\">\r\n            create\r\n        <\/span>\r\n\r\n        <div id=\"preview\" style=\"height: 150px; overflow-y: auto; width:100%;\"> \r\n            \r\n        <\/div> \r\n    <\/span>\r\n\r\n    <span id=\"editorContainer\" style=\"display:none;\">\r\n        <span id=\"previewBtn\" class=\"material-icons\" style=\"font-size: 16px;padding-bottom: 3px;float: right;padding-right: 5px;cursor: pointer;\" onclick=\"$('#previewContainer').show;$('#editorContainer').hide;grabPreview(true);\">\r\n            visibility\r\n        <\/span>\r\n        <div id=\"editor\">\r\n            <textarea id=\"wikiTxt\" style=\"height: 150px; max-height: 150px; overflow-y: auto; width:100%;\"><\/textarea>\r\n        <\/div> \r\n    <\/span>\r\n\r\n     <br\/>\r\n    <span style=\"float:left;color:red;\" id=\"errorString\">\r\n        \r\n    <\/span>\r\n    <span style=\"float:right;\">\r\n        <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n            CANCEL\r\n        <\/button>\r\n\r\n        \r\n        ${(!hideUserInfo && rw.config.rwWarnUserAdvanced !== \"enable\") ? `\r\n       <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--accent\" onclick=\"window.parent.postMessage('advancedToggle', '*');\">\r\n            ${advancedMode ? `BASIC` : `ADVANCED`}\r\n       <\/button>\r\n        ` : ``}\r\n        \r\n        <button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"submitEdit;\">\r\n            `+ (customCallback ? customCallback : `Warn User`) + ` \r\n        <\/button>\r\n    <\/span>\r\n<\/div>\r\n\r\n\r\n<div id=\"usrPgPrevMth\" style=\"display: none;\">\r\n    <span class=\"material-icons\" id=\"prevUsrPg\" style=\"cursor:pointer;position: relative;top: 5px;padding-bottom: 10px;\" onclick=\"returnTonoticeForm;\">arrow_back<\/span>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"prevUsrPg\">\r\n        <span style=\"font-size:x-small;\">\r\n            Back to Notice Editor\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <div id=\"previewUsrPgMth\" style=\"height: 95%; overflow:auto;\">\r\n        <i>Generating preview...<\/i>\r\n        <div class=\"mdl-progress mdl-js-progress mdl-progress__indeterminate\"><\/div>\r\n        <pre id=\"uMloadingPre\" style=\"white-space: pre-wrap;\">`+ usrPgMonth +`<\/pre>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n\r\n<div id=\"usrPgPrev\" style=\"display: none;\">\r\n    <span class=\"material-icons\" id=\"prevUsrPg\" style=\"cursor:pointer;position: relative;top: 5px;padding-bottom: 10px;\" onclick=\"returnTonoticeForm;\">arrow_back<\/span>\r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"prevUsrPg\">\r\n        <span style=\"font-size:x-small;\">\r\n            Back to Notice Editor\r\n        <\/span>\r\n    <\/div>\r\n    <div id=\"previewUsrPg\" style=\"height: 95%; overflow:auto;\">\r\n        <i>Generating preview...<\/i>\r\n        <div class=\"mdl-progress mdl-js-progress mdl-progress__indeterminate\"><\/div>\r\n        <pre id=\"uloadingPre\" style=\"white-space: pre-wrap;\">`+ rw.sanitizeHTML(userPg) +`<\/pre>\r\n    <\/div>\r\n<\/div>\r\n\r\n \r\n    \/\/ THIS MESS NEEDS SORTING - todo\r\n\r\n    function showThisMonthsUsrMsgs {\r\n        $(\"#noticeFmContainer\").hide;\r\n        $(\"#usrPgPrev\").hide;\r\n        $(\"#usrPgPrevMth\").show;\r\n        \/\/ Generate preview if needed (i.e. loading pre still there)\r\n        if ($(\"#uMloadingPre\").length > 0) {\r\n            let wikiTxt = $(\"#uMloadingPre\").text;\r\n            window.parent.postMessage('generatePreview\\\\\\`'+ wikiTxt, '*');\r\n        }\r\n    }\r\n\r\n    function showUsrPg {\r\n        $(\"#noticeFmContainer\").hide;\r\n        $(\"#usrPgPrev\").show;\r\n        $(\"#usrPgPrevMth\").hide;\r\n        \/\/ Generate preview if needed (i.e. loading pre still there)\r\n        if ($(\"#uloadingPre\").length > 0) {\r\n            let wikiTxt = $(\"#uloadingPre\").text;\r\n            window.parent.postMessage('generatePreview\\\\\\`'+ wikiTxt, '*');\r\n        }\r\n    }\r\n\r\n    function returnTonoticeForm {\r\n        $(\"#noticeFmContainer\").show;\r\n        $(\"#usrPgPrevMth\").hide;\r\n        $(\"#usrPgPrev\").hide;\r\n    }\r\n\r\n        \/\/ Handle incoming data\r\n    window.onmessage = function(e){\r\n        if (e.data.action == 'parseWikiTxt') {\r\n            if ($(\"#usrPgPrevMth:visible\").length > 0) {\r\n                \/\/ user page month preview\r\n                $(\"#previewUsrPgMth\").html(e.data.result); \/\/ set content\r\n                return; \/\/ exit\r\n            } else if ($(\"#usrPgPrev:visible\").length > 0) {\r\n                \/\/ User page preview\r\n                $(\"#previewUsrPg\").html(e.data.result); \/\/ set content\r\n                return; \/\/ exit\r\n            }\r\n            \/\/ Normal preview\r\n            $(\"#preview\").html(e.data.result); \/\/ Set preview to content\r\n        } else if (e.data.action == 'recentPage') {\r\n            \/\/ On recent page selected\r\n            $(\"#relatedPage\").val(e.data.result);\r\n        }\r\n    };\r\n\r\n    \/\/ Search reasons\r\n    \/\/ Very basic but it works \r\n    $(\"input#template\").keydown(e=>{\r\n        if (e.key == \"Enter\") {\r\n            $($(\".mdl-menu__item:visible\")[0]).click; \/\/ invoke click on first visible to select\r\n            refreshLevels($($(\".mdl-menu__item:visible\")[0]).attr(\"data-val\")); \/\/ refresh preview\r\n            return; \/\/ exit\r\n        }\r\n\r\n        \/\/ Else, continue normal search\r\n        let toSearch = document.getElementById(\"template\").value.toLowerCase;\r\n        $(\".mdl-menu__item\").each((x,y)=>{\r\n            if ($(y).html.toLowerCase.includes(toSearch)) {\r\n                $(y).show;\r\n            } else {\r\n                $(y).hide;\r\n            }\r\n        });\r\n\r\n            \/\/ Clear out headers with nothing under\r\n            $(\"span.rwNoticeCatagory\").each((i, el)=>{\r\n                if ($(el).find(\"li.mdl-menu__item:visible\").length == 0) {\r\n                    $(el).find(\".rwNoticeCatagoryHead\").hide;\r\n                } else {\r\n                    $(el).find(\".rwNoticeCatagoryHead\").show;\r\n                }\r\n            });\r\n    });\r\n\r\n\r\n\r\n    var grabPreview = fromCustomTxt=> {\r\n        \/\/ Generate preview\r\n        \/\/ Wikitext grab\r\n        if (fromCustomTxt) {\r\n            \/\/ Edited using Wikitext editor\r\n            var wikiTxt = document.getElementById(\"wikiTxt\").value;\r\n            if (!wikiTxt.includes(\"${rw.sign}\")) {\r\n                \/\/ Not signed, warn\r\n                pushToast(\"Don't forget to sign your notice!\");\r\n            }\r\n            window.parent.postMessage('generatePreview\\\\\\`'+ wikiTxt, '*');\r\n        } else {\r\n            if ($('#editorContainer:visible').length > 0) {\r\n                \/\/ Editor is open, we don't want to overwrite by accident.\r\n                pushToast(\"Warning: This will overwrite your changes. Switch back to preview to confirm.\");\r\n               return;\r\n            }\r\n            \/\/ Get preview as usual\r\n            getTemplateName(name=>{\r\n            var wikiTxt = \" \" + \"${rw.sign}\";\r\n            \/\/ Check if this user is an IP, if so, add the advice template to the end\r\n            if (`+ (rw.info.isUserAnon(rw.info.targetUsername(un)) ? \"true\" : \"false\") +` == true) {\r\n                wikiTxt += \"${rw.sharedIPadvice}\";\r\n            }\r\n            document.getElementById(\"wikiTxt\").value = wikiTxt; \/\/ set edit box\r\n            window.parent.postMessage('generatePreview\\\\\\`'+ wikiTxt, '*');\r\n            }); \r\n        } \r\n    }\r\n\r\n    var rules = `+ JSON.stringify(rw.rules) +`; \/\/ get rules from host\r\n    var refreshLevels = i=> {\r\n       if (rules[i].warningLevels.includes(0)) {\r\n           \/\/ Single notice\r\n           $(\"#warningRadioButtons\").hide;\r\n           $(\"#singleNoticeOnly\").show;\r\n           $(\"#singleWarnOnly\").hide;\r\n       } else if (rules[i].warningLevels.includes(6)) {\r\n           \/\/ Single warning\r\n           $(\"#warningRadioButtons\").hide;\r\n           $(\"#singleNoticeOnly\").hide;\r\n           $(\"#singleWarnOnly\").show;\r\n       } else {\r\n           \/\/ Normal warning\r\n           $(\"#warningRadioButtons\").show;\r\n           $(\"#singleNoticeOnly\").hide;\r\n           $(\"#singleWarnOnly\").hide;\r\n\r\n           if (!rules[i].warningLevels.includes(1)) {\r\n            \/\/ No l1 warning\r\n            $(\"#l1Lbl\").hide;\r\n           } else {\r\n            $(\"#l1Lbl\").show;\r\n           }\r\n\r\n           if (!rules[i].warningLevels.includes(2)) {\r\n            \/\/ No l2 warning\r\n            $(\"#l2Lbl\").hide;\r\n           } else {\r\n            $(\"#l2Lbl\").show;\r\n           }\r\n           if (!rules[i].warningLevels.includes(3)) {\r\n            \/\/ No l3 warning\r\n            $(\"#l3Lbl\").hide;\r\n           } else {\r\n            $(\"#l3Lbl\").show;\r\n           }\r\n\r\n           \/\/ LEVEL 4\r\n           if (!rules[i].warningLevels.includes(4)) {\r\n            \/\/ No final warning\r\n            $(\"#l4Lbl\").hide;\r\n            $(\"#l4noLbl\").show;\r\n           } else {\r\n            $(\"#l4Lbl\").show;\r\n            $(\"#l4noLbl\").hide;\r\n           }\r\n           if (!rules[i].warningLevels.includes(5)) {\r\n            \/\/ No ONLY warning\r\n            $(\"#l4imLbl\").hide;\r\n           } else {\r\n            $(\"#l4imLbl\").show;\r\n           }\r\n       }\r\n\r\n       if (rules[i].note != null) {\r\n           \/\/ A disclaimer toast needs to be shown\r\n           pushToast(rules[i].note);\r\n       }\r\n\r\n       let noneStandard = {\r\n                'uw-agf-sock': 'Optional username of other account (without User:) ',\r\n                'uw-bite': \"Username of 'bitten' user (without User:) \",\r\n                'uw-socksuspect': 'Username of sock master, if known (without User:) ',\r\n                'uw-username': 'Username violates policy because... ',\r\n                'uw-aiv': 'Optional username that was reported (without User:) '\r\n        }; \/\/ These all take a different thing and only have 1 input\r\n\r\n        if (noneStandard[rules[i].template] != null) {\r\n            \/\/ Requires special input\r\n            $(\"#specialInfo\").show;\r\n            $(\"#ordInfo\").hide;\r\n            $(\"#specialInfoTt\").html(noneStandard[rules[i].template]); \/\/ Set tool tip text\r\n        } else {\r\n            \/\/ Doesn't require\r\n            $(\"#specialInfo\").hide;\r\n            $(\"#ordInfo\").show;\r\n        }\r\n    }\r\n\r\n    function pushToast(text) {window.parent.postMessage('pushToast\\\\\\`' + text);} \/\/ Push toast to host\r\n\r\n    var getTemplateName = callback=> { \/\/ CALLBACK IS ONLY CALLED IF SUCCESSFUL\r\n        let currentTemplate = \"\";\r\n        let currentLevel = \"\";\r\n        var data = $('#newNoticeForm').serializeArray.reduce(function(obj, item) {\r\n            obj[item.name] = item.value;\r\n            return obj;\r\n            }, {}); \/\/ form data\r\n\r\n        \/\/ LEVEL\r\n        if ($(\"input:radio:visible:checked\").length == 0) { \/\/ If no visble radio buttons checked\r\n            if ($(\"#singleNoticeOnly:visible\").length > 0 || $(\"#singleWarnOnly:visible\").length > 0) {\r\n                \/\/ No warning level needed, leaving for readability\r\n            } else {\r\n                \/\/ No radio button pressed, not a single warning\/notice\r\n                $(\"#errorString\").text(\"Please select a warning level.\");\r\n                return;\r\n            }\r\n        } else {\r\n            \/\/ Radio button\r\n            currentLevel = data.warnLevel; \/\/ Set to selected radiobutton value\r\n        }\r\n\r\n        \/\/ Check if we're warning ourselves (rw16)\r\n        if (document.getElementById(\"trgtUsrVisualBox\").value == \"${rw.info.getUsername}\") {\r\n            \/\/ We are warning ourselves, so stop it\r\n            $(\"#errorString\").html(\"You cannot warn yourself. <br\/> <a href='#' id='testSandbox'>Test this feature with a sandbox<\/a>\");\r\n\r\n           \/\/ Add onclick for sandbox link - change target and refresh with submitedit\r\n            $(\"#testSandbox\").click(=>{$(\"#trgtUsrVisualBox\").val(\"Sandbox for user warnings\");submitEdit;});\r\n            return; \/\/ Do not continue\r\n        }\r\n\r\n        \/\/ TEMPLATE\r\n        if (data.template == \"\") {\r\n            \/\/ No reason selected\r\n            $(\"#errorString\").text(\"Select a reason.\");\r\n            return;\r\n        }\r\n        \/\/ All good\r\n        $(\"#errorString\").text(\"\");\r\n        currentTemplate = rules[data.template].template; \/\/ assemble\r\n        if ($(\"#specialInfo:visible\").length > 0) {\r\n            callback(currentTemplate + currentLevel + \"|\" + data.specialInfo); \/\/ callback w data for special\r\n        } else {\r\n            callback(currentTemplate + currentLevel + \"|1=\" + $(\"#relatedPage\").val + (data.extraInfo.trim.length > 0 ? \"|2=\" + data.extraInfo + \"\" : \"\")); \/\/ callback, extra info italics\r\n       }\r\n    };\r\n\r\n    function submitEdit {\r\n        \/\/ Add notice to page\r\n        getTemplateName(r=>{ \/\/ acts as validation\r\n            \/\/ SEND IT\r\n            var data = $('#newNoticeForm').serializeArray.reduce(function(obj, item) {\r\n                obj[item.name] = item.value;\r\n                return obj;\r\n                }, {}); \/\/ form data\r\n\r\n            var wikiTxt = document.getElementById(\"wikiTxt\").value;\r\n            if (!wikiTxt.includes(\"${rw.sign}\")) {\r\n                \/\/ Not signed, warn\r\n                $(\"#errorString\").text(\"Please sign your notice.\");\r\n                return; \/\/ Do not continue\r\n            }\r\n            \/\/ Format: applyNotice,target,wikitxt,warnlevel|rulename\r\n            window.parent.postMessage(('applyNotice\\\\\\`' + document.getElementById(\"trgtUsrVisualBox\").value + '\\\\\\`' + wikiTxt + '\\\\\\`' + rules[data.template].name + '\\\\\\`' + r)); \/\/ Push upstairs and commit\r\n            window.parent.postMessage(\"closeDialog\"); \/\/ We done here. Top will refresh or reshow if error occurs.\r\n       });\r\n    }\r\n\r\n\r\n    \/\/ Check for change in form data\r\n    \/\/ then 500ms since last change, update preview\r\n    var oldData = \"\";\r\n    var updatePreviewTOut;\r\n    setInterval(=>{\r\n        var data = $('#newNoticeForm').serializeArray.reduce((obj, item) => {\r\n            obj[item.name] = item.value;\r\n            return obj;\r\n            }, {}); \/\/ form data\r\n        if (JSON.stringify(data) === oldData) {\r\n            \/\/ No change\r\n        } else {\r\n            oldData = JSON.stringify(data); \/\/ set\r\n            $(\"#submitBtn\").hide; \/\/ hide until template refresh\r\n            \/\/ Change. Set timeout for 500ms\r\n           try {\r\n                clearTimeout(updatePreviewTOut); \/\/ clear timeout so it resets after last change\r\n            } catch (e) {}\r\n            updatePreviewTOut = setTimeout(=>{\r\n                grabPreview;\r\n                $(\"#submitBtn\").show;\r\n            }, 500); \/\/ show previews after 500ms since last change\r\n        }\r\n       \r\n    }, 100);\r\n\r\n    \/\/ Autoselect code\r\n    function autoSelect(ruleKey, level) {\r\n        \/\/ Activate click event for this index after 250ms\r\n        setTimeout(=>{\r\n            $(\"#reasonsBox > input:visible\").click;\r\n            setTimeout(=>{\r\n                $(\"li.mdl-menu__item[data-val='\"+ ruleKey +\"']\").click;\r\n                refreshLevels(ruleKey); \/\/ update levels (will be set back to int)\r\n\r\n                if (level != null) { \/\/ if we're autoselecting a level\r\n                    setTimeout(=>{\r\n                        \/\/ we can only select between 1-5 (5 being 4im)\r\n                        if (level > 0 && level < 6) $(\"#level\"+ [\r\n                            \"1\", \"2\", \"3\", \"4\", \"4im\"\r\n                        ][level-1]).click;\r\n                    }, 250);\r\n                }\r\n            },250);\r\n        },250);\r\n    }\r\n\r\n    \/\/ If autoselect enabled and autoselect index set, apply to that index\r\n    `+ ((autoLevelSelectEnable) && (autoSelectReasonIndex != null) ? `\r\n       autoSelect('${autoSelectReasonIndex}'); \/\/ excecute autoselect\r\n    ` : \"\") +`\r\n<\/script>\r\n`","newMsg.html":"`\r\n \r\n    h2 {\r\n        font-size: 20px;\r\n        line-height: 0px;\r\n    }\r\n    .mw-editsection {\r\n        display: none;\r\n    }\r\n<\/style>\r\n<h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">New Talk Page Message<\/h2>\r\n<form id=\"newMsgForm\">\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n        <input class=\"mdl-textfield__input\" type=\"text\" id=\"trgtUsrVisualBox\" value=\"${rw.info.targetUsername(un).replace(\/\"\/g, \"&quot;\")}\" readonly>\r\n        <label class=\"mdl-textfield__label\" for=\"trgtUsrVisualBox\">Target<\/label>\r\n        <div class=\"mdl-tooltip\" for=\"trgtUsrVisualBox\">\r\n            To target a different user, please visit their userpage.\r\n        <\/div>\r\n    <\/div>\r\n<span id=\"previewContainer\" style=\"display:none;\">\r\n    \r\n\r\n    <span id=\"editBtn\" class=\"material-icons\" style=\"font-size: 16px;padding-bottom: 3px;float: right;padding-right: 5px;cursor: pointer;\" onclick=\"$('#previewContainer').hide;$('#editorContainer').show;\">\r\n        create\r\n    <\/span>\r\n\r\n    <div id=\"preview\" style=\"height: 150px; overflow-y: auto; width:100%;\"> \r\n        \r\n    <\/div> \r\n<\/span>\r\n\r\n<span id=\"editorContainer\">\r\n    <span id=\"previewBtn\" class=\"material-icons\" style=\"font-size: 16px;padding-bottom: 3px;float: right;padding-right: 5px;cursor: pointer;\" onclick=\"$('#previewContainer').show;$('#editorContainer').hide;grabPreview;\">\r\n        visibility\r\n    <\/span>\r\n    <div id=\"editor\">\r\n        <textarea id=\"wikiTxt\" name=\"wikiTxt\" style=\"height: 150px; max-height: 150px; overflow-y: auto; width:100%;\">\r\n== Your Message Title ==\r\nYour message here. ${rw.sign}\r\n       <\/textarea>\r\n    <\/div> \r\n<\/span>\r\n<\/form>\r\n\r\n<span style=\"float:right;\">\r\n    <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n        CANCEL\r\n    <\/button>\r\n    <button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"sendMessage;\">\r\n        `+ (buttonTxt == null ? \"SEND MESSAGE\" : buttonTxt) +` \r\n    <\/button>\r\n<\/span>\r\n\r\n \r\n        \/\/ Handle incoming data\r\n    window.onmessage = function(e){\r\n        if (e.data.action == 'parseWikiTxt') {\r\n            $(\"#preview\").html(e.data.result); \/\/ Set preview to content\r\n        }\r\n    };\r\n\r\n    function pushToast(text) {window.parent.postMessage('pushToast\\\\\\`' + text);} \/\/ Push toast to host\r\n\r\n    function grabPreview {\r\n        var wikiTxt = document.getElementById(\"wikiTxt\").value;\r\n        if (!wikiTxt.includes(\"${rw.sign}\")) {\r\n            \/\/ Not signed, warn\r\n            pushToast(\"Don't forget to sign your message!\");\r\n        }\r\n        window.parent.postMessage('generatePreview\\\\\\`'+ wikiTxt, '*');\r\n    }\r\n\r\n    function sendMessage {\r\n        \/\/ Send it!\r\n        var data = $('#newMsgForm').serializeArray.reduce(function(obj, item) {\r\n                obj[item.name] = item.value;\r\n                return obj;\r\n                }, {}); \/\/ form data\r\n\r\n        var wikiTxt = data.wikiTxt;\r\n        if (!wikiTxt.includes(\"${rw.sign}\")) {\r\n            \/\/ Not signed, warn\r\n            pushToast(\"WARNING: You haven't signed your message with '${rw.sign}'\");\r\n        }\r\n        window.parent.postMessage('applyNotice\\\\\\`' + document.getElementById(\"trgtUsrVisualBox\").value + '\\\\\\`' + wikiTxt + '\\\\\\`' + \"New message\"); \/\/ Push upstairs and commit\r\n        window.parent.postMessage(\"closeDialog\"); \/\/ We done here. Top will refresh or reshow if error occurs.\r\n   }\r\n<\/script>`","speedyDeletionp1.html":"`\r\n\r\n<h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">Request Speedy Deletion<\/h2>\r\n<div class=\"cntContainer\" style=\"height:350px; overflow:auto;\">\r\n    <form id=\"newMsgForm\" onsubmit=\"pushRollback;\" action=\"#\">\r\n        \r\n        <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select\" style=\"width:100%\">\r\n            <input type=\"text\" value=\"\" class=\"mdl-textfield__input\" id=\"reason\" style=\"font-size:14px;\" onkeypress=\"searchReasons;\" autocomplete=\"off\">\r\n            <input type=\"hidden\" value=\"\" name=\"reason\">\r\n            <i class=\"mdl-icon-toggle__label material-icons\">keyboard_arrow_down<\/i>\r\n            <label for=\"template\" class=\"mdl-textfield__label\">I'm requesting the speedy deletion of...<\/label>\r\n            <ul for=\"template\" class=\"mdl-menu mdl-menu--bottom-left mdl-js-menu\" style=\"overflow-y: scroll;height: 250px\">\r\n                `+ finalStr +`\r\n            <\/ul>\r\n        <\/div>\r\n        <p id=\"desP\">Please select a valid reason.<\/p>\r\n        <div id=\"textBcontainer\" style=\"display:none;\">\r\n            <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n                <input class=\"mdl-textfield__input\" type=\"text\" id=\"customInput\" name=\"customInput\">\r\n                <label class=\"mdl-textfield__label\" for=\"customInput\" id=\"customInputLabel\">Custom Reason<\/label>\r\n                <div class=\"mdl-tooltip\" for=\"customInput\" id=\"customInputTt\">\r\n                    Enter this info correctly\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/form>\r\n    <span style=\"\r\n        color: red;\r\n        font-size: small;\r\n    \">\r\n    Before nominating a page for speedy deletion, consider whether it could be improved, reduced to a stub, merged or redirected elsewhere,\r\n        reverted to a better previous revision, or handled in <a href=\"https:\/\/en.wikipedia.org\/wiki\/Wikipedia:Deletion_policy#Alternatives_to_deletion\" target=\"_blank\">some other way<\/a>. A page\r\n       is eligible for speedy deletion only if all of its revisions are also eligible.<br \/><br \/>\r\n    <b>Are you sure a speedy deletion request is the best option and the data you have entered is correct?<\/b>\r\n        <\/span><br \/>\r\n    <span style=\"float:right;\">\r\n        <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n            CANCEL\r\n        <\/button>\r\n        <button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"pushRollback;\">\r\n            YES, PROPOSE SPEEDY DELETION\r\n        <\/button>\r\n    <\/span>\r\n<\/div>\r\n\r\n \r\n    function pushRollback {\r\n        var data = $('#newMsgForm').serializeArray.reduce(function(obj, item) {\r\n                obj[item.name] = item.value;\r\n                return obj;\r\n                }, {}); \/\/ form data\r\n        \/\/ Submit it\r\n        console.log(data);\r\n        window.parent.postMessage(\"csdR\\\\\\`\"+data.reason + '\\\\\\`' + data.customInput); \/\/ Push upstairs\r\n        window.parent.postMessage(\"closeDialog\"); \/\/ We done here.\r\n        \r\n    }\r\n    \/\/ Search reasons\r\n    \/\/ Very basic but it works TODO: work on, including selecting best match on ENTER\r\n    function searchReasons {\r\n        let toSearch = document.getElementById(\"reason\").value.toLowerCase;\r\n        $(\".mdl-menu__item\").each((x,y)=>{\r\n            if (y.innerText.toLowerCase.includes(toSearch)) {\r\n                $(y).show;\r\n            } else {\r\n                $(y).hide;\r\n            }\r\n        });\r\n    }\r\n\r\n    var refreshLevels = i=>{\r\n        \/\/ Show the correct description and textbox\r\n        let speedyDeleteReasons = `+ JSON.stringify(speedyDeleteReasons) +`;\r\n        let reason = eval(i);\r\n        console.log(reason);\r\n        \/\/ Info box\r\n        $(\"#desP\").html('<span class=\"material-icons\" style=\"float: left;padding-right: 5px; cursor:default;\">info<\/span>' + reason.helpText);\r\n        \r\n\r\n        if (reason.input != \"\") {\r\n            \/\/ Requires a custom input, show\r\n            $(\"#customInputLabel\").text(reason.input);\r\n            $(\"#textBcontainer\").show; \/\/ Make the textbox visible\r\n            try {\r\n                if (reason.inputTooltip.length > 0) {\r\n                \/\/ Tool tip too\r\n                $(\"#customInputTt\").show;\r\n                $(\"#customInputTt\").text(reason.inputTooltip);\r\n                } else {\r\n                    \/\/ No tooltip\r\n                    $(\"#customInputTt\").hide;\r\n                }\r\n            } catch (error) {\r\n                \/\/ No tooltip\r\n                $(\"#customInputTt\").hide;\r\n            }\r\n        } else {\r\n            $(\"#textBcontainer\").hide;\r\n        }\r\n       \r\n    }\r\n<\/script>`","preferences.html":"`\r\n\r\n var materialIcons = [\"3d_rotation\", \"accessibility\", \"accessibility_new\", \"accessible\", \"accessible_forward\", \"account_balance\", \"account_balance_wallet\", \"account_box\", \"account_circle\", \"add_shopping_cart\", \"alarm\", \"alarm_add\", \"alarm_off\", \"alarm_on\", \"all_inbox\", \"all_out\", \"android\", \"announcement\", \"arrow_right_alt\", \"aspect_ratio\", \"assessment\", \"assignment\", \"assignment_ind\", \"assignment_late\", \"assignment_return\", \"assignment_returned\", \"assignment_turned_in\", \"autorenew\", \"backup\", \"book\", \"bookmark\", \"bookmark_border\", \"bookmarks\", \"bug_report\", \"build\", \"cached\", \"calendar_today\", \"calendar_view_day\", \"camera_enhance\", \"cancel_schedule_send\", \"card_giftcard\", \"card_membership\", \"card_travel\", \"change_history\", \"check_circle\", \"check_circle_outline\", \"chrome_reader_mode\", \"class\", \"code\", \"commute\", \"compare_arrows\", \"contact_support\", \"contactless\", \"copyright\", \"credit_card\", \"dashboard\", \"date_range\", \"delete\", \"delete_forever\", \"delete_outline\", \"description\", \"dns\", \"done\", \"done_all\", \"done_outline\", \"donut_large\", \"donut_small\", \"drag_indicator\", \"eco\", \"eject\", \"euro_symbol\", \"event\", \"event_seat\", \"exit_to_app\", \"explore\", \"explore_off\", \"extension\", \"face\", \"favorite\", \"favorite_border\", \"feedback\", \"find_in_page\", \"find_replace\", \"fingerprint\", \"flight_land\", \"flight_takeoff\", \"flip_to_back\", \"flip_to_front\", \"g_translate\", \"gavel\", \"get_app\", \"gif\", \"grade\", \"group_work\", \"help\", \"help_outline\", \"highlight_off\", \"history\", \"home\", \"horizontal_split\", \"hourglass_empty\", \"hourglass_full\", \"http\", \"https\", \"important_devices\", \"info\", \"input\", \"invert_colors\", \"label\", \"label_important\", \"label_off\", \"language\", \"launch\", \"line_style\", \"line_weight\", \"list\", \"lock\", \"lock_open\", \"loyalty\", \"markunread_mailbox\", \"maximize\", \"minimize\", \"note_add\", \"offline_bolt\", \"offline_pin\", \"opacity\", \"open_in_browser\", \"open_in_new\", \"open_with\", \"pageview\", \"pan_tool\", \"payment\", \"perm_camera_mic\", \"perm_contact_calendar\", \"perm_data_setting\", \"perm_device_information\", \"perm_identity\", \"perm_media\", \"perm_phone_msg\", \"perm_scan_wifi\", \"pets\", \"picture_in_picture\", \"picture_in_picture_alt\", \"play_for_work\", \"polymer\", \"power_settings_new\", \"pregnant_woman\", \"print\", \"query_builder\", \"question_answer\", \"receipt\", \"record_voice_over\", \"redeem\", \"remove_shopping_cart\", \"reorder\", \"report_problem\", \"restore\", \"restore_from_trash\", \"restore_page\", \"room\", \"rounded_corner\", \"rowing\", \"schedule\", \"search\", \"settings\", \"settings_applications\", \"settings_backup_restore\", \"settings_bluetooth\", \"settings_brightness\", \"settings_cell\", \"settings_ethernet\", \"settings_input_antenna\", \"settings_input_component\", \"settings_input_composite\", \"settings_input_hdmi\", \"settings_input_svideo\", \"settings_overscan\", \"settings_phone\", \"settings_power\", \"settings_remote\", \"settings_voice\", \"shop\", \"shop_two\", \"shopping_basket\", \"shopping_cart\", \"speaker_notes\", \"speaker_notes_off\", \"spellcheck\", \"stars\", \"store\", \"subject\", \"supervised_user_circle\", \"supervisor_account\", \"swap_horiz\", \"swap_horizontal_circle\", \"swap_vert\", \"swap_vertical_circle\", \"sync_alt\", \"system_update_alt\", \"tab\", \"tab_unselected\", \"text_rotate_up\", \"text_rotate_vertical\", \"text_rotation_angledown\", \"text_rotation_angleup\", \"text_rotation_down\", \"text_rotation_none\", \"theaters\", \"thumb_down\", \"thumb_up\", \"thumbs_up_down\", \"timeline\", \"toc\", \"today\", \"toll\", \"touch_app\", \"track_changes\", \"translate\", \"trending_down\", \"trending_flat\", \"trending_up\", \"turned_in\", \"turned_in_not\", \"update\", \"verified_user\", \"vertical_split\", \"view_agenda\", \"view_array\", \"view_carousel\", \"view_column\", \"view_day\", \"view_headline\", \"view_list\", \"view_module\", \"view_quilt\", \"view_stream\", \"view_week\", \"visibility\", \"visibility_off\", \"voice_over_off\", \"watch_later\", \"work\", \"work_off\", \"work_outline\", \"youtube_searched_for\", \"zoom_in\", \"zoom_out\", \"add_alert\", \"error\", \"error_outline\", \"notification_important\", \"warning\", \"4k\", \"add_to_queue\", \"airplay\", \"album\", \"art_track\", \"av_timer\", \"branding_watermark\", \"call_to_action\", \"closed_caption\", \"control_camera\", \"equalizer\", \"explicit\", \"fast_forward\", \"fast_rewind\", \"featured_play_list\", \"featured_video\", \"fiber_dvr\", \"fiber_manual_record\", \"fiber_new\", \"fiber_pin\", \"fiber_smart_record\", \"forward_10\", \"forward_30\", \"forward_5\", \"games\", \"hd\", \"hearing\", \"high_quality\", \"library_add\", \"library_add_check\", \"library_books\", \"library_music\", \"loop\", \"mic\", \"mic_none\", \"mic_off\", \"missed_video_call\", \"movie\", \"music_video\", \"new_releases\", \"not_interested\", \"note\", \"pause\", \"pause_circle_filled\", \"pause_circle_outline\", \"play_arrow\", \"play_circle_filled\", \"play_circle_outline\", \"playlist_add\", \"playlist_add_check\", \"playlist_play\", \"queue\", \"queue_music\", \"queue_play_next\", \"radio\", \"recent_actors\", \"remove_from_queue\", \"repeat\", \"repeat_one\", \"replay\", \"replay_10\", \"replay_30\", \"replay_5\", \"shuffle\", \"skip_next\", \"skip_previous\", \"slow_motion_video\", \"snooze\", \"sort_by_alpha\", \"speed\", \"stop\", \"subscriptions\", \"subtitles\", \"surround_sound\", \"video_call\", \"video_label\", \"video_library\", \"videocam\", \"videocam_off\", \"volume_down\", \"volume_mute\", \"volume_off\", \"volume_up\", \"web\", \"web_asset\", \"add_ic_call\", \"alternate_email\", \"business\", \"call\", \"call_end\", \"call_made\", \"call_merge\", \"call_missed\", \"call_missed_outgoing\", \"call_received\", \"call_split\", \"cancel_presentation\", \"chat\", \"chat_bubble\", \"chat_bubble_outline\", \"clear_all\", \"comment\", \"contact_mail\", \"contact_phone\", \"contacts\", \"desktop_access_disabled\", \"dialer_sip\", \"dialpad\", \"domain_disabled\", \"duo\", \"email\", \"forum\", \"import_contacts\", \"import_export\", \"invert_colors_off\", \"list_alt\", \"live_help\", \"location_off\", \"location_on\", \"mail_outline\", \"message\", \"mobile_screen_share\", \"no_sim\", \"pause_presentation\", \"person_add_disabled\", \"phone\", \"phone_disabled\", \"phone_enabled\", \"phonelink_erase\", \"phonelink_lock\", \"phonelink_ring\", \"phonelink_setup\", \"portable_wifi_off\", \"present_to_all\", \"print_disabled\", \"ring_volume\", \"rss_feed\", \"screen_share\", \"sentiment_satisfied_alt\", \"speaker_phone\", \"stay_current_landscape\", \"stay_current_portrait\", \"stay_primary_landscape\", \"stay_primary_portrait\", \"stop_screen_share\", \"swap_calls\", \"textsms\", \"unsubscribe\", \"voicemail\", \"vpn_key\", \"add\", \"add_box\", \"add_circle\", \"add_circle_outline\", \"amp_stories\", \"archive\", \"backspace\", \"ballot\", \"block\", \"clear\", \"create\", \"delete_sweep\", \"drafts\", \"dynamic_feed\", \"file_copy\", \"filter_list\", \"flag\", \"font_download\", \"forward\", \"gesture\", \"how_to_reg\", \"how_to_vote\", \"inbox\", \"link\", \"link_off\", \"low_priority\", \"mail\", \"markunread\", \"move_to_inbox\", \"next_week\", \"outlined_flag\", \"policy\", \"redo\", \"remove\", \"remove_circle\", \"remove_circle_outline\", \"reply\", \"reply_all\", \"report\", \"report_off\", \"save\", \"save_alt\", \"select_all\", \"send\", \"sort\", \"square_foot\", \"text_format\", \"unarchive\", \"undo\", \"waves\", \"weekend\", \"where_to_vote\", \"access_alarm\", \"access_alarms\", \"access_time\", \"add_alarm\", \"add_to_home_screen\", \"airplanemode_active\", \"airplanemode_inactive\", \"battery_alert\", \"battery_charging_full\", \"battery_full\", \"battery_std\", \"battery_unknown\", \"bluetooth\", \"bluetooth_connected\", \"bluetooth_disabled\", \"bluetooth_searching\", \"brightness_auto\", \"brightness_high\", \"brightness_low\", \"brightness_medium\", \"data_usage\", \"developer_mode\", \"devices\", \"dvr\", \"gps_fixed\", \"gps_not_fixed\", \"gps_off\", \"graphic_eq\", \"location_disabled\", \"location_searching\", \"mobile_friendly\", \"mobile_off\", \"nfc\", \"screen_lock_landscape\", \"screen_lock_portrait\", \"screen_lock_rotation\", \"screen_rotation\", \"sd_storage\", \"settings_system_daydream\", \"signal_cellular_4_bar\", \"signal_cellular_alt\", \"signal_cellular_connected_no_internet_4_bar\", \"signal_cellular_no_sim\", \"signal_cellular_null\", \"signal_cellular_off\", \"signal_wifi_4_bar\", \"signal_wifi_4_bar_lock\", \"signal_wifi_off\", \"storage\", \"usb\", \"wallpaper\", \"widgets\", \"wifi_lock\", \"wifi_tethering\", \"add_comment\", \"attach_file\", \"attach_money\", \"bar_chart\", \"border_all\", \"border_bottom\", \"border_clear\", \"border_horizontal\", \"border_inner\", \"border_left\", \"border_outer\", \"border_right\", \"border_style\", \"border_top\", \"border_vertical\", \"bubble_chart\", \"drag_handle\", \"format_align_center\", \"format_align_justify\", \"format_align_left\", \"format_align_right\", \"format_bold\", \"format_clear\", \"format_color_reset\", \"format_indent_decrease\", \"format_indent_increase\", \"format_italic\", \"format_line_spacing\", \"format_list_bulleted\", \"format_list_numbered\", \"format_list_numbered_rtl\", \"format_paint\", \"format_quote\", \"format_shapes\", \"format_size\", \"format_strikethrough\", \"format_textdirection_l_to_r\", \"format_textdirection_r_to_l\", \"format_underlined\", \"functions\", \"height\", \"highlight\", \"insert_chart\", \"insert_chart_outlined\", \"insert_comment\", \"insert_drive_file\", \"insert_emoticon\", \"insert_invitation\", \"insert_link\", \"insert_photo\", \"linear_scale\", \"merge_type\", \"mode_comment\", \"monetization_on\", \"money_off\", \"multiline_chart\", \"notes\", \"pie_chart\", \"post_add\", \"publish\", \"scatter_plot\", \"score\", \"short_text\", \"show_chart\", \"space_bar\", \"strikethrough_s\", \"table_chart\", \"text_fields\", \"title\", \"vertical_align_bottom\", \"vertical_align_center\", \"vertical_align_top\", \"wrap_text\", \"attachment\", \"cloud\", \"cloud_circle\", \"cloud_done\", \"cloud_download\", \"cloud_off\", \"cloud_queue\", \"cloud_upload\", \"create_new_folder\", \"folder\", \"folder_open\", \"folder_shared\", \"cast\", \"cast_connected\", \"computer\", \"desktop_mac\", \"desktop_windows\", \"developer_board\", \"device_hub\", \"device_unknown\", \"devices_other\", \"dock\", \"gamepad\", \"headset\", \"headset_mic\", \"keyboard\", \"keyboard_arrow_down\", \"keyboard_arrow_left\", \"keyboard_arrow_right\", \"keyboard_arrow_up\", \"keyboard_backspace\", \"keyboard_capslock\", \"keyboard_hide\", \"keyboard_return\", \"keyboard_tab\", \"keyboard_voice\", \"laptop\", \"laptop_chromebook\", \"laptop_mac\", \"laptop_windows\", \"memory\", \"mouse\", \"phone_android\", \"phone_iphone\", \"phonelink\", \"phonelink_off\", \"power_input\", \"router\", \"scanner\", \"security\", \"sim_card\", \"smartphone\", \"speaker\", \"speaker_group\", \"tablet\", \"tablet_android\", \"tablet_mac\", \"toys\", \"tv\", \"videogame_asset\", \"watch\", \"add_a_photo\", \"add_photo_alternate\", \"add_to_photos\", \"adjust\", \"assistant\", \"assistant_photo\", \"audiotrack\", \"blur_circular\", \"blur_linear\", \"blur_off\", \"blur_on\", \"brightness_1\", \"brightness_2\", \"brightness_3\", \"brightness_4\", \"brightness_5\", \"brightness_6\", \"brightness_7\", \"broken_image\", \"brush\", \"burst_mode\", \"camera\", \"camera_alt\", \"camera_front\", \"camera_rear\", \"camera_roll\", \"center_focus_strong\", \"center_focus_weak\", \"collections\", \"collections_bookmark\", \"color_lens\", \"colorize\", \"compare\", \"control_point\", \"control_point_duplicate\", \"crop\", \"crop_16_9\", \"crop_3_2\", \"crop_5_4\", \"crop_7_5\", \"crop_din\", \"crop_free\", \"crop_landscape\", \"crop_original\", \"crop_portrait\", \"crop_rotate\", \"crop_square\", \"dehaze\", \"details\", \"edit\", \"euro\", \"exposure\", \"exposure_neg_1\", \"exposure_neg_2\", \"exposure_plus_1\", \"exposure_plus_2\", \"exposure_zero\", \"filter\", \"filter_1\", \"filter_2\", \"filter_3\", \"filter_4\", \"filter_5\", \"filter_6\", \"filter_7\", \"filter_8\", \"filter_9\", \"filter_9_plus\", \"filter_b_and_w\", \"filter_center_focus\", \"filter_drama\", \"filter_frames\", \"filter_hdr\", \"filter_none\", \"filter_tilt_shift\", \"filter_vintage\", \"flare\", \"flash_auto\", \"flash_off\", \"flash_on\", \"flip\", \"flip_camera_android\", \"flip_camera_ios\", \"gradient\", \"grain\", \"grid_off\", \"grid_on\", \"hdr_off\", \"hdr_on\", \"hdr_strong\", \"hdr_weak\", \"healing\", \"image\", \"image_aspect_ratio\", \"image_search\", \"iso\", \"landscape\", \"leak_add\", \"leak_remove\", \"lens\", \"linked_camera\", \"looks\", \"looks_3\", \"looks_4\", \"looks_5\", \"looks_6\", \"looks_one\", \"looks_two\", \"loupe\", \"monochrome_photos\", \"movie_creation\", \"movie_filter\", \"music_note\", \"music_off\", \"nature\", \"nature_people\", \"navigate_before\", \"navigate_next\", \"palette\", \"panorama\", \"panorama_fish_eye\", \"panorama_horizontal\", \"panorama_vertical\", \"panorama_wide_angle\", \"photo\", \"photo_album\", \"photo_camera\", \"photo_filter\", \"photo_library\", \"photo_size_select_actual\", \"photo_size_select_large\", \"photo_size_select_small\", \"picture_as_pdf\", \"portrait\", \"remove_red_eye\", \"rotate_90_degrees_ccw\", \"rotate_left\", \"rotate_right\", \"shutter_speed\", \"slideshow\", \"straighten\", \"style\", \"switch_camera\", \"switch_video\", \"tag_faces\", \"texture\", \"timelapse\", \"timer\", \"timer_10\", \"timer_3\", \"timer_off\", \"tonality\", \"transform\", \"tune\", \"view_comfy\", \"view_compact\", \"vignette\", \"wb_auto\", \"wb_cloudy\", \"wb_incandescent\", \"wb_iridescent\", \"wb_sunny\", \"360\", \"add_location\", \"atm\", \"beenhere\", \"category\", \"compass_calibration\", \"departure_board\", \"directions\", \"directions_bike\", \"directions_boat\", \"directions_bus\", \"directions_car\", \"directions_railway\", \"directions_run\", \"directions_subway\", \"directions_transit\", \"directions_walk\", \"edit_attributes\", \"edit_location\", \"ev_station\", \"fastfood\", \"flight\", \"hotel\", \"layers\", \"layers_clear\", \"local_activity\", \"local_airport\", \"local_atm\", \"local_bar\", \"local_cafe\", \"local_car_wash\", \"local_convenience_store\", \"local_dining\", \"local_drink\", \"local_florist\", \"local_gas_station\", \"local_grocery_store\", \"local_hospital\", \"local_hotel\", \"local_laundry_service\", \"local_library\", \"local_mall\", \"local_movies\", \"local_offer\", \"local_parking\", \"local_pharmacy\", \"local_phone\", \"local_pizza\", \"local_play\", \"local_post_office\", \"local_printshop\", \"local_see\", \"local_shipping\", \"local_taxi\", \"map\", \"menu_book\", \"money\", \"museum\", \"my_location\", \"navigation\", \"near_me\", \"not_listed_location\", \"person_pin\", \"person_pin_circle\", \"pin_drop\", \"place\", \"rate_review\", \"restaurant\", \"restaurant_menu\", \"satellite\", \"store_mall_directory\", \"streetview\", \"subway\", \"terrain\", \"traffic\", \"train\", \"tram\", \"transfer_within_a_station\", \"transit_enterexit\", \"trip_origin\", \"two_wheeler\", \"zoom_out_map\", \"apps\", \"arrow_back\", \"arrow_back_ios\", \"arrow_downward\", \"arrow_drop_down\", \"arrow_drop_down_circle\", \"arrow_drop_up\", \"arrow_forward\", \"arrow_forward_ios\", \"arrow_left\", \"arrow_right\", \"arrow_upward\", \"cancel\", \"check\", \"chevron_left\", \"chevron_right\", \"close\", \"double_arrow\", \"expand_less\", \"expand_more\", \"first_page\", \"fullscreen\", \"fullscreen_exit\", \"home_work\", \"last_page\", \"menu\", \"menu_open\", \"more_horiz\", \"more_vert\", \"refresh\", \"subdirectory_arrow_left\", \"subdirectory_arrow_right\", \"unfold_less\", \"unfold_more\", \"account_tree\", \"adb\", \"airline_seat_flat\", \"airline_seat_flat_angled\", \"airline_seat_individual_suite\", \"airline_seat_legroom_extra\", \"airline_seat_legroom_normal\", \"airline_seat_legroom_reduced\", \"airline_seat_recline_extra\", \"airline_seat_recline_normal\", \"bluetooth_audio\", \"confirmation_number\", \"disc_full\", \"drive_eta\", \"enhanced_encryption\", \"event_available\", \"event_busy\", \"event_note\", \"folder_special\", \"live_tv\", \"mms\", \"more\", \"network_check\", \"network_locked\", \"no_encryption\", \"ondemand_video\", \"personal_video\", \"phone_bluetooth_speaker\", \"phone_callback\", \"phone_forwarded\", \"phone_in_talk\", \"phone_locked\", \"phone_missed\", \"phone_paused\", \"power\", \"power_off\", \"priority_high\", \"sd_card\", \"sms\", \"sms_failed\", \"sync\", \"sync_disabled\", \"sync_problem\", \"system_update\", \"tap_and_play\", \"time_to_leave\", \"tv_off\", \"vibration\", \"voice_chat\", \"vpn_lock\", \"wc\", \"wifi\", \"wifi_off\", \"ac_unit\", \"airport_shuttle\", \"all_inclusive\", \"apartment\", \"bathtub\", \"beach_access\", \"business_center\", \"casino\", \"child_care\", \"child_friendly\", \"fitness_center\", \"free_breakfast\", \"golf_course\", \"hot_tub\", \"house\", \"kitchen\", \"meeting_room\", \"no_meeting_room\", \"pool\", \"room_service\", \"rv_hookup\", \"smoke_free\", \"smoking_rooms\", \"spa\", \"storefront\", \"cake\", \"deck\", \"domain\", \"emoji_emotions\", \"emoji_events\", \"emoji_flags\", \"emoji_food_beverage\", \"emoji_nature\", \"emoji_objects\", \"emoji_people\", \"emoji_symbols\", \"emoji_transportation\", \"fireplace\", \"group\", \"group_add\", \"king_bed\", \"location_city\", \"mood\", \"mood_bad\", \"nights_stay\", \"notifications\", \"notifications_active\", \"notifications_none\", \"notifications_off\", \"notifications_paused\", \"outdoor_grill\", \"pages\", \"party_mode\", \"people\", \"people_alt\", \"people_outline\", \"person\", \"person_add\", \"person_outline\", \"plus_one\", \"poll\", \"public\", \"school\", \"sentiment_dissatisfied\", \"sentiment_satisfied\", \"sentiment_very_dissatisfied\", \"sentiment_very_satisfied\", \"share\", \"single_bed\", \"sports\", \"sports_baseball\", \"sports_basketball\", \"sports_cricket\", \"sports_esports\", \"sports_football\", \"sports_golf\", \"sports_handball\", \"sports_hockey\", \"sports_kabaddi\", \"sports_mma\", \"sports_motorsports\", \"sports_rugby\", \"sports_soccer\", \"sports_tennis\", \"sports_volleyball\", \"thumb_down_alt\", \"thumb_up_alt\", \"whatshot\", \"check_box\", \"check_box_outline_blank\", \"indeterminate_check_box\", \"radio_button_checked\", \"radio_button_unchecked\", \"star\", \"star_border\", \"star_half\", \"star_outline\", \"toggle_off\", \"toggle_on\"];\r\n    \/\/ On settings load name: function handler\r\n    var onSettingsLoad = {};\r\n<\/script>\r\n\r\n\r\n<script src=\"https:\/\/redwarn.toolforge.org\/cdn\/js\/sortable.js\"><\/script>\r\n<script src=\"https:\/\/redwarn.toolforge.org\/cdn\/js\/jquery-sortable.js\"><\/script>\r\n\r\n\r\n \r\n    .rw-preferences>header {\r\n        height: 112px;\r\n    }\r\n\r\n    .rw-preferences>main,\r\n    .rw-preferences>main>form,\r\n    .rw-preferences>main>form>section {\r\n        height: 100%;\r\n    }\r\n<\/style>\r\n<link rel=\"stylesheet\" href=\"https:\/\/redwarn.toolforge.org\/cdn\/css\/jqueryContextMenu.css\">\r\n<script src=\"https:\/\/redwarn.toolforge.org\/cdn\/js\/jquery-contextmenu.js\"><\/script>\r\n<script src=\"https:\/\/redwarn.toolforge.org\/cdn\/js\/jquery-ui-position.js\"><\/script>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"rw-preferences mdl-layout mdl-js-layout mdl-layout--fixed-header\">\r\n    <header class=\"mdl-layout__header\">\r\n        <div class=\"mdl-layout__header-row\">\r\n            \r\n            <span class=\"mdl-layout-title\" style=\"width: calc(100% - 60px);\">${rw.logoHTML} Preferences<\/span>\r\n            <div id=\"apply\" class=\"icon material-icons\" style=\"float:right;\">\r\n                <span style=\"cursor: pointer; padding-right:15px;\" onclick=\"saveConfig;\">\r\n                    save\r\n                <\/span>\r\n            <\/div>\r\n            <div class=\"mdl-tooltip\" for=\"apply\">\r\n                Apply Changes\r\n            <\/div>\r\n\r\n            <div id=\"close\" class=\"icon material-icons\" style=\"float:right;\">\r\n                <span style=\"cursor: pointer; padding-right:15px;\" onclick=\"window.parent.postMessage('closeDialog');\">\r\n                    clear\r\n                <\/span>\r\n            <\/div>\r\n            <div class=\"mdl-tooltip\" for=\"close\">\r\n                Don't apply changes and Close\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"mdl-layout__tab-bar mdl-js-ripple-effect\">\r\n            <a href=\"#scroll-tab-1\" class=\"mdl-layout__tab is-active\">Tutorials<\/a>\r\n            <a href=\"#scroll-tab-2\" class=\"mdl-layout__tab\">Buttons<\/a>\r\n            <a href=\"#scroll-tab-3\" class=\"mdl-layout__tab\">Warnings<\/a>\r\n            <a href=\"#scroll-tab-4\" class=\"mdl-layout__tab\">Appearance<\/a>\r\n            <a href=\"#scroll-tab-5\" class=\"mdl-layout__tab\">Behaviour<\/a>\r\n            <a href=\"#scroll-tab-6\" class=\"mdl-layout__tab\">About<\/a>\r\n        <\/div>\r\n    <\/header>\r\n    <main class=\"mdl-layout__content\" style=\"padding-left: 5%;\">\r\n        <form id=\"config\">\r\n            <section class=\"mdl-layout__tab-panel is-active\" id=\"scroll-tab-1\">\r\n                \r\n                \r\n                <div class=\"page-content\" style=\"padding:16px 0;\">\r\n                    <div style=\"width:25%;float:right;\">\r\n                        \r\n\r\n                        \r\n                        <div class=\"mdl-card mdl-shadow--2dp\" style=\"width: 320px;height: 255px;\">\r\n                            <div class=\"mdl-card__title mdl-card--expand\"\r\n                                style=\"color:white;background-color: crimson;\">\r\n                                <h2 class=\"mdl-card__title-text\">${rw.logoHTML} ${rw.version}<\/h2>\r\n                            <\/div>\r\n                            <div class=\"mdl-card__supporting-text\">\r\n                                ${rw.versionSummary}\r\n                            <\/div>\r\n                            <div class=\"mdl-card__actions mdl-card--border\">\r\n                                <a class=\"mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect\"\r\n                                    href=\"https:\/\/en.wikipedia.org\/wiki\/Wikipedia:RedWarn\/bugsquasher#RedWarn_${rw.version}\"\r\n                                    target=\"_blank\">\r\n                                    READ MORE\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <br \/><br \/>\r\n                        \r\n                        <div class=\"mdl-card mdl-shadow--2dp\" style=\"width: 320px;height: 255px;\">\r\n                            <div class=\"mdl-card__title mdl-card--expand\"\r\n                                style=\"color:white;background-color: #7289DA;\">\r\n                                <h2 class=\"mdl-card__title-text\">Discord<\/h2>\r\n                            <\/div>\r\n                            <div class=\"mdl-card__supporting-text\">\r\n                                Want to join in development discussions as they happen, get fast feedback and talk to\r\n                                other RedWarn users?\r\n                                Join the RedWarn project's Discord server! Accessable from any web browser, or via\r\n                               Discord's desktop and mobile apps.\r\n                            <\/div>\r\n                            <div class=\"mdl-card__actions mdl-card--border\">\r\n                                <a class=\"mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect\"\r\n                                    href=\"https:\/\/discord.gg\/2zNrVa9\" target=\"_blank\">\r\n                                    JOIN\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <br \/><br \/>\r\n                        \r\n                        <div class=\"mdl-card mdl-shadow--2dp\" style=\"width: 320px;height: 255px;\">\r\n                            <div class=\"mdl-card__title mdl-card--expand\"\r\n                                style=\"color:white;background-color: #a00498;\">\r\n                                <h2 class=\"mdl-card__title-text\">Quick Template<\/h2>\r\n                            <\/div>\r\n                            <div class=\"mdl-card__supporting-text\">\r\n                                Quick Templates can allow you to mitigate the extensive time taken to make repetitive\r\n                                user talk messages. To install a pack, click the button below.\r\n                           <\/div>\r\n                            <div class=\"mdl-card__actions mdl-card--border\">\r\n                                <a class=\"mdl-button mdl-button--accent mdl-js-button mdl-js-ripple-effect\"\r\n                                    onclick=\"window.parent.postMessage('installQTP');\">\r\n                                    INSTALL QUICK TEMPLATE PACK\r\n                                <\/a>\r\n                                <a class=\"mdl-button mdl-button--primary mdl-js-button mdl-js-ripple-effect\"\r\n                                    href=\"https:\/\/en.wikipedia.org\/wiki\/Wikipedia:RedWarn\/help\/Quick_Template\/templates\"\r\n                                    target=\"_blank\">\r\n                                    GET PACKS\r\n                                <\/a>\r\n                                <a class=\"mdl-button mdl-button--primary mdl-js-button mdl-js-ripple-effect\"\r\n                                    onclick=\"window.parent.postMessage('newQTP');\">\r\n                                    CREATE NEW PACK\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div style=\"width:70%;float: left;\">\r\n                        \r\n\r\n                        ${rw.debugMenu != null ? `\r\n                       \r\n                        <div class=\"mdl-card mdl-shadow--2dp\" style=\"width: 100%;\">\r\n                            <div class=\"mdl-card__title mdl-card--expand\" style=\"color:white;background-color: red;\">\r\n                                <h2 class=\"mdl-card__title-text\">DEBUG MODE<\/h2>\r\n                            <\/div>\r\n                            <div class=\"mdl-card__supporting-text\">\r\n                                WARNING! You cannot change your preferences in debug mode without enabling production\r\n                               behaviour through the debug menu - applying will corrupt your config!\r\n                            <\/div>\r\n                        <\/div>\r\n                        <br \/><br \/>\r\n\r\n                        ` : ``}\r\n\r\n                        <div class=\"mdl-card mdl-shadow--2dp\" style=\"width: 100%;\">\r\n                            <div class=\"mdl-card__title mdl-card--expand\"\r\n                                style=\"color:white;background-color: rgb(162, 0, 255);\">\r\n                                <h2 class=\"mdl-card__title-text\">Tutorials<\/h2>\r\n                            <\/div>\r\n                            <div class=\"mdl-card__supporting-text\">\r\n                                Check back here for tutorials, updates and announcements on how to use RedWarn most\r\n                                effectively!\r\n                            <\/div>\r\n                        <\/div>\r\n                        <br \/><br \/>\r\n\r\n\r\n                        <br \/><br \/>\r\n\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n\r\n            <section class=\"mdl-layout__tab-panel\" id=\"scroll-tab-2\">\r\n                \r\n                <div class=\"page-content\" style=\"padding-top:10px;padding-right:25%;\">\r\n                    <div class=\"mdl-card mdl-shadow--2dp\" style=\"width:100%\">\r\n                        <div class=\"mdl-card__title\"\r\n                            style=\"color: #fff;\r\n                    height: 176px;\r\n                    background: url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/Approach_to_underpass%2C_Dunkirk%2C_Nottingham.jpg\/1280px-Approach_to_underpass%2C_Dunkirk%2C_Nottingham.jpg') center \/ cover;\">\r\n                            <h2 class=\"mdl-card__title-text\">Buttons<\/h2>\r\n                        <\/div>\r\n                        <div class=\"mdl-card__supporting-text\">\r\n\r\n                            <i>\r\n                                Click and drag on menu options to rearrange and sort icons, and move them between your\r\n                                favourites (that you can access immediately) and\r\n                                icons you use less often that you wish to access through the \"more options\" menu.\r\n                                Right-click on any icon to change its properties, such as\r\n                                its icon or colour.\r\n                            <\/i>\r\n\r\n                            <div style=\"width:100%;height:1000px\">\r\n                                \r\n\r\n                                <div\r\n                                    style=\"width:50%;float:left;height:100%; padding-right: 5px; overflow-x:hidden;overflow-y:auto;\">\r\n                                    \r\n                                    <h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">Favourites<\/h2>\r\n                                    Rollback icons<\/h5>\r\n                                    <div style=\"min-height: 20px;background-color: rgb(245, 245, 245);\"\r\n                                        id=\"rwRollbackIconsSort\">\r\n                                        ${ (=>{\/*\r\n                                        \/* Script tags are for IDE formatting only! *\/\r\n                                           let finalIconStr = \"\";\r\n                                            rw.rollback.icons.forEach((icon, i) => {\r\n                                                if (!icon.enabled) return; \/\/ if icon is not enabled, we can skip\r\n\r\n                                                let elID = \"rollbackIcon-\" + (icon.originalIndex == null ? i : icon.originalIndex); \/\/ get the ID for the new icons\r\n\r\n                                               \/\/ Establish element with all the info\r\n                                                finalIconStr += `\r\n                                            <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;\" id=\"${elID}\">\r\n                                                <span class=\"material-icons\" style=\"padding-right:20px;color:${icon.color};\">${icon.icon}<\/span>\r\n                                                <span ${(icon.name.length > 40 ? `style=\"font-size: 12px;\"` : \"\")}>${icon.name}<\/span>\r\n                                           <\/div>\r\n                                            <hr style=\"margin:0\"\/><\/div>\r\n                                            `;\r\n                                            });\r\n\r\n                                            \/\/ Now return HTML (rw16)\r\n                                            return finalIconStr; \/\/ <\/script> \r\n                                        })\r\n                                        }\r\n                                    <\/div>\r\n                                    \r\n\r\n\r\n                                    Page Icons<\/h5>\r\n                                    <div style=\"min-height: 20px;background-color: rgb(245, 245, 245);\"\r\n                                        id=\"rwPageIconsSort\">\r\n                                        ${\r\n                                        (=>{ \/*\r\n                                        \/* Script tags for IDE only *\/\r\n                                            \/\/ Now generate the HTML\r\n\r\n                                            let finalHTML = ``;\r\n\r\n                                            rw.topIcons.icons.forEach((icon, i) => {\r\n                                                \/\/ Generate an ID for click handlers and tooltip\r\n                                                const iconID = \"rwTopIcon-\" + (icon.originalIndex == null ? i : icon.originalIndex);\r\n                                               if (icon.enabled) \/\/ show only if icon is enabled\r\n                                                    finalHTML += `\r\n                                                    <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;${icon.colorModifier == null ? `` : `color:` + icon.colorModifier}\" id=\"${iconID}\">\r\n                                                        <span class=\"material-icons\" style=\"padding-right:20px\">${icon.icon}<\/span>${icon.title}\r\n                                                    <\/div>\r\n                                                    <hr style=\"margin:0\"\/><\/div>\r\n                                                `;\r\n                                            });\r\n\r\n                                            return finalHTML;\r\n                                    \/\/<\/script> \r\n                                        })\r\n                                        }\r\n                                    <\/div>\r\n                                    \r\n                                <\/div> \r\n\r\n                                <div\r\n                                    style=\"width: 49%;float:left;height:100%;border: #e6e6e6;border-width: 1px;border-left-style: solid; overflow-x:hidden; overflow-y:auto;\">\r\n                                    \r\n                                    <div style=\"padding-left:15px\">\r\n                                        \r\n                                        <h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">More Options<\/h2>\r\n\r\n                                        Rollback icons<\/h5>\r\n                                        <div style=\"min-height: 20px;background-color: rgb(245, 245, 245);\"\r\n                                            id=\"rwRollbackIconsSortDisabled\">\r\n                                            ${ (=>{\/*\r\n                                            \/* Script tags are for IDE formatting only! *\/\r\n                                               let finalIconStr = \"\";\r\n                                                rw.rollback.icons.forEach((icon, i) => {\r\n                                                    if (icon.enabled) return; \/\/ if icon is enabled, we can skip\r\n\r\n                                                    let elID = \"rollbackIcon-\" + (icon.originalIndex == null ? i : icon.originalIndex);\r\n\r\n                                                   \/\/ Establish element with all the info\r\n                                                    finalIconStr += `\r\n                                                <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;\" id=\"${elID}\">\r\n                                                    <span class=\"material-icons\" style=\"padding-right:20px;color:${icon.color};\">${icon.icon}<\/span>\r\n                                                    <span ${(icon.name.length > 40 ? `style=\"font-size: 12px;\"` : \"\")}>${icon.name}<\/span>\r\n                                               <\/div>\r\n                                                <hr style=\"margin:0\"\/><\/div>\r\n                                                `;\r\n                                                });\r\n\r\n                                                \/\/ Now return HTML (rw16)\r\n                                                return finalIconStr; \/\/ <\/script> \r\n                                            })\r\n                                            }\r\n                                            \r\n                                        <\/div>\r\n\r\n                                        Page icons<\/h5>\r\n                                        \r\n                                        <div style=\"min-height: 20px;background-color: rgb(245, 245, 245);\"\r\n                                            id=\"rwPageIconsSortDisabled\">\r\n                                            ${\r\n                                            (=>{ \/*\r\n                                            \/* Script tags for IDE only *\/\r\n                                                \/\/ Now generate the HTML\r\n\r\n                                                let finalHTML = ``;\r\n\r\n                                                rw.topIcons.icons.forEach((icon, i) => {\r\n                                                    \/\/ Generate an ID for click handlers and tooltip\r\n                                                    const iconID = \"rwTopIcon-\" + (icon.originalIndex == null ? i : icon.originalIndex);\r\n                                                   if (!icon.enabled) \/\/ show only if icon is not enabled\r\n                                                        finalHTML += `\r\n                                                        <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;${icon.colorModifier == null ? `` : `color:` + icon.colorModifier}\" id=\"${iconID}\">\r\n                                                            <span class=\"material-icons\" style=\"padding-right:20px\">${icon.icon}<\/span>${icon.title}\r\n                                                        <\/div>\r\n                                                        <hr style=\"margin:0\"\/><\/div>\r\n                                                    `;\r\n                                                });\r\n\r\n                                                return finalHTML;\r\n                                        \/\/<\/script> \r\n                                            })\r\n                                            }\r\n                                        <\/div>\r\n\r\n                                        \r\n                                        <div style=\"cursor: not-allowed;\">\r\n                                            <div class=\"mdl-button mdl-js-button\"\r\n                                                style=\"width:100%; text-align: left; cursor:not-allowed;\" disabled>\r\n                                                <span class=\"material-icons\"\r\n                                                    style=\"padding-right:20px\">flag<\/span>REPORT USER TO AIV\r\n                                            <\/div>\r\n                                            <hr style=\"margin:0\" \/>\r\n\r\n                                            <div class=\"mdl-button mdl-js-button\"\r\n                                                style=\"width:100%; text-align: left; cursor:not-allowed;\" disabled>\r\n                                                <span class=\"material-icons\"\r\n                                                    style=\"padding-right:20px\">person_remove<\/span>REPORT USER TO UAA\r\n                                            <\/div>\r\n                                            <hr style=\"margin:0\" \/>\r\n\r\n                                            <div class=\"mdl-button mdl-js-button\"\r\n                                                style=\"width:100%; text-align: left; cursor:not-allowed;\" disabled>\r\n                                                <span class=\"material-icons\"\r\n                                                    style=\"padding-right:20px\">visibility_off<\/span>REPORT USER\/EDIT TO\r\n                                                OVERSIGHT\r\n                                            <\/div>\r\n                                            <hr style=\"margin:0\" \/>\r\n\r\n                                            <div class=\"mdl-button mdl-js-button\"\r\n                                                style=\"width:100%; text-align: left; cursor:not-allowed;\" disabled>\r\n                                                <span class=\"material-icons\"\r\n                                                    style=\"padding-right:20px\">phone_in_talk<\/span>REPORT USER\/EDIT TO\r\n                                                WIKIMEDIA TRUST AND SAFETY\r\n                                            <\/div>\r\n                                            <hr style=\"margin:0\" \/>\r\n\r\n                                            <div class=\"mdl-button mdl-js-button\"\r\n                                                style=\"width:100%; text-align: left; cursor:not-allowed;\" disabled>\r\n                                                <span class=\"material-icons\"\r\n                                                    style=\"padding-right:20px\">settings<\/span>REDWARN PREFERENCES\r\n                                            <\/div>\r\n                                            <hr style=\"margin:0\" \/>\r\n\r\n                                            <div class=\"mdl-button mdl-js-button\"\r\n                                                style=\"width:100%; text-align: left; cursor:not-allowed;\" disabled>\r\n                                                <span class=\"material-icons\"\r\n                                                    style=\"padding-right:20px\">question_answer<\/span>GO TO THE REDWARN\r\n                                                TALK PAGE\r\n                                            <\/div>\r\n                                            <hr style=\"margin:0\" \/>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n\r\n\r\n                            \r\n\r\n\r\n\r\n                            \r\n                        <\/div>\r\n                        <div class=\"mdl-card__actions mdl-card--border\">\r\n                            <a class=\"mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect\"\r\n                                onclick=\"saveConfig\">\r\n                                SAVE CHANGES\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div> \r\n                <\/div>\r\n            <\/section>\r\n            <section class=\"mdl-layout__tab-panel\" id=\"scroll-tab-3\">\r\n                \r\n                <div class=\"page-content\" style=\"padding-top:10px;padding-right:25%;\">\r\n                    <div class=\"mdl-card mdl-shadow--2dp\" style=\"width:100%\">\r\n                        <div class=\"mdl-card__title\"\r\n                            style=\"color: #fff;\r\n                    height: 176px;\r\n                    background: url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/60\/Weir_at_Darley_Abbey.jpg\/1280px-Weir_at_Darley_Abbey.jpg') center \/ cover;\">\r\n                            <h2 class=\"mdl-card__title-text\">Warnings<\/h2>\r\n                        <\/div>\r\n                        <div class=\"mdl-card__supporting-text\">\r\n                            \r\n                            <h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">Warn User<\/h2>\r\n                            <i>More in depth editing UI coming soon.<\/i>\r\n                        <\/div>\r\n                        <div class=\"mdl-card__actions mdl-card--border\">\r\n                            <a class=\"mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect\"\r\n                                onclick=\"saveConfig\">\r\n                                SAVE CHANGES\r\n                            <\/a>\r\n                            <a class=\"mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect\"\r\n                                style=\"color:red\" onclick=\"window.parent.postMessage('resyncWarnings');\">\r\n                                CLEAR CHANGES AND SYNC WITH PUBLIC DATABASE\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div> \r\n                <\/div>\r\n            <\/section>\r\n            <section class=\"mdl-layout__tab-panel\" id=\"scroll-tab-4\">\r\n                \r\n                <div class=\"page-content\" style=\"padding-top:10px;padding-right:25%;\">\r\n                    \r\n                    ${rw.preferences.generateHTML(\"Appearance\")}\r\n                <\/div>\r\n            <\/section>\r\n            <section class=\"mdl-layout__tab-panel\" id=\"scroll-tab-5\">\r\n                \r\n                <div class=\"page-content\" style=\"padding-top:10px;padding-right:25%;\">\r\n                    \r\n                    ${rw.preferences.generateHTML(\"Behaviour\")}\r\n                <\/div>\r\n            <\/section>\r\n            <section class=\"mdl-layout__tab-panel\" id=\"scroll-tab-6\">\r\n                \r\n                <div class=\"page-content\" style=\"padding-top:10px;padding-right:25%;\">\r\n                    <div class=\"mdl-card mdl-shadow--2dp\" style=\"width:100%\">\r\n                        \r\n                        <div class=\"mdl-card__title\"\r\n                            style=\"color: #fff;\r\n                    height: 176px;\r\n                    background: url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b6\/Reflected_sunset.jpg') center \/ cover;\">\r\n                        <h2 class=\"mdl-card__title-text\">${rw.logoHTML} ${rw.version}<\/h2>\r\n                    <\/div>\r\n                    <div class=\"mdl-card__supporting-text\"> \r\n                        \r\n                        The user-friendly counter-vandalism tool.<\/h5>\r\n                        Build info<\/h6>\r\n                        ${rw.buildInfo}<\/pre>\r\n                        Image attribution<\/h6>\r\n                        <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Reflected_sunset.jpg\" target=\"_blank\">File:Reflected_sunset.jpg<\/a><br\/>\r\n                        <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Wilkin_River_close_to_its_confluence_with_Makarora_River,_New_Zealand.jpg\" target=\"_blank\">File:Wilkin River close to its confluence with Makarora River, New Zealand.jpg<\/a><br\/>\r\n                        Other photos: (c) 2021 Ed6767<br\/>\r\n                        <a href=\"https:\/\/docs.google.com\/document\/d\/e\/2PACX-1vRk5gI9yE_LZtfms30v2jr8TmvjS9wkhZc6GOSIAr8DiWcovE59PkEVqHSnfJ6l51k6XTwJl-hbPwSn\/pub\" target=\"_blank\">Privacy policy and licenses (externally at docs.google.com)<\/a>\r\n                    <\/div>\r\n                    <div class=\"mdl-card__actions mdl-card--border\">\r\n                        <a class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" style=\"color:red\" onclick=\"window.parent.postMessage('resetConfig');\">\r\n                            RESET REDWARN\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n\r\n        <\/div>\r\n    <\/form>\r\n  <\/main>\r\n<\/div>\r\n\r\n\r\n<dialog class=\"mdl-dialog\" id=\"iconChoiceDialog\">\r\n    <h4 class=\"mdl-dialog__title\" style=\"font-weight: 200;padding-bottom: 15px;\">Select Icon<\/h4>\r\n    <div id=\"dialogSelContainer\" style=\"height:300px; overflow:auto;\">\r\n    <\/div>\r\n    <div class=\"mdl-dialog__actions\">\r\n        <button type=\"button\" class=\"mdl-button close\">Cancel<\/button>\r\n    <\/div>\r\n<\/dialog>\r\n<script src=\"https:\/\/redwarn.toolforge.org\/cdn\/js\/select2.js\"><\/script>\r\n \r\n    \/\/ CORE THINGS\r\n    let config = `+ JSON.stringify(rw.config) +`;\r\n    function saveConfig {\r\n        let data = $('form').serializeArray.reduce((obj, item) => {\r\n            obj[item.name] = item.value;\r\n            return obj;\r\n        }, {}); \/\/ form data\r\n\r\n        \/\/ Now we process the rollback icons\r\n        let iconModifyArray = []; \/\/ array for our changes\r\n\r\n        \/\/ For each enabled icon\r\n        $(\"#rwRollbackIconsSort > div > .mdl-button\").each((i, el) => {\r\n            let iconIndex = parseInt($(el).attr(\"id\").split(\"-\")[1]);\r\n            iconModifyArray.push({\r\n                \"index\": iconIndex, \/\/ original icon index\r\n                \"shift\": i, \/\/ where to move to\r\n                \"modify\": { \/\/ obj of params to change\r\n                    \"enabled\": true, \/\/ set as enabled\r\n                    \"color\": $(el).find(\"span.material-icons\").css(\"color\"), \/\/ get color\r\n                    \"icon\": $(el).find(\"span.material-icons\").text.trim \/\/ get icon from inner span text\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ For each disabled icon\r\n        $(\"#rwRollbackIconsSortDisabled > div > .mdl-button\").each((i, el) => {\r\n            let iconIndex = parseInt($(el).attr(\"id\").split(\"-\")[1]);\r\n            iconModifyArray.push({\r\n                \"index\": iconIndex, \/\/ original icon index\r\n                \"shift\": $(\"#rwRollbackIconsSort > div > .mdl-button\").length + i, \/\/ where to move to (for disbaled + the number of total enabled)\r\n                \"modify\": { \/\/ obj of params to change\r\n                    \"enabled\": false, \/\/ set as disabled\r\n                    \"color\": $(el).find(\"span.material-icons\").css(\"color\"), \/\/ get color\r\n                    \"icon\": $(el).find(\"span.material-icons\").text.trim \/\/ get icon from inner span text\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Now add to config\r\n        data.rwRollbackIcons = iconModifyArray;\r\n\r\n        \/\/ Now process the page icons\r\n        iconModifyArray = []; \/\/ reset array for our changes\r\n\r\n        $(\"#rwPageIconsSort > div > .mdl-button\").each((i, el) => {\r\n            let iconIndex = parseInt($(el).attr(\"id\").split(\"-\")[1]);\r\n            iconModifyArray.push({\r\n                \"index\": iconIndex, \/\/ original icon index\r\n                \"shift\": i, \/\/ where to move to\r\n                \"modify\": { \/\/ obj of params to change\r\n                    \"enabled\": true, \/\/ set as enabled\r\n                    \"icon\": $(el).find(\"span.material-icons\").text.trim \/\/ get icon from inner span text\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ For each disabled icon\r\n        $(\"#rwPageIconsSortDisabled > div > .mdl-button\").each((i, el) => {\r\n            let iconIndex = parseInt($(el).attr(\"id\").split(\"-\")[1]);\r\n            iconModifyArray.push({\r\n                \"index\": iconIndex, \/\/ original icon index\r\n                \"shift\": $(\"#rwPageIconsSort > div > .mdl-button\").length + i, \/\/ where to move to (for disbaled + the number of total enabled)\r\n                \"modify\": { \/\/ obj of params to change\r\n                    \"enabled\": false, \/\/ set as disabled\r\n                    \"icon\": $(el).find(\"span.material-icons\").text.trim \/\/ get icon from inner span text\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Now add to config\r\n        data.rwPageIcons = iconModifyArray;\r\n\r\n        \/\/ Done! Submit\r\n       window.parent.postMessage(\"config\\\\\\`\" + serialize(JSON.stringify(data))); \/\/ send to the big boss\r\n    }\r\n\r\n    function loadFromConfig {\r\n        $.each(config, (key, value) => {\r\n            var ctrl = $('[name=' + key + ']');\r\n            \/\/ Check for onsettings load\r\n            if (onSettingsLoad[key]) onSettingsLoad[key](value); \/\/ Call handler if it exists\r\n\r\n            \/\/ Set the values\r\n            switch (ctrl.prop(\"type\")) {\r\n                case \"radio\": case \"checkbox\":\r\n                    ctrl.each(function  {\r\n                        if ($(this).attr('value') == value) $(this).attr(\"checked\", value);\r\n                    });\r\n                    break;\r\n                default:\r\n                    ctrl.val(value);\r\n            }\r\n        });\r\n    }\r\n\r\n    loadFromConfig;\r\n\r\n    \/\/ END CORE THINGS\r\n\r\n    \/\/ Icon Dialog\r\n\r\n    function showIconSelector(callback) { \/\/ Open icon selector - callback(icon)\r\n        \/\/ Render all the icons\r\n        $(\"#dialogSelContainer\").html(\"\"); \/\/ clear icons\r\n\r\n        materialIcons.forEach(icon => { \/\/ For each icon\r\n            $(\"#dialogSelContainer\").append('<span class=\"material-icons\" id=\"ico_' + icon + '\" style=\"padding-right:5px;padding-bottom:5px;cursor:pointer;font-size:42px;\">' + icon + '<\/span>'); \/\/ add the icon\r\n            $(\"#dialogSelContainer\").append('<div class=\"mdl-tooltip\" data-mdl-for=\"ico_' + icon + '\">' + icon + '<\/div>'); \/\/ add the tooltip\r\n\r\n            \/\/ Add click handler\r\n            $('#ico_' + icon).on(\"click\",  => {\r\n                document.querySelector('#iconChoiceDialog').close; \/\/ close dialog\r\n                callback(icon); \/\/ callback\r\n            });\r\n        });\r\n\r\n        \/\/ Now register all icons\r\n        for (let item of document.getElementsByClassName(\"mdl-tooltip\")) {\r\n            componentHandler.upgradeElement(item);\r\n        }\r\n\r\n        \/\/ Show dialog\r\n        let dialog = document.querySelector('#iconChoiceDialog');\r\n        if (!dialog.showModal) { \/\/ firefox polyfill compatibility\r\n            dialogPolyfill.registerDialog(dialog);\r\n        }\r\n\r\n        dialog.showModal;\r\n\r\n        dialog.querySelector('.close').addEventListener('click', function  {\r\n            dialog.close;\r\n        });\r\n\r\n        \/\/ END ICON DIALOG\r\n    }\r\n\r\n    \/\/ Sortable for rollback icons\r\n    $('#rwRollbackIconsSort').sortable({\r\n        group: 'shared', \/\/ set both lists to same group\r\n        animation: 150\r\n    });\r\n    $('#rwRollbackIconsSortDisabled').sortable({\r\n        group: 'shared', \/\/ set both lists to same group\r\n        animation: 150\r\n    });\r\n\r\n    \/\/ Sortable for page icons\r\n    $('#rwPageIconsSort').sortable({\r\n        group: 'shared2', \/\/ set both lists to same group\r\n        animation: 150\r\n    });\r\n    $('#rwPageIconsSortDisabled').sortable({\r\n        group: 'shared2', \/\/ set both lists to same group\r\n        animation: 150\r\n    });\r\n\r\n    \/\/ jQuery context menus for icons\r\n    rw.visuals.contextMenuPromise.then( => {\r\n        $( => {\r\n            $.contextMenu({\r\n                selector: 'div[id^=\"rollbackIcon-\"]',\r\n                callback: (key, options) => {\r\n                    \/\/ If editcolor\r\n                    if (key.startsWith(\"editColor-\")) {\r\n                        $(options[\"$trigger\"][0]).find(\"span.material-icons\").css(\"color\", key.split(\"-\")[1]); \/\/ Set color\r\n                        return false; \/\/ we done (return false so user can see change with menu still open)\r\n                    }\r\n                    \/\/ Send callback for non-edit color changes\r\n                    ({\r\n                        \"editIcon\": element => {\r\n                            \/\/ Edit icon\r\n                            showIconSelector(icon => { \/\/ Open icon selector\r\n                                $(element).find(\"span.material-icons\").text(icon); \/\/ swap out the icon. normal code does the rest.\r\n                           });\r\n                        }\r\n                    })[key](options[\"$trigger\"][0]); \/\/ pass in trigger element\r\n                },\r\n                items: {\r\n                    \"editIcon\": { name: \"Change Icon\" },\r\n                    \"editColor\": {\r\n                        \"name\": \"Edit Color\",\r\n                        \"items\": {\r\n                            \"editColor-crimson\": { name: \"Crimson\" },\r\n                            \"editColor-red\": { name: \"Red\" },\r\n                            \"editColor-DarkOrange\": { name: \"Dark Orange\" },\r\n                            \"editColor-Orange\": { name: \"Orange\" },\r\n                            \"editColor-Gold\": { name: \"Yellow\" },\r\n                            \"editColor-DarkMagenta\": { name: \"Dark Magenta\" },\r\n                            \"editColor-Magenta\": { name: \"Magenta\" },\r\n                            \"editColor-HotPink\": { name: \"Pink\" },\r\n                            \"editColor-DarkBlue\": { name: \"Dark Blue\" },\r\n                            \"editColor-Blue\": { name: \"Blue\" },\r\n                            \"editColor-Teal\": { name: \"Teal\" },\r\n                            \"editColor-Cyan\": { name: \"Cyan\" },\r\n                            \"editColor-DodgerBlue\": { name: \"Dodger Blue\" },\r\n                            \"editColor-Green\": { name: \"Green\" },\r\n                            \"editColor-LawnGreen\": { name: \"Lawn Green\" },\r\n                            \"editColor-LightGreen\": { name: \"Light Green\" },\r\n                            \"editColor-Lavender\": { name: \"Lavender\" },\r\n                            \"editColor-LightGray\": { name: \"Light Gray\" },\r\n                            \"editColor-LightSlateGrey\": { name: \"Light Slate Grey\" },\r\n                            \"editColor-Grey\": { name: \"Grey\" },\r\n                            \"editColor-Black\": { name: \"Black\" }\r\n                        }\r\n                    },\r\n                }\r\n            });   \/\/ end rollback icons\r\n\r\n\r\n            \/\/ Page icons (only change icon)\r\n\r\n            $.contextMenu({\r\n                selector: 'div[id^=\"rwTopIcon-\"]',\r\n                callback: (key, options) => {\r\n                    \/\/ Send callback for non-edit color changes\r\n                    ({\r\n                        \"editIcon\": element => {\r\n                            \/\/ Edit icon\r\n                            showIconSelector(icon => { \/\/ Open icon selector\r\n                                $(element).find(\"span.material-icons\").text(icon); \/\/ swap out the icon. normal code does the rest.\r\n                           });\r\n                        }\r\n                    })[key](options[\"$trigger\"][0]); \/\/ pass in trigger element\r\n                },\r\n                items: {\r\n                    \"editIcon\": { name: \"Change Icon\" }\r\n                }\r\n            });\r\n        })\r\n    });\r\n\r\n    \/\/ Colour theme preview\r\n    function updateColourTheme {\r\n        \/\/ Show loading dialog\r\n        window.parent.postMessage('newThemeDialog');\r\n        \/\/ Add stylesheet for this version\r\n        setTimeout( => $('head').append('<link rel=\"stylesheet\" type=\"text\/css\" onload=\"window.parent.postMessage(\\\\\\'loadDialogClose\\\\\\');\" href=\"https:\/\/redwarn.toolforge.org\/cdn\/css\/material.' + $(\"input[name=colTheme]:checked\").val + '.min.css\">'), 500);\r\n    }\r\n<\/script>\r\n`","adminReport.html":"`${doNotShowDialog !== true ? `\r\n\r\n<h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">Report to AIV<\/h2>\r\n` :``}\r\n \r\n   \r\n    ${rw.debugMenu == null ? `AIV is intended only <b>for reports about active, obvious, and persistent vandals and spammers.<\/b>\r\n   When appropriate, assume good faith and ensure you have warned an editor before reporting to AIV.`:\r\n    `<span style=\"color:red\">You are in developer mode, so AIV reports will be sent to User:Chlod\/playground. Enable production behaviour through the debug menu.<\/span>`}\r\n<\/span>\r\n<form id=\"AIVreportForm\">\r\n   <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n        <input class=\"mdl-textfield__input\" type=\"text\" id=\"trgtUsrVisualBox\" value=\"${rw.info.targetUsername(un).replace(\/_\/g, ' ').replace(\/\"\/g, \"&quot;\")}\" name=\"target\" readonly>\r\n        <label class=\"mdl-textfield__label\" for=\"trgtUsrVisualBox\">Target<\/label>\r\n        <div class=\"mdl-tooltip\" for=\"trgtUsrVisualBox\">\r\n            To target a different user, please visit their userpage.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select\" style=\"width: 100%;\">\r\n        <input type=\"text\" value=\"\" class=\"mdl-textfield__input\" id=\"reasonInput\" name=\"reason\" readonly> \r\n        <input type=\"hidden\" value=\"\" name=\"reasonInput\"> \r\n        <i class=\"mdl-icon-toggle__label material-icons\">keyboard_arrow_down<\/i>\r\n        <label for=\"reasonInput\" class=\"mdl-textfield__label\">Reason<\/label>\r\n        <ul for=\"reasonInput\" class=\"mdl-menu mdl-menu--bottom-left mdl-js-menu\" style=\"height: 100px; overflow:auto;\">\r\n            <li class=\"mdl-menu__item\" data-val=\"\">Vandalism after final warning<\/li>\r\n            <li class=\"mdl-menu__item\" data-val=\"\">Vandalism within 1 day of being unblocked<\/li>\r\n            <li class=\"mdl-menu__item\" data-val=\"\">${rw.info.isUserAnon(rw.info.targetUsername(un).replace(\/_\/g, ' ').replace(\/\"\/g, \"&quot;\")) ? `Evidently only vandalising pages` : `Evidently a vandalism-only account`}<\/li>\r\n           <li class=\"mdl-menu__item\" data-val=\"\">${rw.info.isUserAnon(rw.info.targetUsername(un).replace(\/_\/g, ' ').replace(\/\"\/g, \"&quot;\")) ? `Evidently only making promotional edits` : `Account is a promotion-only account`}<\/li>\r\n            <li class=\"mdl-menu__item\" data-val=\"\">${rw.info.isUserAnon(rw.info.targetUsername(un).replace(\/_\/g, ' ').replace(\/\"\/g, \"&quot;\")) ? `Evidently a spambot or other unauthorised bot` : `Account is evidently a spambot or a compromised account`}<\/li>\r\n           <li class=\"mdl-menu__item\" data-val=\"\">Other (please enter in comment)<\/li> \r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n        <input class=\"mdl-textfield__input\" type=\"text\" id=\"commentBox\" name=\"comment\">\r\n        <label class=\"mdl-textfield__label\" for=\"commentBox\">Comment<\/label>\r\n        <div class=\"mdl-tooltip\" for=\"commentBox\">\r\n            Enter additional info you'd like to attach to this report.\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/form>\r\n\r\n<span style=\"float:right;\">\r\n    ${doNotShowDialog !== true ? `\r\n       \r\n        <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n            CANCEL\r\n        <\/button>    \r\n        ` :``}\r\n    <button id=\"AIVsubmitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"sendAIVReport;\">\r\n        REPORT\r\n    <\/button>\r\n<\/span>\r\n \r\n    function pushToast(text) {window.parent.postMessage('pushToast\\\\\\`' + text);} \/\/ Push toast to host\r\n\r\n    function sendAIVReport {\r\n        \/\/ Submit report\r\n        var data = $('#AIVreportForm').serializeArray.reduce(function(obj, item) {\r\n                obj[item.name] = item.value;\r\n                return obj;\r\n                }, {}); \/\/ form data\r\n        \r\n        if (data.reason == \"\") {pushToast(\"Select a reason.\"); return;} \/\/ If no reason selected, push toast and EXIT.\r\n\r\n        let fullReason = \"\";\r\n        if (data.reason == \"Other (please enter in comment)\") { \/\/ If other is chosen\r\n            if (data.comment == \"\") {pushToast(\"Enter your reason.\"); return;}\r\n            if (data.comment.length < 5) {pushToast(\"Your reason is not long enough\"); return;} \/\/ If no comment, or comment is not long enough (5+ chars) push toast and EXIT.\r\n            fullReason = data.comment; \/\/ else continue and set the reason to the comment\r\n        } else {\r\n            \/\/ Append the reason and comment if there is one\r\n            fullReason = data.reason + (data.comment == \"\" ? \"\" : \" - \"+ data.comment); \/\/ If data comment empty don't add anything otherwise make it Reason - Comment\r\n       }\r\n        fullReason += \" ${rw.sign}\"; \/\/ Add sig to the end (w space)\r\n        \/\/ Push this upstairs\r\n        window.parent.postMessage('AIVreport\\\\\\`'+ fullReason + '\\\\\\`' + data.target, '*'); \/\/ Report with full reason\r\n        window.parent.postMessage('closeDialog', '*'); \/\/ Close. We will be reopened on error.\r\n    }\r\n\r\n    \/\/ Handles notice that user has already been reported\r\n    window.onmessage = e=>{ \/\/ On any message we just set the text, not much logic here\r\n        console.log(e);\r\n        if (e.data == \"AIVReportExist\"){\r\n            $(\"#AIVreportForm\").html(\" It looks like this user has already been reported to AIV.<\/h5>\");\r\n            $(\"#AIVsubmitBtn\").hide; \/\/ hide submit button\r\n        } else if (e.data == \"UAAReportExist\"){\r\n            $(\"#UAAreportForm\").html(\" It looks like this user has already been reported to UAA.<\/h5>\");\r\n            $(\"#UAAsubmitBtn\").hide; \/\/ hide submit button\r\n        } \r\n    };\r\n<\/script>\r\n`","confirmDialog.html":"`${content}\r\n${(noExtraLines === true ? \"\" : \"<br \/><br \/>\")} \r\n<span style=\"float:right;\">\r\n   `+ (sBtnTxt.length > 0 ? (`<button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('sBtn', '*');\">\r\n       `+ sBtnTxt +`\r\n    <\/button>`) : ``) + ` \r\n    <button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"window.parent.postMessage('pBtn', '*');\">\r\n        ${pBtnTxt}\r\n    <\/button>\r\n<\/span>`","sendFeedback.html":"`\r\n \r\n    h2 {\r\n        font-size: 20px;\r\n        line-height: 0px;\r\n    }\r\n    .mw-editsection {\r\n        display: none;\r\n    }\r\n<\/style>\r\n\r\n\r\n${(rw.debugMenu != null ? `\r\n\r\n<h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">Bug time!<\/h2>\r\n \r\n   Check your console. ${(extraInfo != null ? extraInfo : \"No additional info has been provided.\")}\r\n<\/pre>\r\n<br\/>\r\n<button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n   CLOSE\r\n<\/button>\r\n\r\n` : `\r\n \r\n\r\n<h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">Report Bug<\/h2>\r\n If you've been sent to this page, an issue has occured which needs to be reported to the RedWarn team. Please add any additional info, then a message will be left on Chlod's talk page.<\/p>\r\n<form id=\"newMsgForm\">\r\n<input type=\"hidden\" id=\"trgtUsrVisualBox\" value=\"Chlod\" readonly>\r\n<span id=\"previewContainer\" style=\"display:none;\">\r\n   \r\n\r\n    <span id=\"editBtn\" class=\"material-icons\" style=\"font-size: 16px;padding-bottom: 3px;float: right;padding-right: 5px;cursor: pointer;\" onclick=\"$('#previewContainer').hide;$('#editorContainer').show;\">\r\n        create\r\n    <\/span>\r\n\r\n    <div id=\"preview\" style=\"height: 150px; overflow-y: auto; width:100%;\"> \r\n        \r\n    <\/div> \r\n<\/span>\r\n\r\n<span id=\"editorContainer\">\r\n    <span id=\"previewBtn\" class=\"material-icons\" style=\"font-size: 16px;padding-bottom: 3px;float: right;padding-right: 5px;cursor: pointer;\" onclick=\"$('#previewContainer').show;$('#editorContainer').hide;grabPreview;\">\r\n        visibility\r\n    <\/span>\r\n    <div id=\"editor\">\r\n        <textarea id=\"wikiTxt\" name=\"wikiTxt\" style=\"height: 130px; max-height: 150px; overflow-y: auto; width:100%;\">\r\n=== Automatic bug report ===\r\n!!! Replace this text with any further information you wish to provide that will help us fix this bug. !!! ${rw.sign}\r\n\r\n\r\n${(extraInfo != null ? extraInfo : \"\")}<\/textarea>\r\n   <\/div> \r\n<\/span>\r\n<\/form>\r\n\r\n<span style=\"float:right;\">\r\n    <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n        CANCEL\r\n    <\/button>\r\n    <button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"sendMessage;\">\r\n        SEND FEEDBACK\r\n    <\/button>\r\n<\/span>\r\n\r\n \r\n        \/\/ Handle incoming data\r\n    window.onmessage = function(e){\r\n        if (e.data.action == 'parseWikiTxt') {\r\n            $(\"#preview\").html(e.data.result); \/\/ Set preview to content\r\n        }\r\n    };\r\n\r\n    function pushToast(text) {window.parent.postMessage('pushToast\\\\\\`' + text);} \/\/ Push toast to host\r\n\r\n    function grabPreview {\r\n        var wikiTxt = document.getElementById(\"wikiTxt\").value;\r\n        if (!wikiTxt.includes(\"${rw.sign}\")) {\r\n            \/\/ Not signed, warn\r\n            pushToast(\"Don't forget to sign your message!\");\r\n        }\r\n        window.parent.postMessage('generatePreview\\\\\\`'+ wikiTxt, '*');\r\n    }\r\n\r\n    function sendMessage {\r\n        \/\/ Send it!\r\n        var data = $('#newMsgForm').serializeArray.reduce(function(obj, item) {\r\n                obj[item.name] = item.value;\r\n                return obj;\r\n                }, {}); \/\/ form data\r\n\r\n        var wikiTxt = data.wikiTxt;\r\n        if (!wikiTxt.includes(\"${rw.sign}\")) {\r\n            \/\/ Not signed, warn\r\n            pushToast(\"Sign your message with '${rw.sign}'\");\r\n            return; \/\/ Do not continue\r\n        }\r\n        window.parent.postMessage('applyNotice\\\\\\`' + document.getElementById(\"trgtUsrVisualBox\").value + '\\\\\\`' + wikiTxt + '\\\\\\`' + \"new topic\"); \/\/ Push upstairs and commit\r\n        window.parent.postMessage(\"closeDialog\"); \/\/ We done here. Top will refresh or reshow if error occurs.\r\n   }\r\n<\/script>\r\n\r\n\r\n`)} `","adminReportSelector.html":"`<h2 style=\"font-weight: 200;font-size:32px;line-height: 48px;\">Quick report<\/h2>\r\n<div style=\"height:90px;\">\r\n    \r\n    <button id=\"AIV\" class=\"mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--primary\" style=\"width:100%\" onclick=\"window.parent.postMessage('openAIV', '*');\">\r\n        VANDALISM\/SPAM ISSUE (AIV)\r\n    <\/button>\r\n    \r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"AIV\">\r\n        For reports about active, obvious, and persistent vandals and spammers\r\n    <\/div>\r\n    <br\/>\r\n    \r\n    <button id=\"UAA\" class=\"mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--primary\" style=\"width:100%\" onclick=\"window.parent.postMessage('openUAA', '*');\">\r\n        USERNAME ISSUE (UAA)\r\n    <\/button>\r\n    \r\n    <div class=\"mdl-tooltip mdl-tooltip--large\" for=\"UAA\">\r\n        Reports of usernames that are blatant and serious violations of the username policy requiring an immediate block.\r\n    <\/div>\r\n    <br\/>\r\n<\/div>\r\n\r\n<span style=\"font-size: small;font-style: italic;\">To access other report venues, go to an editors user page, then click the \"more options\" button.<\/span>\r\n<br\/>\r\n<span style=\"float:right;\">\r\n    <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n        CANCEL\r\n    <\/button>\r\n<\/span>`","uaaReport.html":"`${(htmlOnly != true ? `<h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">Report to UAA<\/h2>`:``)}\r\n \r\n   ${rw.debugMenu == null ? `Please note: This form currently supports <b>username reports<\/b> only. Please be well\r\n    aware of the username policy before reporting.`:\r\n    `<span style=\"color:red\">You are in developer mode, so UAA reports will be sent to User:Chlod\/playground. Enable\r\n        production behaviour through the debug menu.<\/span>`}\r\n<\/span>\r\n<form id=\"UAAreportForm\">\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n        <input class=\"mdl-textfield__input\" type=\"text\" id=\"trgtUsrVisualBox\"\r\n            value=\"${rw.info.targetUsername(un).replace(\/_\/g, ' ').replace(\/\"\/g, \"&quot;\")}\" name=\"target\" readonly>\r\n        <label class=\"mdl-textfield__label\" for=\"trgtUsrVisualBox\">Target<\/label>\r\n        <div class=\"mdl-tooltip\" for=\"trgtUsrVisualBox\">\r\n            To target a different user, please visit their userpage.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select\" style=\"width: 100%;\">\r\n        <input type=\"text\" value=\"\" class=\"mdl-textfield__input\" id=\"reasonInput\" name=\"reason\" readonly>\r\n        \r\n        <input type=\"hidden\" value=\"\" name=\"reasonInput\"> \r\n        <i class=\"mdl-icon-toggle__label material-icons\">keyboard_arrow_down<\/i>\r\n        <label for=\"reasonInput\" class=\"mdl-textfield__label\">Reason<\/label>\r\n        <ul for=\"reasonInput\" class=\"mdl-menu mdl-menu--bottom-left mdl-js-menu\" style=\"height: 100px; overflow:auto;\">\r\n            <li class=\"mdl-menu__item\" data-val=\"\">Misleading username<\/li>\r\n            <li class=\"mdl-menu__item\" data-val=\"\">Promotional username<\/li>\r\n            <li class=\"mdl-menu__item\" data-val=\"\">Username that implies shared use<\/li>\r\n            <li class=\"mdl-menu__item\" data-val=\"\">Offensive username<\/li>\r\n            <li class=\"mdl-menu__item\" data-val=\"\">Disruptive username<\/li>\r\n            <li class=\"mdl-menu__item\" data-val=\"\">Other (please enter in comment)<\/li> \r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n        <input class=\"mdl-textfield__input\" type=\"text\" id=\"commentBox\" name=\"comment\">\r\n        <label class=\"mdl-textfield__label\" for=\"commentBox\">Comment<\/label>\r\n        <div class=\"mdl-tooltip\" for=\"commentBox\">\r\n            Enter additional info you'd like to attach to this report.\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/form>\r\n\r\n<span style=\"float:right;\">\r\n    ${(htmlOnly != true ? `<button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\"\r\n       onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n        CANCEL\r\n    <\/button>`:``)}\r\n    <button id=\"UAAsubmitBtn\"\r\n        class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\"\r\n        onclick=\"sendUAAReport;\">\r\n        REPORT\r\n    <\/button>\r\n<\/span>\r\n\r\n \r\n    function pushToast(text) { window.parent.postMessage('pushToast\\\\\\`' + text); } \/\/ Push toast to host\r\n\r\n    function sendUAAReport {\r\n        \/\/ Submit report\r\n        var data = $('#UAAreportForm').serializeArray.reduce(function (obj, item) {\r\n            obj[item.name] = item.value;\r\n            return obj;\r\n        }, {}); \/\/ form data\r\n\r\n        if (data.reason == \"\") { pushToast(\"Select a reason.\"); return; } \/\/ If no reason selected, push toast and EXIT.\r\n\r\n        let fullReason = \"\";\r\n        if (data.reason == \"Other (please enter in comment)\") { \/\/ If other is chosen\r\n            if (data.comment == \"\") { pushToast(\"Enter your reason.\"); return; }\r\n            if (data.comment.length < 5) { pushToast(\"Your reason is not long enough\"); return; } \/\/ If no comment, or comment is not long enough (5+ chars) push toast and EXIT.\r\n            fullReason = data.comment; \/\/ else continue and set the reason to the comment\r\n        } else {\r\n            \/\/ Append the reason and comment if there is one\r\n            fullReason = \"Violation of the username policy as a \" + data.reason.toLowerCase + (data.comment == \"\" ? \"\" : \". \" + data.comment); \/\/ If data comment empty don't add anything otherwise make it Reason - Comment\r\n       }\r\n        fullReason += \" ${rw.sign}\"; \/\/ Add sig to the end (w space)\r\n        \/\/ Push this upstairs\r\n        window.parent.postMessage('UAA\\\\\\`' + fullReason + '\\\\\\`' + data.target, '*'); \/\/ Report with full reason\r\n        window.parent.postMessage('closeDialog', '*'); \/\/ Close. We will be reopened on error.\r\n    }\r\n\r\n\r\n    window.onmessage = e => { \/\/ On any message we just set the text, not much logic here\r\n        console.log(e);\r\n        if (e.data == \"AIVReportExist\") {\r\n            $(\"#AIVreportForm\").html(\" It looks like this user has already been reported to AIV.<\/h5>\");\r\n            $(\"#AIVsubmitBtn\").hide; \/\/ hide submit button\r\n        } else if (e.data == \"UAAReportExist\") {\r\n            $(\"#UAAreportForm\").html(\" It looks like this user has already been reported to UAA.<\/h5>\");\r\n            $(\"#UAAsubmitBtn\").hide; \/\/ hide submit button\r\n        }\r\n\r\n        \/\/ OTHER EXTENDED OPTIONS HANLDERS HERE\r\n    };\r\n<\/script>`","genericError.html":"`\r\n<b>A rare error occured. Just don't panic.<\/b>`","extendedOptions.html":"`\r\n\r\n\r\n\r\n\r\n<button class=\"mdl-button mdl-js-button mdl-button--icon\" style=\"float:right;\" onclick=\"window.parent.postMessage('closeDialog', '*');\">\r\n   <i class=\"material-icons\">close<\/i>\r\n<\/button>\r\n\r\n\r\n<h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">More Options<\/h2>\r\n<div style=\"height: 400px;\r\noverflow-y: auto;\r\noverflow-x: hidden;\" id=\"buttonList\">\r\n    <hr style=\"margin:0\"\/>\r\n    \r\n    ${rollbackOptsHTML}\r\n\r\n    \r\n\r\n    ${rw.topIcons.getHiddenHTML}\r\n\r\n    \r\n    ${(isUserPage || isOnRevPage ? `\r\n    \r\n    <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;\">\r\n        <span class=\"material-icons\" style=\"padding-right:20px\">flag<\/span>REPORT ${rw.info.targetUsername} TO AIV\r\n        \r\n        <expander class=\"material-icons\" expander-content-id=\"rwAIVreport\">expand_more<\/expander>\r\n    <\/div>\r\n    \r\n    \r\n    <div class=\"collapsed\" id=\"rwAIVreport\" targetHeight=\"350px\" style=\"padding-left:25px;padding-right: 30px;\">\r\n        ${adminReportContent} \r\n    <\/div>\r\n    \r\n    <hr style=\"margin:0\"\/>\r\n    \r\n    \r\n    <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;\">\r\n        <span class=\"material-icons\" style=\"padding-right:20px\">person_remove<\/span>REPORT ${rw.info.targetUsername} TO UAA\r\n\r\n        \r\n        <expander class=\"material-icons\" expander-content-id=\"rwUAAreport\">expand_more<\/expander>\r\n    <\/div>\r\n    \r\n    <div class=\"collapsed\" id=\"rwUAAreport\" targetHeight=\"350px\" style=\"padding-left:25px;padding-right: 30px;\">\r\n        ${uaaReportContent} \r\n    <\/div>\r\n    \r\n    <hr style=\"margin:0\"\/>\r\n    \r\n    \r\n    <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;\">\r\n        <span class=\"material-icons\" style=\"padding-right:20px\">visibility_off<\/span>REPORT ${(isUserPage ? \"USER\" : \"\") + (isUserPage && isOnRevPage ? \" AND\/OR \" : \"\") + (isOnRevPage ? \"EDIT\" : \"\")} TO OVERSIGHT\r\n       \r\n        <expander class=\"material-icons\" expander-content-id=\"rwOSreport\">expand_more<\/expander>\r\n    <\/div>\r\n    <div class=\"collapsed\" id=\"rwOSreport\" targetHeight=\"420px\" style=\"padding-left:25px;padding-right: 30px;\">\r\n        Suppression removes edits which breach privacy (especially of minors) or defame somebody. You must never draw attention to suppressible material and links on Wikipedia or other public venues.\r\n        Please read the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Wikipedia:Requests_for_oversight\" target=\"_blank\">requests for oversight<\/a> page for more information before continuing.\r\n        \r\n        ${(emailInfo.emailauthenticated == null ? `\r\n       \r\n        You must have a verified email linked to your account to use this feature.<\/h5>    \r\n        ` : `\r\n        \r\n\r\n        <textarea style=\"margin-top: 0px;margin-bottom: 0px;height: 165px;width: 100%;\" id=\"OSReportBox\">\r\nDear English Wikipedia Oversight,\r\n\r\nI would like to request oversight at:\r\n${window.location.href}\r\n\r\n*** ENTER ADDITIONAL INFORMATION HERE ***\r\n\r\nRegards,\r\n${rw.info.getUsername}\r\n            <\/textarea><br\/><br\/>\r\n\r\n            \r\n            <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\" for=\"OSconfirmCheckbox\">\r\n                <input type=\"checkbox\" id=\"OSconfirmCheckbox\" class=\"mdl-checkbox__input\" onchange=\"document.getElementById('OSsubmitBtn').disabled = !this.checked;\">\r\n                <span class=\"mdl-checkbox__label\">I have read all related policy pages and have checked my email for errors<\/span>\r\n            <\/label>\r\n            <br\/><br\/><br\/>\r\n            \r\n            <button id=\"OSsubmitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\"\r\n            style=\"width: 100%;\"\r\n            onclick=\"window.parent.postMessage('OSEmail\\`' + serialize(document.getElementById('OSReportBox').value), '*');\" disabled>\r\n                SEND EMAIL\r\n            <\/button>\r\n        `)}\r\n    <\/div>\r\n    \r\n    <hr style=\"margin:0\"\/>\r\n    \r\n    \r\n    <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left; color:red;\">\r\n        <span class=\"material-icons\" style=\"padding-right:20px\">phone_in_talk<\/span>REPORT ${(isUserPage ? \"USER\" : \"\") + (isUserPage && isOnRevPage ? \" AND\/OR \" : \"\") + (isOnRevPage ? \"EDIT\" : \"\")} TO WIKIMEDIA TRUST AND SAFETY\r\n       \r\n        <expander class=\"material-icons\" expander-content-id=\"rwTASreport\">expand_more<\/expander>\r\n    <\/div>\r\n    <div class=\"collapsed\" id=\"rwTASreport\" targetHeight=\"420px\" style=\"padding-left:25px;padding-right: 30px;overflow-y:auto;\">\r\n        <div style=\"font-size: small;background: #ffc8c8;color: #ff3e3e;text-align: center;\">\r\n            If you are in immediate danger, contact your local emergency services.<\/span>\r\n        <\/div>\r\n        Please read the <a href=\"https:\/\/en.wikipedia.org\/wiki\/WP:999\" target=\"_blank\">responding to threats of harm<\/a> guideline page before continuing.\r\n        This page sends an email to Wikimedia Trust and safety for you, but you must ensure to add any additional information in the text area below. <br\/>\r\n        \r\n        ${(emailInfo.emailauthenticated == null ? `\r\n       \r\n        You must have a verified email linked to your account to use this feature.<\/h5>    \r\n        ` : `\r\n        \r\n            <textarea style=\"margin-top: 0px;margin-bottom: 0px;height: 165px;width: 100%;\" id=\"tasReportBox\">\r\nTo whom it may concern,\r\n\r\nI have a trust and safety concern at:\r\n${window.location.href}\r\n\r\n*** ENTER ADDITIONAL INFORMATION HERE ***\r\n\r\nRegards,\r\n${rw.info.getUsername}\r\n            <\/textarea><br\/><br\/>\r\n\r\n            \r\n            <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\" for=\"TASconfirmCheckbox\">\r\n                <input type=\"checkbox\" id=\"TASconfirmCheckbox\" class=\"mdl-checkbox__input\" onchange=\"document.getElementById('TASsubmitBtn').disabled = !this.checked;\">\r\n                <span class=\"mdl-checkbox__label\">I have read all related policy pages and have checked my email for errors<\/span>\r\n            <\/label>\r\n            <br\/><br\/><br\/>\r\n            \r\n            \r\n            <button id=\"TASsubmitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\"\r\n            style=\"width: 100%;\"\r\n            onclick=\"window.parent.postMessage('TASEmail\\`' + serialize(document.getElementById('tasReportBox').value), '*');\" disabled>\r\n                SEND EMAIL\r\n            <\/button>\r\n\r\n        `)}\r\n    <\/div>\r\n\r\n    <hr style=\"margin:0\"\/>\r\n    ` : ``)}\r\n    \r\n    \r\n    <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;\" onclick=\"window.parent.postMessage('redwarnPref', '*');\">\r\n        <span class=\"material-icons\" style=\"padding-right:20px\">settings<\/span>REDWARN PREFERENCES\r\n    <\/div>\r\n    <hr style=\"margin:0\"\/>\r\n    \r\n    \r\n    <div class=\"mdl-button mdl-js-button\" style=\"width:100%; text-align: left;\" onclick=\"window.parent.postMessage('redwarnTalk', '*');\">\r\n        <span class=\"material-icons\" style=\"padding-right:20px\">question_answer<\/span>GO TO THE REDWARN TALK PAGE\r\n    <\/div>\r\n    <hr style=\"margin:0\"\/>\r\n<\/div>\r\n\r\n \r\n    window.onmessage = e=>{ \/\/ On any message we just set the text, not much logic here\r\n        console.log(e);\r\n        if (e.data == \"AIVReportExist\"){\r\n            $(\"#AIVreportForm\").html(\" It looks like this user has already been reported to AIV.<\/h5>\");\r\n            $(\"#AIVsubmitBtn\").hide; \/\/ hide submit button\r\n        } else if (e.data == \"UAAReportExist\"){\r\n            $(\"#UAAreportForm\").html(\" It looks like this user has already been reported to UAA.<\/h5>\");\r\n            $(\"#UAAsubmitBtn\").hide; \/\/ hide submit button\r\n        } \r\n\r\n        \/\/ OTHER EXTENDED OPTIONS HANLDERS HERE\r\n    };\r\n<\/script>\r\n`","legalPolicy.html":"` Dev warning: don't use this dialog yet until we introduce connected features, such as connecting to RedWarn React, etc.<\/h5>\r\n<p dir=\"ltr\">RedWarn legal<\/p>\r\n<p dir=\"ltr\">Last updated: 16 February 2021<\/p>\r\n<p dir=\"ltr\">RedWarn Privacy Policy<\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">Please note this privacy policy only applies to off-Wiki communication with the RedWarn team, and use of RedWarn tools. Since access to this information is fundamental to the operation of Wikimedia Cloud Services, these terms regarding use of your data expressly override the Wikimedia Foundation's Privacy Policy as it relates to the use and access of your personal information.<\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">RedWarn respects your privacy. We will never collect:<\/p>\r\n<ul>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\">IP addresses<\/p>\r\n<\/li>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\">Login locations <\/p>\r\n<\/li>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\">Passwords<\/p>\r\n<\/li>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\">Real names, Email addresses, or any other personal information unless you choose to provide it, such as by using the SendEmail feature to User:RedWarn<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">If you opt-in to help with debugging, we may collect:<\/p>\r\n<ul>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\">Your Wikimedia username<\/p>\r\n<\/li>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\">Information on what features you've used, where you've clicked within RedWarn's interface, etc.<\/p>\r\n<\/li>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\">Browser information<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">If you choose to provide personal information, such as your name or email address, this information will remain in our internal bug tracking systems indefinitely, but won't be available to anyone outside of the RedWarn team. <\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">RedWarn is based in the United Kingdom, and therefore is legally required to protect your data under the Data Protection Act 2018 (GDPR). This includes the right for your data to be retained in the United Kingdom only. However, unless you explicitly tell us in writing, your data will be available to other team members in the Philippines, the United States of America and Hong Kong (People's Republic of China).<\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">We also use GitLab, which is hosted by Google Cloud Platform in multiple regions.<\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">We are bound to use any data you submit to RedWarn tools, including RedWarn&rsquo;s CDN,  per the Wikimedia Cloud Services terms of use at: <a href=\"https:\/\/wikitech.wikimedia.org\/wiki\/Wikitech\">https:\/\/wikitech.wikimedia.org\/wiki\/Wikitech<\/a>:Cloud_Services_Terms_of_use<\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">You can request an export, or deletion of all the personal information held about you by emailing: <a href=\"mailto:tools.redwarn@toolforge.org\">tools.redwarn@toolforge.org<\/a><\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">If you are not comfortable with sharing your own email address when using the Send Email feature to report bugs and other issues, we highly recommend creating an email account just for Wikimedia related work.<\/p>\r\n<p dir=\"ltr\">RedWarn software licenses are available at:<\/p>\r\n<ul>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\"><a href=\"https:\/\/gitlab.com\/redwarn\/redwarn-web\/-\/blob\/master\/LICENSE\">https:\/\/gitlab.com\/redwarn\/redwarn-web\/-\/blob\/master\/LICENSE<\/a><\/p>\r\n<\/li>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\"><a href=\"https:\/\/gitlab.com\/redwarn\/redwarn-react\/-\/blob\/master\/LICENSE\">https:\/\/gitlab.com\/redwarn\/redwarn-react\/-\/blob\/master\/LICENSE<\/a><\/p>\r\n<\/li>\r\n<li dir=\"ltr\" style=\"list-style-type: disc;\" aria-level=\"1\">\r\n<p dir=\"ltr\" role=\"presentation\"><a href=\"https:\/\/gitlab.com\/redwarn\/redwarn-tools\/-\/blob\/master\/LICENSE\">https:\/\/gitlab.com\/redwarn\/redwarn-tools\/-\/blob\/master\/LICENSE<\/a><\/p>\r\n<\/li>\r\n<\/ul>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">Notice for on-wiki versions:<\/p>\r\n<p dir=\"ltr\">Compiled on-wiki versions are made available by the copyright holders on Wikimedia projects under the Creative Commons Attribution-ShareAlike 3.0 Unported License.<\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">We, the copyright holders, also authorise you to upload the result of the build script from Apache 2.0 licensed source code to any Wikimedia project.<\/p>\r\n<p style=\"text-align: center;\"> <\/strong><\/p>\r\n<p dir=\"ltr\">For all other non-Wikimedia wikis: Rebuilds using the Apache 2.0 licensed source code must be uploaded under an Apache 2.0 compatible license. It is the copyright holders understanding that Creative Commons Attribution-ShareAlike 3.0 Unported is not a compatible license for on-wiki release. That being said, as an open-source project, we welcome collaboration, extensions and translations! Please email <a href=\"mailto:tools.redwarn@toolforge.org\">tools.redwarn@toolforge.org<\/a> if you need help with licensing RedWarn for another wiki.<\/p>\r\n<p style=\"text-align: center;\"> <br \/><\/strong><br \/><br \/><\/p>`","loadingSpinner.html":"`\r\n${(biggerStyle !== true) ? `\r\n\r\n<div class=\"mdl-spinner mdl-spinner--single-color mdl-js-spinner is-active\"><\/div> \r\n<span style=\"padding-left: 20px;\r\nposition: absolute;\r\npadding-top: 7px;\r\nfont-size: 16px;\r\nfont-family: Roboto;\">${text}<\/span> \r\n\r\n \r\n   window.onmessage = e=>{ \/\/ On any message we just set the text, not much logic here\r\n        $(\"span\").text(e.data);\r\n    };\r\n<\/script>\r\n\r\n` : `\r\n\r\n<div style=\"width:100%;text-align: center;height: 40px;padding-top: 8px;\" id=\"textCont\">\r\n    <span style=\"font-family: Roboto;\">${text}<\/span> \r\n<\/div>\r\n\r\n<div class=\"mdl-progress mdl-js-progress mdl-progress__indeterminate\"><\/div>\r\n\r\n \r\n    window.onmessage = e=>{ \/\/ On any message we just set the text, not much logic here\r\n        $(\"div#textCont > span\").text(e.data);\r\n    };\r\n<\/script>\r\n`}\r\n`","recentPageSelect.html":"`<h2 style=\"font-weight: 200;\">Select Recent Page<\/h2>\r\n\r\n<div style=\"height:365px;overflow:auto;\">\r\n    \r\n    ${finalRVList}\r\n<\/div>\r\n\r\n<span style=\"float:right;\">\r\n    <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"window.parent.postMessage('closeRecentPageDialog', '*');\">\r\n        CANCEL\r\n    <\/button>\r\n    <button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"selectPage;\">\r\n        SELECT THIS PAGE\r\n    <\/button>\r\n<\/span>\r\n\r\n \r\n    function selectPage {\r\n        \/\/ Make sure something is checked and continue\r\n        if ($(\"input:checked\").val != null) {\r\n            window.parent.postMessage('RecentPageDialogSel\\`'+ $(\"input:checked\").val, '*'); \/\/ push selected index upstairs\r\n            window.parent.postMessage('closeRecentPageDialog', '*'); \/\/ close, we done\r\n        }\r\n    }\r\n<\/script>`","pendingReviewReason.html":"`\r\n var closed = false;<\/script>\r\n<h2 style=\"font-weight: 200;font-size:45px;line-height: 48px;\">`+ reviewAction +`<\/h2>\r\n `+ reviewCaption +`<\/p><br\/>\r\n<form id=\"newMsgForm\" onsubmit=\"pushReview;\" action=\"#\">\r\n    <div class=\"mdl-textfield mdl-js-textfield mdl-textfield--floating-label\" style=\"width:100%\">\r\n        <input class=\"mdl-textfield__input\" type=\"text\" name=\"reviewReason\" id=\"reviewReason\" value=\"\">\r\n        <label class=\"mdl-textfield__label\" for=\"reviewReason\">Comment<\/label>\r\n    <\/div>\r\n<\/form>\r\n<span style=\"float:right;\">\r\n    <button class=\"mdl-button mdl-js-button mdl-js-ripple-effect\" onclick=\"closed=true;clearInterval(autoAcceptTimerTick);window.parent.postMessage('closeDialog', '*');\">\r\n        CANCEL\r\n    <\/button>\r\n    <button id=\"submitBtn\" class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"pushReview;\">\r\n        SUBMIT REVIEW\r\n    <\/button>\r\n<\/span>\r\n\r\n \r\n    function pushReview {\r\n        var data = $('#newMsgForm').serializeArray.reduce(function(obj, item) {\r\n                obj[item.name] = item.value;\r\n                return obj;\r\n                }, {}); \/\/ form data\r\n        \r\n        let reason = data.reviewReason;\r\n        \r\n        \/\/ Submit it\r\n        window.parent.postMessage('reason\\\\\\`' + reason); \/\/ Push upstairs\r\n        window.parent.postMessage(\"closeDialog\"); \/\/ We done here.\r\n        return false; \/\/ prevent redirect\r\n\r\n    }\r\n\r\n    document.getElementById(\"reviewReason\").focus; \/\/ focus on text box for quick rollback\r\n\r\n    \/\/ Auto accept in 5 seconds\r\n    var autoAcceptTimerTick;\r\n    var autoAcceptTimerCount = 0;\r\n    var autoAcceptStop = false; \/\/ used to not show another and cause ux issues if stopped\r\n    if (` + autoAccept + `) {\r\n        $(\"#submitBtn\").text(\"AUTO SUBMIT (\"+ (5 - autoAcceptTimerCount) +\")\");\r\n        autoAcceptTimerTick = setInterval(=> {\r\n            autoAcceptTimerCount += 1; \/\/ up by one\r\n            if (!autoAcceptStop) $(\"#submitBtn\").text(\"AUTO SUBMIT (\"+ (5 - autoAcceptTimerCount) +\")\");\r\n            if ((autoAcceptTimerCount == 5) && (!closed)) {\r\n                \/\/ Time's up, clear timer and submit\r\n                clearInterval(autoAcceptTimerCount);\r\n                autoAcceptStop = true;\r\n                pushReview; \/\/ send it\r\n            }\r\n        }, 1000); \/\/ Every second\r\n\r\n        \/\/ Cancel on key press or click\r\n        (_=>{$(document).keydown(_);$(document).click(_);})(=>{\r\n            clearInterval(autoAcceptTimerTick);\r\n            $(\"#submitBtn\").text(\"SUBMIT REVIEW\");\r\n            autoAcceptStop = true;\r\n        });\r\n    }\r\n<\/script>\r\n`","multipleAction.html":"`\r\n \r\n  var messageHandlers = {};\r\n  window.onmessage = e=>{\r\n    if (messageHandlers[e.data]){messageHandlers[e.data];} \/\/ Excecute handler if exact\r\n    else { \/\/ We find ones that contain\r\n        for (const evnt in messageHandlers) {\r\n            if ((evnt.substr(evnt.length - 1) == \"*\") && e.data.includes(evnt.substr(0, evnt.length - 2))) { \/\/ and includes w * chopped off\r\n                messageHandlers[evnt](e.data);\r\n                return;\r\n            } \/\/ if contains and ends with wildcard then we do it\r\n        }\r\n    }\r\n  };\r\n  function addMessageHandler(msg, callback) { \/\/ calling more than once will just overwrite\r\n    Object.assign(messageHandlers, ((a,b)=>{let _ = {}; _[a]=b; return _;})(msg, callback)); \/\/ function ab returns a good formatted obj\r\n  }\r\n<\/script>\r\n\r\n<div class=\"mdl-layout mdl-js-layout mdl-layout--fixed-header\">\r\n  <header class=\"mdl-layout__header\">\r\n    <div class=\"mdl-layout__header-row\">\r\n      \r\n      <span class=\"mdl-layout-title\" style=\"width: calc(100% - 60px);\">` + rw.logoHTML + ` Multiple Action Tool<\/span>\r\n        \r\n        <div id=\"helpMe\" class=\"icon material-icons\" style=\"float:right;\">\r\n          <span style=\"cursor: pointer; padding-right:15px;\" onclick='Object.assign(document.createElement(\"a\"), { target: \"_blank\", href: \"https:\/\/en.wikipedia.org\/wiki\/Wikipedia:RedWarn\/Documentation\/Multiple_Action_Tool\"}).click;'>\r\n              help\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"mdl-tooltip\" for=\"helpMe\">\r\n            Help!\r\n        <\/div>\r\n\r\n        \r\n        <div id=\"close\" class=\"icon material-icons\" style=\"float:right;\">\r\n        <span style=\"cursor: pointer; padding-right:15px;\" onclick=\"window.parent.postMessage('closeDialogMA');\">\r\n            clear\r\n        <\/span>\r\n        <\/div>\r\n        <div class=\"mdl-tooltip\" for=\"close\">\r\n            Close\r\n        <\/div>\r\n    <\/div>\r\n  <\/header>\r\n  <main class=\"mdl-layout__content\" style=\"padding-left: 5%;padding-right: 5%;\">\r\n    \r\n    <div class=\"mdl-card mdl-shadow--4dp\" style=\"width:100%\">\r\n      \r\n      <div class=\"mdl-card__supporting-text\" id=\"mainLoadCard\" style=\"text-align:center; width:97.5%\">\r\n        <h2 id=\"loadTitle\">Loading user info...<\/h2><br\/>\r\n        \r\n        <div id=\"p1\" class=\"mdl-progress mdl-js-progress\" style=\"width:100%\"><\/div><br \/>\r\n        <i id=\"loadingSupportText\"><\/i>\r\n      <\/div>\r\n      \r\n\r\n      \r\n      <div class=\"mdl-card__supporting-text\" id=\"mainFilterControlCard\" style=\"display:none;\">\r\n        Toggle Select:    \r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"toggleCheck('unregistered', true);\">\r\n            UNREGISTERED \/ UNKNOWN\r\n          <\/button>\r\n           \r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"toggleCheck(10);\">\r\n            &lt; 10 edits\r\n          <\/button>\r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"toggleCheck(50);\">\r\n            &lt; 50 edits\r\n          <\/button>\r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"toggleCheck(250);\">\r\n            &lt; 250 edits\r\n          <\/button>\r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"toggleCheck(500);\">\r\n            &lt; 500 edits\r\n          <\/button>\r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"toggleCheck('experienced', true);\">\r\n            EXPERIENCED\r\n          <\/button>\r\n          \r\n        <\/h5>\r\n        Set Text from:    \r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"if (boxChecked) window.parent.postMessage('RWMATnewNotice');\">\r\n            Warn User\r\n          <\/button>\r\n           \r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"if (boxChecked) window.parent.postMessage('RWMATnewMsg');\">\r\n            New Message\r\n          <\/button>\r\n          \r\n        <\/h5>\r\n        Actions:    \r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored\" onclick=\"removeSelected;\">\r\n            Remove Selected\r\n          <\/button>\r\n           \r\n          \r\n          <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent\" onclick=\"if (boxChecked) commitSelected;\">\r\n            Make Changes\r\n          <\/button>\r\n        <\/h5>\r\n      <\/div>\r\n    <\/div>\r\n    <br\/><br\/>\r\n    \r\n to the top of this page. If you're still having issues, please let a member of the RedWarn team know. `,                       "OKAY",  => dialogEngine.closeDialog, "", null, 65)); }, 500);

return void 0; // to make sure other things handle it properly }       }        return mw.config.get("wgRelevantUserName"); },

/**    * Gets the logged in user's username *    * @returns {string} Logged in username * @method getUsername * @extends rw.info */   "getUsername":  => { return mw.config.get("wgUserName"); },

/**    * Detects if the given username is an IP address *    * @param {string} un Username * @returns {boolean} * @method isUserAnon * @extends rw.info */   "isUserAnon": un => { // Detect if user is an IP address let regEx = un.match(/([0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4}|(\d{1,3}\.){3}\d{1,3}/g); // this regex matches all ipv4 and ipv6 addresses. thanks: http://regexlib.com/UserPatterns.aspx?authorId=3e359e7e-cff5-4149-ba94-7baeae099d9c return (regEx != null); // If matches is not null then yes },

/**    * Sets rw.config to the current user config. If rw.config is already set, it will immediately callback. *    * @param {function} callback * @param {boolean} resetToDefault If set to true, the user config will be reset to default. Callback will not be called in these cases. * @method getConfig * @extends rw.info */   "getConfig": (callback, resetToDefault) => { // IF RESETTODEFAULT IS TRUE IT WILL DO IT

let defaultConfig = { // Default config on reset or anything like that "lastVersion": rw.version };

if (resetToDefault) { rw.config = defaultConfig; rw.rulesFunc.resync; rw.info.writeConfig; return; } // If reset to default, do it

if (rw.config) { callback; } // if config loaded, no need to reload

// gets user config from their page. let user = rw.info.getUsername; $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=User:" + encodeURIComponent(user) + "/redwarnConfig.js&rvslots=*&rvprop=content&formatversion=2&format=json", latestR => {           // Grab text from latest revision of talk page            // Check if exists            let revisionWikitext = "";            if (!latestR.query.pages[0].missing) { // If page isn't missing, i.e exists                revisionWikitext = latestR.query.pages[0].revisions[0].slots.main.content;            } else {                // Config doesn't exist  we need to make it                console.log("creating config file");                rw.config = defaultConfig;                rw.info.writeConfig(true,  => { if (callback != null) callback; }); // write new config file and callback if possible, else, add welcome screen here                return;            }

// Now that's done, verify config file / load it           try { eval(revisionWikitext); // exec script

if (!rw.config) throw "no config";

// Process template packs (b64encoded string) if (rw.config.templatePacks != null) { rw.config.templatePacks = JSON.parse(deserialize(rw.config.templatePacks)); // Verify if (typeof rw.config.templatePacks == "string") rw.config.templatePacks = JSON.parse(deserialize(rw.config.templatePacks)); // if issue, throw error and return to default }

// Load rollback icons if (rw.config.rwRollbackIcons != null) { // More info in preferences.html and rollback.html let newRwIcons = []; // object containing the new object rw.config.rwRollbackIcons.forEach(icon => { // for each icon                       // Add to ours at the new location                        newRwIcons[icon.shift] = rw.rollback.icons[icon.index];                        // Now modify for each modifier in modify object                        for (const key in icon.modify) {                            if (icon.modify.hasOwnProperty(key)) {                                const value = icon.modify[key];                                newRwIcons[icon.shift][key] = value; // apply modifier                            }                        }

// Set original index for preferences newRwIcons[icon.shift].originalIndex = icon.index; // DO NOT set this to iconIndex as iconIndex is for rendering - this is for config and preferences ONLY });

// Now update rwrollbackicons rw.rollback.icons = newRwIcons; }

if (rw.config.rwRollbackShorten == "enable") { // if rollback shortened rw.rollback.icons.forEach((el, i) => {                       el.name = el.name.replace("Quick rollback", "QRB"); // replace                        el.name = el.name.replace("Rollback", "RB"); // replace                        el.name = el.name.replace("rollback", "RB"); // replace

rw.rollback.icons[i] = el; // set back });               }

// Load page icons if (rw.config.rwPageIcons != null) { // More info in preferences.html and rollback.html let newRwIcons = []; // object containing the new object rw.config.rwPageIcons.forEach(icon => { // for each icon                       // Add to ours at the new location                        newRwIcons[icon.shift] = rw.topIcons.icons[icon.index];                        // Now modify for each modifier in modify object                        for (const key in icon.modify) {                            if (icon.modify.hasOwnProperty(key)) {                                const value = icon.modify[key];                                newRwIcons[icon.shift][key] = value; // apply modifier                            }                        }

// Set original index for preferences newRwIcons[icon.shift].originalIndex = icon.index; // DO NOT set this to iconIndex as iconIndex is for rendering - this is for config and preferences ONLY });

// Now update rwrollbackicons rw.topIcons.icons = newRwIcons; }

// Load rules, will handle all for us including creation, loading, etc.               rw.rulesFunc.load;

// Todo, process favourites and other modifiers

// Done!

} catch (err) { // Corrupt config file console.log(rw.config); rw.config = defaultConfig; console.error(err); // Reset config file to defaults rw.info.writeConfig(true, => rw.ui.confirmDialog(`Sorry, but an issue has caused your RedWarn preferences to be reset to default. Would you like to report a bug?`, "Report Bug", => { rw.ui.reportBug(` redwarnConfig load - Error info: Open user redwarnConfig.js`); },

"DISMISS", => { dialogEngine.closeDialog; }, 20));           }

callback; // we done });   },

/**    * Writes to a users redwarnConfig.js file with the current configuration set in rw.config *    * @param {boolean} noRedirect If false, the page will reload on completion and also show a loading dialog. * @param {function} callback Callback function if noRedirect is set to true. * @method writeConfig * @extends rw.info */   "writeConfig": (noRedirect, callback) => { // CALLBACK ONLY IF NOREDIRECT IS TRUE. // Save rule database first rw.rulesFunc.save( => {           // Then            let rwConfigTemplate = rw.config.templatePacks; // for restore            // Handle templates (saved as b64 string)            if (rw.config.templatePacks != null) rw.config.templatePacks = serialize(JSON.stringify(rw.config.templatePacks));            if (!noRedirect) rw.ui.loadDialog.show("Saving preferences...");            // Write config to the users page and refresh            let finalTxt = ` /*<no${""}wiki> This is your RedWarn configuration file. It is recommended that you don't edit this yourself and use RedWarn preferences instead. It is writen in JSON formatting and is excecuted every time RedWarn loads.

If somebody has asked you to add code to this page, DO NOT do so as it may comprimise your account and will be reverted as soon as any configuration value changes.

!!! Do not edit below this line unless you understand the risks! If rw.config isn't defined, this file will be reset. !!! window.rw = window.rw || {}, window.rw.config = ` + JSON.stringify(rw.config) + "; //</no" + "wiki>"; // generate config text $.post(rw.wikiAPI, { // LOCALISATION ISSUE!!                "action": "edit",                "format": "json",                "token": mw.user.tokens.get("csrfToken"),                "title": "User:" + rw.info.getUsername + "/redwarnConfig.js",                "summary": "Updating user configuration (RW " + rw.version + ")", // summary sign here                "text": finalTxt,                "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia           }).done(dt => {                // We done. Check for errors, then callback appropriately                if (!dt.edit) {                    // Error occured or other issue                    console.error(dt);                    rw.visuals.toast.show("Sorry, there was an error. See the console for more info. Your changes have not been saved.");                } else {                    // Success!                    if (noRedirect) {                        rw.config.templatePacks = rwConfigTemplate;                        callback;                        return;                    }                    ; // DO NOT continue if no redirect is requested                    window.location.hash = "#configChange";                    window.location.reload; // we done                }            }); });   },

/**    * Restrict this feature to a user group. This will be overridden if the user is in the "sysop" group. *    * @param {string} l User group * @param {function} callback Callback that will be called if user is in the defined user group. * @param {function} callbackIfNot Callback that will be called if user is not in the defined user group. * @method featureRestrictPermissionLevel * @extends rw.info */   "featureRestrictPermissionLevel": (l, callback, callbackIfNot) => { // Restrict feature to users in this group mw.user.getGroups(g => {           let hasPerm = g.includes(l);            if (!hasPerm) hasPerm = g.includes("sysop"); // admins override all feature restrictions if we don't have them

if ((l == "confirmed") && !hasPerm) { hasPerm = g.includes("autoconfirmed"); } // Due to 2 types of confirmed user, confirmed and autoconfirmed, we have to check both if (hasPerm) { // Has the permission needed if (callback) { callback; }           } else { if (callbackIfNot) { // Make no perm callback callbackIfNot; } else { // Show no perm toast rw.visuals.toast.show("Your account doesn't have permission to do that yet.", false, false, 5000); }           }        });    },

/**    * Gets the related page for this action. *    * @param {string} pg If set, this function will return this parameter * @returns {string} Related page * @method getRelatedPage * @extends rw.info */   "getRelatedPage": (pg) => { if (pg) { return pg; } // return page if defined try { let x = mw.util.getParamValue('vanarticle'); if (x != null) { return x; } else { return ""; } } catch (er) { // If none return "error"; }   },

/**    * Uses MediaWiki's parser API to convert given WikiText to HTML *    * @param {string} wikiTxt * @param {function} callback callback(parsedHTML) * @method parseWikitext * @extends rw.info */   "parseWikitext": (wikiTxt, callback) => { // Uses Wikipedia's API to turn Wikitext to string. NEED TO USE POST IF USERPAGE IS LARGE EXT.. $.post(rw.wikiAPI, {           "action": "parse",            "format": "json",            "contentmodel": "wikitext",            "prop": "text",            "pst": true,            "assert": "user",            "text": wikiTxt,            "title": mw.config.get("wgRelevantPageName")        }).done(r => {            let processedResult = r.parse.text['*'].replace(/\/\//g, "https://").replace(/href=\"\/wiki/g, `href="${rw.wikiBase}/wiki`); // regex replace w direct urls

// sanitize processedResult = rw.sanitizeHTML(processedResult);

callback(processedResult); // make callback w HTML });   },

/**    * Detects and calls back with the highest warning level this user has recieved this month. *    * @param {string} user * @param {function} callback callback(int warningLevel [0 none 1 notice 2 caution 3 warning 4 final warning], string thisMonthsNotices (wikitext), string userPg (wikitext)) * @method lastWarningLevel * @extends rw.info */   "lastWarningLevel": (user, callback) => { // callback(wLevel. thisMonthsNotices, userPg) 0 none 1 notice 2 caution 3 warning 4 final warning // Get the last warning level of a user this month $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=User_talk:" + encodeURIComponent(user) + "&rvslots=*&rvprop=content&formatversion=2&format=json", latestR => {           // Grab text from latest revision of talk page            // Check if exists            let revisionWikitext = "";            if (!latestR.query.pages[0].missing) { // If page isn't missing, i.e exists                revisionWikitext = latestR.query.pages[0].revisions[0].slots.main.content;            } else {                // Return that record is clean as no past warnings due to page not existing                callback(0, "Talk page doesn't exist.", "Talk page doesn't exist."); // exit                return;            }            let wikiTxtLines = revisionWikitext.split("\n");            // let's continue            // Returns date in == Month Year == format and matches            let currentDateHeading = ((d) => { return "== " + ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth] + " " + (1900 + d.getYear) + " ==" })(new Date);

// rev13, add alt without space let currentAltDateHeading = ((d) => { return "==" + ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth] + " " + (1900 + d.getYear) + "==" })(new Date);

let pageIncludesCurrentDate = wikiTxtLines.includes(currentDateHeading); let pageIncludesCurrentAltDate = wikiTxtLines.includes(currentAltDateHeading);

if ((!pageIncludesCurrentDate) && (!pageIncludesCurrentAltDate)) { // No warnings this month callback(0, "No notices for this month.", revisionWikitext); return; } else if ((!pageIncludesCurrentDate) && (pageIncludesCurrentAltDate)) currentDateHeading = currentAltDateHeading; // If ==Date== is there but == Date == isn't, use ==Date== instead.

let highestWarningLevel = 0; // Set highest to nothing so if there is a date title w nothing in then that will be reported let thisMonthsNotices = ""; // for dialog // For each line for (let i = wikiTxtLines.indexOf(currentDateHeading) + 1; i < wikiTxtLines.length; i++) { if (wikiTxtLines[i].startsWith("==")) { // New section break; // exit the loop }

// Check if it contains logo for each level thisMonthsNotices += wikiTxtLines[i]; // Add to this months if (wikiTxtLines[i].match(/(File:|Image:)Stop hand nuvola.svg/gi)) { // Level 4 warning // This is the highest warning level. We can leave now highestWarningLevel = 4; break; // exit the loop }

// Not using elseif in case of formatting ext..

if (wikiTxtLines[i].match(/(File:|Image:)(Nuvola apps important.svg|Ambox warning pn.svg)/gi)) { // Level 3 warning highestWarningLevel = 3; // No need for if check as highest level exits }

if (wikiTxtLines[i].match(/(File:|Image:)Information orange.svg/gi)) { // Level 2 warning if (highestWarningLevel < 3) { // We can set highestWarningLevel = 2; }               }

if (wikiTxtLines[i].match(/(File:|Image:)Information.svg/gi)) { // Level 1 notice if (highestWarningLevel < 2) { // We can set highestWarningLevel = 1; }               }            } // End for loop

callback(highestWarningLevel, thisMonthsNotices, revisionWikitext); // We done

});   },// End lastWarningLevel

/**   * Scans the past 50 revisions for warnings from this month for a user - WARNING: this is pretty CPU intensive - make sure you show a load dialog! *   * @param {string} username * @param {function} callback * @method warningInfo * @extends rw.info */   "warningInfo": (username, callback) => { // Get past 51 page revisions, we calculate a diff for 50 only $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=User_talk:" + encodeURIComponent(username) + "&rvslots=*&rvprop=content|user|timestamp|size&formatversion=2&rvlimit=51&format=json", r => {           if (r.query.pages[0].missing) { // If page is missing, i.e it doesn't exist                callback([]); // nothing, no warnings recorded                return; // exit            }

let warningArray = []; // included in callback // Now for each revision r.query.pages[0].revisions.forEach((edit, i) => {               if (i == 49 || i > r.query.pages[0].revisions.length - 2) return; // we can't process the 51st edit, so exit                const editSize = edit.size - r.query.pages[0].revisions[i + 1].size; // size difference betweem this and the prev edit                if (editSize > 7500 || editSize < 0) return; // skip edits over 7.5KB, we can safely assume these aren't warnings are we don't wanna crash the browser, we also ignore removals                const editedBy = edit.user;                const editTimestamp = edit.timestamp;                const editContent = edit.slots.main.content;

// Find what was added in that edit by comparing last revision (index up) let editChange = Diff.diffChars(r.query.pages[0].revisions[i + 1].slots.main.content, editContent);

// Merge all addition changes into one string const addedWikiText = ( => { let result = ""; editChange.forEach(change => { if (change.added === true) result += change.value; }); return result; });

// Now locate warnings within those changes

// Run regex on it               const regexResult = //gi.exec(addedWikiText); if (regexResult == null) return; // no match, move on to next rev

// Note down the template const warningTemplate = regexResult.pop; // last in array = last warning name, we always favour the last one because warnings may have been restored

console.log("Located warning template uw-" + warningTemplate);

let warningLevel = 6; // assume 6 = unknown here let matchedRule = { "name": "Unknown - this warning doesn't seem to be in RedWarn's database", "template": "uw-" + warningTemplate, "key": "" };

// Now locate within our rules for (const ruleKey in rw.rules) { if (rw.rules.hasOwnProperty.call(rw.rules, ruleKey)) { const rule = rw.rules[ruleKey]; if (("uw-" + warningTemplate).includes(rule.template)) { // Find warning level and map warningLevel = ({                               // handle nothing as a 0 reminder                                undefined: 0,                                "": 0,

"1": 1,                               "2": 2,                                "3": 3,                                "4": 4,                                "4im": 5 })[("uw-" + warningTemplate).replace(rule.template, "")]; // select by rming template from the regexMatch

rule.key = ruleKey; // set key for dialog matchedRule = rule; break; // we're done in this loop as we've found it                       } }               }

// We've finished looking through all the rules, so add it to the array warningArray.push({                   "from": editedBy,                    "rule": matchedRule,                    "level": warningLevel,                    "timestamp": editTimestamp                }); });

// All done callback(warningArray); });   },

/**    * Adds given WikiText to a users talk page. *    * @param {string} user Username of the account to add text to     * @param {string} text Wikitext to append * @param {boolean} underDate If set true, the edit will be appended under this months date header, e.g. July 2020 * @param {string} summary The summary for this edit, excluding any RedWarn branding (this function automatically appends this) * @param {string} blacklist If a userpage contains this text, the edit will not be made and the text in blackListToast will be shown in a toast message. Set to null to disable. * @param {string} blacklistToast Toast message to show if blacklist is matched. * @param {function} callback If no callback set, a saving message dialog will be shown and a redirect will occur on completion. * @method addWikiTextToUserPage * @extends rw.info */   "addWikiTextToUserPage": (user, text, underDate, summary, blacklist, blacklistToast, callback) => { if ((user == null) || (user.toLowerCase == "undefined") || (user.toLowerCase == "null")) { // Stop it from being sent to User:undefined or User:null // TODO: Add callback because likely bug rw.visuals.toast.show("Sorry, an error occured. (user undef.)"); return; }       if (callback == null) rw.ui.loadDialog.show("Saving message..."); // show load if no callback // Add text to a page. If underdate true, add it under a date marker $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=User_talk:" + encodeURIComponent(user) + "&rvslots=*&rvprop=content&formatversion=2&format=json", latestR => {           // Grab text from latest revision of talk page            // Check if exists            let revisionWikitext = "";            if (!latestR.query.pages[0].missing) { // If page isn't missing, i.e exists                revisionWikitext = latestR.query.pages[0].revisions[0].slots.main.content;            } // else we keep to ""            let wikiTxtLines = revisionWikitext.split("\n");            let finalTxt = "";

// Check blacklist (if defined) if (blacklist) { if (revisionWikitext.includes(blacklist)) { // Don't continue and show toast rw.ui.loadDialog.close; rw.visuals.toast.show(blacklistToast, false, false, 5000); return; }           }

// let's continue // Returns date in == Month Year == format and matches let currentDateHeading = ((d) => { return "== " + ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth] + " " + (1900 + d.getYear) + " ==" })(new Date); let pageIncludesCurrentDate = wikiTxtLines.includes(currentDateHeading); // rev13, add alt without space (i.e ==Month Year==) let currentAltDateHeading = ((d) => { return "==" + ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth] + " " + (1900 + d.getYear) + "==" })(new Date); let pageIncludesCurrentAltDate = wikiTxtLines.includes(currentAltDateHeading);

if ((!pageIncludesCurrentDate) && (pageIncludesCurrentAltDate)) { // If ==Date== is there but == Date == isn't, use ==Date== instead. currentDateHeading = currentAltDateHeading; pageIncludesCurrentDate = true; }           // Let's continue :)            if (underDate) {                if (pageIncludesCurrentDate) {                    // Locate and add text in section

// Locate where the current date section ends so we can append ours to the bottom let locationOfLastLine = wikiTxtLines.indexOf(currentDateHeading) + 1; // in case of date heading w nothing under it                   for (let i = wikiTxtLines.indexOf(currentDateHeading) + 1; i < wikiTxtLines.length; i++) { if (wikiTxtLines[i].startsWith("==")) { // New section locationOfLastLine = i - 1; // the line above is therefore the last console.log("exiting loop: " + wikiTxtLines[locationOfLastLine]); break; // exit the loop } else if (i == wikiTxtLines.length - 1) { // End of page, let's break and set location of last line. locationOfLastLine = i;                           break; // exit loop }                   }                    console.log(locationOfLastLine); if (locationOfLastLine == wikiTxtLines.length - 1) { // To prevent to end notices squishing against eachother // Same as without, but we just include the date string at bottom of page wikiTxtLines.push("", text); } else { // Place right before the start of the next section. wikiTxtLines.splice(locationOfLastLine + 1, 0, ...( wikiTxtLines[locationOfLastLine].trim == "" ? [text] : ["", text] )); // Add notice to array at correct position. Note the "" is for a newline to seperate from prev content }               } else { // Page doesn't have current date // Same as without, but we just include the date string at bottom of page wikiTxtLines.push("", currentDateHeading, text); }           } else { // No need to add to date. Just shove at the bottom of the page wikiTxtLines.push("", text); }

// Process final string finalTxt = wikiTxtLines.join("\n"); // Remap to lines

const attemptEdit = => { // Push edit using CSRF token $.post(rw.wikiAPI, {                   "action": "edit",                    "format": "json",                    "token": mw.user.tokens.get("csrfToken"),                    "title": "User talk:" + user,                    "summary": summary + " (RW " + rw.version + ")", // summary sign here                    "text": finalTxt.trim,                    "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia               }).done(dt => {                    // We done. Check for errors, then callback appropriately                    if (!dt.edit) {                        if (dt.error) {                            // Check if this is an abusefilter error                            if (dt.error.code === "abusefilter-warning") {                                var abuseFilter = dt.error.abusefilter;                                if (abuseFilter.actions.includes("disallow")) {                                    alert(`Your edit was disallowed by abuse filter #${abuseFilter.id} ("${abuseFilter.description}"). No changes have been made to the page.`);                               } else if (abuseFilter.actions.includes("warn")) {                                    // Since I don't know how to make dialogs, I'll just copy                                    // the text from the warning page here. If someone can make                                    // a dialog with a preview of the warning, that would be great.                                    var abWarning = (abuseFilter.info || "No information provided.").replace(/⧼(.+?)⧽/g, `(see page "MediaWiki:$1")`);

if (abuseFilter.id == 602) { // https://en.wikipedia.org/wiki/MediaWiki:Abusefilter-warning-DS var abWarning = "You are trying to alert a user to the existence of discretionary sanctions.\n\nSpecial rules (https://en.wikipedia.org/wiki/Wikipedia:Arbitration_Committee/Discretionary_sanctions#Awareness_and_alerts) govern alerts. You must not given an editor an alert if they have already received one for the same area of conflict within the last twelve months. Please now check that this editor has not already been alerted to this area of conflict in the last twelve months."; }

var abProceed = confirm(`Your edit was temporarily disallowed by an abuse filter in order to show you a warning:\n\n=====\n\n${abWarning}\n\n=====\n\nIf you wish to proceed, please confirm your decision.`);

if (abProceed) { attemptEdit; }                                   rw.ui.loadDialog.close; return; }

rw.ui.loadDialog.close; return; // Stop here. }

// Otherwise, continue standard error message. }

// Error occured or other issue console.error(dt); rw.ui.loadDialog.close; rw.visuals.toast.show("Sorry, there was an error. See the console for more info. Your message has not been sent."); // Reshow dialog dialogEngine.dialog.showModal; } else { // Success!

// Check if watchlist preference is enabled if (rw.config.rwWatchTime != null) { // Add page to watchlist rw.info.watchPage("User talk:" + user, rw.config.rwWatchTime, wCb => {                               // Was the page added to the watchlist successfully?                                if (wCb != false || wCb != null) {                                    rw.visuals.toast.show("Page successfully added to watchlist");                                } else {                                    rw.visuals.toast.show("Sorry, there was an error adding this page to your watchlist.");                                }                            }); }                       if (callback != null) { callback; return; }; // callback and stop if set, else..

// Redirect to complete page let reloadNeeded = window.location.href.includes(rw.wikiBase + "/wiki/User_talk:" + encodeURIComponent(user)); // if we are already on the talk page we need to refresh as this would just change the hash redirect(rw.wikiBase + "/wiki/User_talk:" + encodeURIComponent(user) + "#noticeApplied-" + dt.edit.newrevid + "-" + dt.edit.oldrevid); // go to talk page if (reloadNeeded) { location.reload; } }               });            };

attemptEdit; });   }, // end addTextToUserPage

/**    * Quick welcomes the given user. Deprecated in rev12. *    * @param {string} un Username to append the welcome template to     * @method quickWelcome * @extends rw.info * @deprecated Use rw.quickTemplate instead. *    */    "quickWelcome": un => { // Quickly welcome the current user // Check if registered or unregistered user if (rw.info.isUserAnon(rw.info.targetUsername(un))) { // IP Editor - send IP welcome rw.info.addWikiTextToUserPage(rw.info.targetUsername(un), "\n" + rw.welcomeIP + " " + rw.sign + "\n", false, "Welcome! (IP)"); } else { // Registered user rw.info.addWikiTextToUserPage(rw.info.targetUsername(un), "\n" + rw.welcome + " " + rw.sign + "\n", false, "Welcome!"); }   },

// Used for rollback /**    * Check if the given revID is the latest revision of the given page name and will callback with the username of whoever made that edit *    * @param {string} name Title of the page to check * @param {string} revID Revision ID to check * @param {function} callback callback(username) Will only be called if this is the latest revision, else will redirect to the latest revision diff page. * @param {function} noRedirectCallback If set, this will be called instead of a redirect if it isn't the latest revision * @method isLatestRevision * @extends rw.info */   "isLatestRevision": (name, revID, callback, noRedirectCallback) => { // callback(username) only if successful!! in other cases, will REDIRECT to latest revison compare page // Check if revsion is the latest revision $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + encodeURIComponent(name) + "&rvslots=*&rvprop=ids%7Cuser&formatversion=2&format=json", r => {           // We got the response            let latestRId = r.query.pages[0].revisions[0].revid;            let parentRId = r.query.pages[0].revisions[0].parentid;            let latestUsername = r.query.pages[0].revisions[0].user;            if (latestRId == revID) {                // Yup! Send the callback                callback(latestUsername, latestRId);            } else {                // Nope :( // Check for a noredirect callback, if so, call and return if (noRedirectCallback != null) { noRedirectCallback; return; }

// Load the preview page of the latest one try { if (dialogEngine.dialog.open) { return; } } catch (error) { } // DO NOT REDIRECT IF DIALOG IS OPEN. // Redirect and open in new tab if requested redirect(rw.wikiIndex + "?title=" + encodeURIComponent(name) + "&diff=" + latestRId + "&oldid=" + parentRId + "&diffmode=source#redirectLatestRevision", (rw.config.rwLatestRevisionOption == "newtab")); }       });    },

/**    * Gets the latest revision not made by the specified user on the specified page. Will prepare a summary string for rollback-like reverts. *    * @param {string} name Title of the page to check * @param {string} username Username to exclude * @param {function} callback callback(revisionWikiText, preparedRevertSummary, revisionID, parentRevisionID) * @method latestRevisionNotByUser * @extends rw.info */   "latestRevisionNotByUser": (name, username, callback) => { // CALLBACK revision, summaryText, rId // Name is page name, username is bad username $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + encodeURIComponent(name) + "&rvslots=*&rvprop=ids%7Cuser%7Ccontent&rvexcludeuser=" + encodeURIComponent(username) + "&formatversion=2&format=json", r => {           // We got the response            let _r;            try {                _r = r.query.pages[0].revisions[0]; // get latest revision                if (_r == null) { throw "can't be null"; } // if empty error            } catch (error) {                // Probably no other edits. Redirect to history page and show the notice                redirect(rw.wikiIndex + "?title=" + encodeURIComponent(name) + "&action=history#rollbackFailNoRev");                return; // exit            }

let latestContent = _r.slots.main.content; let summary = "Reverting edit(s) by " + username + " (talk) to rev. " + _r.revid + " by " + _r.user; callback(latestContent, summary, _r.revid, _r.parentid); });   },

/**    * Calls back with the pronouns for the users given gender *    * @param {string} user Username to check * @param {function} callback callback(pronouns) - either he/him, she/her, they/them. * @method getUserPronouns * @extends rw.info */   "getUserPronouns": (user, callback) => { // Trying mediawiki api here rather than a jquery get new mw.Api.get({           action: 'query',            list: 'users',            usprop: 'gender',            ususers: user        }).then(r => {            let gender = r.query.users[0].gender;            callback((gender == "male") ? "he/him" : ((gender == "female") ? "she/her" : "they/them")); // callback with our pronouns       }); },

/**    * Calls back with the edit count of the given user *    * @param {string} user Username to check * @param {function} callback callback(editCount) */   "getUserEditCount": (user, callback) => { // Trying mediawiki api here rather than a jquery get new mw.Api.get({           action: 'query',            list: 'users',            usprop: 'editcount',            ususers: user        }).then(r => {            callback(r.query.users[0].editcount); // edit count        }); },

/**    * Sends an email to the specified user *    * @param {string} user Username to email * @param {string} content Email content * @method sendEmail * @extends rw.info */   "sendEmail": (user, content) => { rw.ui.loadDialog.show("Sending email...");

var params = { action: 'emailuser', target: user, subject: `Email from User:${rw.info.getUsername} (using RW)`, // i.e. email from User:RedWarn (using RW) text: content, ccme: rw.config.rwEmailCCMe != "disable", // by defauly copy back to me unless specifically disabled format: 'json' },           api = new mw.Api;

api.postWithToken('csrf', params).done((data) => {           console.log(data);            if (data.errors == null || data.errors.length < 1) {                // No errors, success!                rw.ui.loadDialog.close;                rw.ui.confirmDialog(`Email sent. A copy of your email has been sent to you.`, "OKAY", => { dialogEngine.closeDialog; },                   "",  => { }, 0);            } else {                // Error may have occured - give them back the email bc we don't want to screw the user over                rw.ui.loadDialog.close;                rw.ui.confirmDialog(` An error may have occured. Please check your inbox. If no email is sent to you soon, please try again. Here is the email you were trying to send: ${content} `,                   "OKAY",  => { dialogEngine.closeDialog; },                   "",  => { }, 50);            }        });    },

// CLASSES

/**    * RedWarn's "notify on change" feature, which watches for changes on a page, then notifies the user. * @class rw.info.changeWatch */   "changeWatch": {// Watches for changes on a page, always latest version and notifies /**        * Defines whether or not the feature is activated. *        * @property active * @type {boolean} * @extends rw.info.changeWatch */       "active": false,

"timecheck": "",

/**        * Defines the latest revsion ID of this page if feature is enabled *        * @property latestRevID * @type {string} * @extends rw.info.changeWatch */       "lastRevID": "",

/**        * Toggles this feature on/off * @method toggle * @extends rw.info.changeWatch */       "toggle":  => { if (!rw.info.changeWatch.active) { // We're not active, make UI changes // Request notification perms if (Notification.permission !== 'granted') Notification.requestPermission;

$(".rwSpyIcon").css("color", "green"); rw.topIcons.icons[rw.topIcons.icons.findIndex(i => i.title == "Alert on Change")].colorModifier = "green";

rw.visuals.toast.show("Alerts Enabled - please keep this tab open."); rw.info.changeWatch.active = true;

// Get latest rev id               $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + encodeURIComponent(mw.config.get("wgRelevantPageName")) + "&rvslots=*&rvprop=ids&formatversion=2&format=json", r => {                    // We got the response, set our ID                    rw.info.changeWatch.lastRevID = r.query.pages[0].revisions[0].revid;                    rw.info.changeWatch.timecheck = setInterval( => { // Check for new revision every 5 seconds $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + encodeURIComponent(mw.config.get("wgRelevantPageName")) + "&rvslots=*&rvprop=ids&formatversion=2&format=json", r2 => {                           // Got response, compare                            if (rw.info.changeWatch.lastRevID != r2.query.pages[0].revisions[0].revid) {                                // New Revision! Redirect.                                clearInterval(rw.info.changeWatch.timecheck); // clear updates                                let latestRId = r2.query.pages[0].revisions[0].revid;                                let parentRId = r2.query.pages[0].revisions[0].parentid;

if (windowFocused) { // Redirect and don't do anything else redirect(rw.wikiIndex + "?title=" + encodeURIComponent(mw.config.get("wgRelevantPageName")) + "&diff=" + latestRId + "&oldid=" + parentRId + "&diffmode=source#watchLatestRedirect"); } else { // Push notification document.title = "**New Edit!** " + document.title; // Add alert to title if (Notification.permission !== 'granted') { Notification.requestPermission; } else { let notification = new Notification('New Change to ' + mw.config.get("wgRelevantPageName"), {                                           icon: 'https://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png',                                            body: 'Click here to view',                                        }); notification.onclick = function { window.focus; // When focused, we'll redirect anyways this.close; // focus our tab and close notif };

window.onfocus = function { // Redirect on focus redirect(rw.wikiIndex + "?title=" + encodeURIComponent(mw.config.get("wgRelevantPageName")) + "&diff=" + latestRId + "&oldid=" + parentRId + "&diffmode=source#watchLatestRedirect"); };                                   }                                }                            }                        });                    }, 5000);                });            } else {                clearInterval(rw.info.changeWatch.timecheck); // clear updates

$(".rwSpyIcon").css("color", ""); // clear colour from icon rw.topIcons.icons[rw.topIcons.icons.findIndex(i => i.title == "Alert on Change")].colorModifier = null;

rw.visuals.toast.show("Alerts Disabled."); rw.info.changeWatch.active = false; }       }    },

/**    * Adds a page to the user's watchlist *    * @param {string} page Page title * @param {string} expiry Relative natural language expiry (e.g. "1 week") * @param {function} callback callback(successful) Bool of API result * @method watchPage * @extends rw.info */   "watchPage": (page, expiry, callback) => { // https://www.mediawiki.org/wiki/API:Watch // MediawikiJS api const expireParam = expiry == 0 ? { unwatch: true } : { expiry: expiry }; new mw.Api.postWithToken('watch', { action: 'watch', titles: page, format: 'json', ...expireParam }).done((data) => {           if (data.errors == null || data.errors.length < 1) {                callback(true);            } else {                console.error(data);                callback(false);            }        }); } };

// rw-source: rollback.js rw.rollback = { // Rollback features - this is where the business happens, people! "clickHandlers": {}, // set in code

"icons": [ // rev14, icon IDs and everything for current rollback - from left to right - usually loaded from config // WARNING: CHANGING ORDER WILL MESS UP CONFIGS. // DEFAULT ENABLED ICONS {           "enabled": true, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback vandalism", "color": "red", // css colour "icon": "delete_forever", "actionType": "rollback", "promptReason": false, // add extra info? false = quick rollback, otherwise not "summary": "Vandalism", // Set summary "ruleIndex": "vandalism" // used for autowarn },

{           "enabled": true, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback unexplained content removal", "color": "orange", // css colour "icon": "format_indent_increase", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Unexplained content removal", // Set summary "ruleIndex": "delete" // used for autowarn },

{           "enabled": true, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback non-constructive edit", "color": "gold", // css colour "icon": "work_outline", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "non-constructive" // Set summary },

{           "enabled": true, // true is a default rollback icon, false can be added via preferences "name": "Rollback", "color": "blue", // css colour "icon": "replay", "actionType": "rollback", "promptReason": true, // add extra info? "summary": "" // Set summary },

{           "enabled": true, // true is a default rollback icon, false can be added via preferences "name": "Assume Good Faith and Rollback", "color": "green", // css colour "icon": "thumb_up", "actionType": "rollback", "promptReason": true, // add extra info? "summary": "Reverting good faith edits" // Set summary },

{           "enabled": true, // true is a default rollback icon, false can be added via preferences "name": "Preview Rollback", "color": "black", // css colour "icon": "compare_arrows", "actionType": "func", "action": => rw.rollback.preview // Callback },

{           "enabled": true, // true is a default rollback icon, false can be added via preferences "name": "Quick Template", "color": "black", // css colour "icon": "library_add", "actionType": "func", "action": => rw.rollback.welcomeRevUsr // Callback },

{           "enabled": true, // true is a default rollback icon, false can be added via preferences "name": "More Options", "color": "black", // css colour "icon": "more_vert", "actionType": "func", "action": => rw.ui.openExtendedOptionsDialog // Callback },

// END DEFAULT ENABLED ICONS // DEFAULT DISABLED ICONS

// RED {           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback 3RR", "color": "red", // css colour "icon": "filter_3", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "WP:3RR", // Set summary "ruleIndex": "_3rr" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback personal attacks towards another editor", "color": "red", // css colour "icon": "offline_bolt", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Personal attack towards another editor (WP:NPA)", // Set summary "ruleIndex": "npa" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback copyright violation", "color": "red", // css colour "icon": "copyright", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Likely copyright violation", // Set summary "ruleIndex": "copyright" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback BLP violation", "color": "red", // css colour "icon": "face", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Fails WP:BLP", // Set summary "ruleIndex": "biog" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback advertising/promotional", "color": "red", // css colour "icon": "monetization_on", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Using Wikipedia for advertising and/or promotion is not permitted.", // Set summary "ruleIndex": "advert" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback unnecessary or inappropriate external links", "color": "red", // css colour "icon": "link_off", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Addition of unnecessary/inappropriate external links", // Set summary "ruleIndex": "spam" // used for autowarn },

// ORANGE {           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback no reliable source", "color": "orange", // css colour "icon": "history_edu", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Not providing a reliable source", // Set summary "ruleIndex": "unsourced" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback disruptive editing", "color": "orange", // css colour "icon": "error", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Disruptive editing", // Set summary "ruleIndex": "disruptive" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback factual errors", "color": "orange", // css colour "icon": "menu_book", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "likely factual errors", // Set summary "ruleIndex": "error" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback joke edit", "color": "orange", // css colour "icon": "child_care", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Joke edit", // Set summary "ruleIndex": "joke" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback NPOV issues", "color": "orange", // css colour "icon": "campaign", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "per WP:NPOV", // Set summary "ruleIndex": "npov" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback talk in article", "color": "orange", // css colour "icon": "announcement", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Please use the article talk page or be bold and fix the problem", // Set summary "ruleIndex": "talkinarticle" // used for autowarn },

// BLUE {           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback manual of style issues", "color": "blue", // css colour "icon": "brush", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "Manual of Style issues", // Set summary "ruleIndex": "mos" // used for autowarn },

{           "enabled": false, // true is a default rollback icon, false can be added via preferences "name": "Quick rollback test edits", "color": "blue", // css colour "icon": "build", "actionType": "rollback", "promptReason": false, // add extra info? "summary": "test edits", // Set summary "ruleIndex": "test" // used for autowarn }   ],

"loadIcons": => { // Adds icons to a diff page - see rw.rollback.icons to set defaults here. // Check if page is editable, if not, don't show if (!mw.config.get("wgIsProbablyEditable")) { // Can't edit, so exit return; }

// else, continue :)

let isLatest = $("#mw-diff-ntitle1").text.includes("Latest revision"); // is this the latest revision diff page? let isLeftLatest = $("#mw-diff-otitle1").text.includes("Latest revision"); // is the left side the latest revision? (rev13 bug fix)

let currentRevIcons = "";

// Load Rollback current rev icons (rev14) rw.rollback.icons.forEach((icon, i) => {           let elID = "rwRollback_" + i; // generate an ID for the new icons

// Establish element with all the info if (icon.enabled) currentRevIcons += ` <div id="${elID}" class="icon material-icons"> <span style="cursor: pointer;                           font-size:28px;                            padding-right:5px;                            color:${icon.color};" onclick="rw.rollback.clickHandlers.${elID};"> ${icon.icon} <div class="mdl-tooltip mdl-tooltip--large" for="${elID}"> ${icon.name} `;

// Add click handler let clickHandler = => { };

if (icon.actionType == "func") { // Function callback clickHandler = icon.action; } else if (icon.actionType == "rollback") { // Rollback on click if (!icon.promptReason) { // quick rollback clickHandler = => rw.rollback.apply(icon.summary, null, icon.ruleIndex); // if icon.ruleIndex is undef it'll be ignored anyway } else { // Ask for a reason clickHandler = => rw.rollback.promptRollbackReason(icon.summary); }           }

// Now add the handler to the handlers object (because the elements aren't on page yet) rw.rollback.clickHandlers[elID] = clickHandler; // we done });

// Finally, wrap and add more info currentRevIcons = eval(rw_includes["rollbackCurrentRevFormatting.html"]); // see HTML file

// RESTORE THIS VERSION ICONS. DO NOT FORGET TO CHANGE BOTH FOR LEFT AND RIGHT

let twinkleLoadedBeforeUs = $('div[id^="tw-revert"]').length;

// On left side // DO NOT FORGET TO CHANGE BOTH!! let left = isLeftLatest ? currentRevIcons : ` <span style="cursor: pointer; font-size:28px; padding-right:5px; color:purple;" onclick="rw.rollback.promptRestoreReason($('#mw-diff-otitle1 > strong > a').attr('href').split('&')[1].split('=')[1]);"> history Restore this version `;       if (twinkleLoadedBeforeUs) { $('.diff-otitle > div[id^="tw-revert"]').after(left); } else { $('.diff-otitle').prepend(left); }

// On the right side let right = isLatest ? currentRevIcons : ` <span style="cursor: pointer; font-size:28px; padding-right:5px; color:purple;" onclick="rw.rollback.promptRestoreReason($('#mw-diff-ntitle1 > strong > a').attr('href').split('&')[1].split('=')[1]);"> history Restore this version `; // if the latest rev, show the accurate revs, else, don't       const twinkleNtitleLinks = $('.diff-ntitle > div[id^="tw-revert"]'); if (twinkleLoadedBeforeUs && twinkleNtitleLinks.length) { $(twinkleNtitleLinks).after(right); } else { $('.diff-ntitle').prepend(right); }

setTimeout( => {           // Register all tooltips after 50ms (just some processing time)            for (let item of document.getElementsByClassName("mdl-tooltip")) {                rw.visuals.register(item);            }

// Register progressbar var progressBar; if ((progressBar = $("#rwRollbackInProgressBar")[0])) { rw.visuals.register(progressBar); }       }, 100);    },

"loadRevisionPermalinkPage": => { // add a purple restore button to the top of the page, and redirect to the cur comparison // probably could have been done nicer, but this seems to work fine

$("#contentSub").prepend(`               <span                    style="cursor: pointer; font-size:28px; padding-right:5px; color:purple;"                    onclick="location.search += '&diff=cur'"                > history         Restore this version         `);

setTimeout( => {           // Register all tooltips after 50ms (just some processing time)            for (let item of document.getElementsByClassName("mdl-tooltip")) {                rw.visuals.register(item);            }        }, 100); },

"getDisabledHTMLandHandlers": => { // Open a new dialog with all the disabled icons so user can select one. Click handlers are already registered, so we just call rw.rollback.clickHandlers.[elID]; // Load Rollback current rev icons (rev14) let finalIconStr = ""; rw.rollback.icons.forEach((icon, i) => {           if (icon.enabled) return; // if icon is enabled, we can skip            if (icon.name == "More Options") return; // does nothing here, so not needed

let elID = "rwRollback_" + i; // get the ID for the new icons // Establish element with all the info finalIconStr += ` <div class="mdl-button mdl-js-button" style="width:100%; text-align: left;" onclick="window.parent.postMessage('rwRollbackBtn${elID}', '*');"> <span class="material-icons" style="padding-right:20px;color:${icon.color};">${icon.icon} <span ${(icon.name.length > 40 ? `style="font-size: 12px;"` : "")}>${icon.name} <hr style="margin:0"/> `;

// Add click event handler addMessageHandler("rwRollbackBtn" + elID, => {                dialogEngine.closeDialog( => {// close dialog, then rw.rollback.clickHandlers[elID]; // send our callback });           });        });

// Now return HTML (rw16) return finalIconStr; },

"getRollbackrevID": => { // Get the revision ID of what we want to rollback let oldId = mw.config.get("wgDiffOldId"); let newId = mw.config.get("wgDiffNewId"); if (newId == null && oldId != null) { return oldId; } else if (newId != null && oldId != null) { return newId > oldId ? newId : oldId; } else { let isNLatest = $("#mw-diff-ntitle1").text.includes("Latest revision"); let isOLatest = $("#mw-diff-otitle1").text.includes("Latest revision");

if (isNLatest) { // Return the revID of the edit on the right return $('#mw-diff-ntitle1 > strong > a').attr('href').split('&')[1].split('=')[1]; } else if (isOLatest) { return $('#mw-diff-otitle1 > strong > a').attr('href').split('&')[1].split('=')[1]; } else { // BUG! rw.ui.confirmDialog("A very weird error occured. (rollback getRollbackRevID failed via final else!)",                   "REPORT BUG",  => rw.ui.reportBug("rollback getRollbackRevID failed via final else! related URL: " + window.location.href),                    "",  => { }, 0); }       }    },

"preview": => { // Redirect to the preview of the rollback in a new tab (compare page) rw.ui.loadDialog.show("Loading preview..."); // Check if latest, else redirect rw.info.isLatestRevision(mw.config.get("wgRelevantPageName"), rw.rollback.getRollbackrevID, un => {           // Fetch latest revision not by user            rw.info.latestRevisionNotByUser(mw.config.get("wgRelevantPageName"), un, (content, summary, rID) => { // Got it! Now open preview dialog

// Add handler for when page loaded let url = rw.wikiIndex + "?title=" + mw.config.get("wgRelevantPageName") + "&diff=" + rID + "&oldid=" + mw.util.getParamValue("diff") + "&diffmode=source#rollbackPreview"; redirect(url); // goto in current tab });       });    },

"apply": (reason, callback, defaultWarnIndex) => { // if callback set, no UW prompt will be shown, but a callback instead

// Now do       // bug fix rev10, get revid from html // added rev13 if has rollback perms and set to use in settings, use that - prompt first time

// Show progress bar $("#rwCurrentRevRollbackBtns").hide; $("#rwRollbackInProgress").show;

// Set progress status to buffer 25 rw.rollback.progressBar(0);

rw.info.isLatestRevision(mw.config.get("wgRelevantPageName"), rw.rollback.getRollbackrevID, (un, crID) => {           // Set progress bar status            // Set handlers for each method            let pseudoRollbackCallback =  => { // pseudoRollback                // Set progress                rw.rollback.progressBar(25);                // Fetch latest revision not by user                rw.info.latestRevisionNotByUser(mw.config.get("wgRelevantPageName"), un, (content, summary, rID, pID) => { rw.rollback.progressBar(70, 70); // Verify that pID is NOT the thing rev we want to rollback, else it's been overwritten if (pID == rw.rollback.getRollbackrevID) { // looks like that there is a newer revision! redirect to it. rw.info.isLatestRevision(mw.config.get("wgRelevantPageName"), 0, => { }); return; // stop here. }

// Got it! Now set page content to summary // Push UNDO using CSRF token $.post(rw.wikiAPI, {                       "action": "edit",                        "format": "json",                        "token": mw.user.tokens.get("csrfToken"),                        "title": mw.config.get("wgRelevantPageName"),                        "summary": summary + ": " + reason + " (RW " + rw.version + ")", // summary sign here                        "undo": crID, // current                        "undoafter": rID, // restore version                        "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia                   }).done(dt => {                        // We done. Check for errors, then callback appropriately                        if (!dt.edit) {                            // Error occured or other issue                            console.error(dt);                            // Show rollback icons again (todo)                            $("#rwCurrentRevRollbackBtns").show;                            $("#rwRollbackInProgress").hide;

rw.visuals.toast.show("Sorry, there was an error, likely an edit conflict. Your rollback has not been applied."); } else { // Success!

// Hide progressbar (todo) rw.rollback.progressBar(100);

// Wait a bit (100ms) to stop loadDialog glitch setTimeout( => {                               // If callback set, call it and exit, else continue                                if (callback != null) { callback; return; }

// Now show the done icons rw.rollback.showRollbackDoneOps(un, defaultWarnIndex); }, 100); // done!                       }                    }); });           };

let rollbackCallback = => { // using rollback API rw.rollback.progressBar(70, 70); // progress // PUSH ROLLBACK $.post(rw.wikiAPI, {                   "action": "rollback",                    "format": "json",                    "token": rw.info.rollbackToken,                    "title": mw.config.get("wgRelevantPageName"),                    "summary": "Rollback edit(s) by " + un + " (talk): " + reason + " (RW " + rw.version + ")", // summary sign here                    "user": un, // rollback user                    "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia               }).done(dt => {                    // THESE CALLBACKS ARE NO INTERCHANGABLE!                    // We done. Check for errors, then callback appropriately                    if (!dt.rollback) {                        // Error occured or other issue                        console.error(dt);                        // Show rollback icons again                        $("#rwCurrentRevRollbackBtns").show;                        $("#rwRollbackInProgress").hide;                        rw.visuals.toast.show("Sorry, there was an error, likely an edit conflict. Your rollback has not been applied.");                    } else {                        // Success!

rw.rollback.progressBar(100); // progress

// Wait a bit (100ms) to stop loadDialog glitch setTimeout( => {                           // If callback set, call it and exit, else continue                            if (callback != null) { callback; return; }

// Now show the done icons rw.rollback.showRollbackDoneOps(un, defaultWarnIndex); }, 100); // done!                   }                }); };

// Check config for rollback perms rw.info.featureRestrictPermissionLevel("rollbacker", => {                // Check if config is set or not                if (rw.config.rollbackMethod == null) {                    rw.ui.confirmDialog(` You have rollback permissions! Would you like to use the faster rollback API in future or continue using a rollback-like setting? You can change this in your preferences at any time.`, "USE ROLLBACK", => { dialogEngine.closeDialog; rw.config.rollbackMethod = "rollback"; rw.info.writeConfig(true, => rollbackCallback); // save config and callback },                       "KEEP USING ROLLBACK-LIKE",  => { dialogEngine.closeDialog; rw.config.rollbackMethod = "pseudoRollback"; rw.info.writeConfig(true, => pseudoRollbackCallback); // save config and callback }, 45);               } else {                    // Config set, complete callback - remember, this is feature restricted so we won't get here without RB perms                    if (rw.config.rollbackMethod == "rollback") { // Rollback selected                        rollbackCallback; // Do rollback                    } else {                        pseudoRollbackCallback; // rollback-like                    }                }            },  => pseudoRollbackCallback); // if no perms follow pseudo rollback });   },

"restore": (revID, reason) => { // Restore revision by ID       rw.ui.loadDialog.show("Restoring..."); // Ask API for latest revision $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + encodeURIComponent(mw.config.get("wgRelevantPageName")) + "&rvslots=*&rvprop=ids%7Cuser&formatversion=2&format=json", r => {           // We got the response            let crID = r.query.pages[0].revisions[0].revid;            // Ask API for the restore revision            $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&rvprop=user&rvstartid=" + revID + "&rvendid=" + revID + "&titles=" + encodeURI(mw.config.get("wgRelevantPageName")) + "&formatversion=2&rvslots=*&format=json", r => { let revUsr = r.query.pages[0].revisions[0].user; // get user let summary = "Restoring revision " + revID + " by " + revUsr; // gen our summary // Now we've got that, we just need to submit. the undo $.post(rw.wikiAPI, {                   "action": "edit",                    "format": "json",                    "token": mw.user.tokens.get("csrfToken"),                    "title": mw.config.get("wgRelevantPageName"),                    "summary": summary + (reason != null ? ": " + reason : "") + " (RW " + rw.version + ")", // summary sign here                   "undo": crID, // current                    "undoafter": revID, // restore version                    "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia               }).done(dt => {                    // Request done. Check for errors, then go to the latest revision                    if (!dt.edit) {                        // Error occured or other issue                        console.error(dt);                        rw.ui.loadDialog.close;                        rw.visuals.toast.show("Sorry, there was an error, likely an edit conflict. This edit has not been restored.");                    } else {                        rw.info.isLatestRevision(mw.config.get('wgRelevantPageName'), 0,  => { }); // we done, go to the latest revision                    }                }); });       });    },

"promptRollbackReason": reason => { rw.info.isLatestRevision(mw.config.get("wgRelevantPageName"), rw.rollback.getRollbackrevID, un => { // validate is latest           // Show dialog then rollback            // Add submit handler

addMessageHandler("reason`*", rs => rw.rollback.apply(rs.split("`")[1])); // When reason recieved, submit rollback

// CREATE DIALOG // MDL FULLY SUPPORTED HERE (container). dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["rollbackReason.html"]), 500, 120)).showModal; // 500x120 dialog, see rollbackReason.html for code });   },

"promptRestoreReason": revID => { // Prompt for reason to restore. very sim to rollback reason let reason = ""; // Needed for rollback reason page - do not remove

// Add submit handler addMessageHandler("reason`*", rs => rw.rollback.restore(revID, rs.split("`")[1])); // When reason recieved, submit rollback

// CREATE DIALOG // MDL FULLY SUPPORTED HERE (container). dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["rollbackReason.html"]), 500, 120)).showModal; // 500x120 dialog, see rollbackReason.html for code },

"welcomeRevUsr": => { // Send welcome to user who made most recent revision rw.visuals.toast.show("Please wait...", false, false, 1000); rw.info.isLatestRevision(mw.config.get("wgRelevantPageName"), rw.rollback.getRollbackrevID, un => {           // We got the username, send the welcome            rw.quickTemplate.openSelectPack(un);        }); },

// CONTRIBS PAGE

"contribsPageIcons": => { // Adds rollback/restore links

// For each (current) tag $("span.mw-uctop").each((i, el) => {           // Add rollback options (${i} inserts i at that point to ensure it is a unique ID)            $(el).html(`current <span id="rw-currentRev${i}" style="cursor:default"> <a style="color:green;cursor:pointer;" id="rw-currentRevPrev${i}" onclick="rw.rollback.contribsPageRollbackPreview(${i});">prev</a> <a style="color:red;cursor:pointer;" id="rw-currentRevRvv${i}" onclick="rw.rollback.contribsPageRollbackVandal(${i});">rvv</a> <a style="color:blue;cursor:pointer;" id="rw-currentRevRb${i}" onclick="rw.rollback.contribsPageRollback(${i});">rb</a>

<div class="mdl-tooltip" data-mdl-for="rw-currentRevPrev${i}"> Preview Rollback <div class="mdl-tooltip" data-mdl-for="rw-currentRevRvv${i}"> Quick rollback Vandalism <div class="mdl-tooltip" data-mdl-for="rw-currentRevRb${i}"> Rollback `);       });

// Now register tooltips setTimeout( => {           // Register all tooltips after 50ms (just some processing time)            for (let item of document.getElementsByClassName("mdl-tooltip")) {                rw.visuals.register(item);            }        }, 100); },

"contribsPageRollbackPreview": i => { // Get revision ID       let revID = $("#rw-currentRev" + i).closest("li").attr("data-mw-revid"); let pageName = $("#rw-currentRev" + i).closest("li").find("a.mw-contributions-title").text; console.log(revID); console.log(pageName); rw.ui.loadDialog.show("Loading preview..."); // Now verify is still latest rw.info.isLatestRevision(pageName, revID, un => {           // Is latest revision! Let's continue            // Fetch latest revision not by user            rw.info.latestRevisionNotByUser(pageName, un, (content, summary, rID) => { // Assemble URL let url = rw.wikiIndex + "?title=" + pageName + "&diff=" + rID + "&oldid=" + revID + "&diffmode=source#rollbackPreview"; redirect(url, true); // open URL in new tab rw.ui.loadDialog.close; // close load dialog });       },  => {            rw.ui.loadDialog.close; // close load dialog            // Isn't the latest revision, set note to match            $("#rw-currentRev" + i).html( ` No longer the latest revision. `           );        });    },

"contribsPageRollbackVandal": i => { // Get revision ID       let revID = $("#rw-currentRev" + i).closest("li").attr("data-mw-revid"); let pageName = $("#rw-currentRev" + i).closest("li").find("a.mw-contributions-title").text; console.log(revID); console.log(pageName);

$("#rw-currentRev" + i).html(           ` reverting... `        );

// Now verify is still latest rw.info.isLatestRevision(pageName, revID, un => {           // Is latest revision! Let's continue

// Overwrite function and values used on diff pages as we aren't on a diff page rw.rollback.getRollbackrevID = => { return revID; }; mw.config.values.wgRelevantPageName = pageName; rw.rollback.apply("Vandalism (from contribs)", => { // apply the rollback                // Rollback complete!                $("#rw-currentRev" + i).html( ` <a href="${"https://en.wikipedia.org/w/?title=" + mw.util.wikiUrlencode(                       pageName                    ) + "&action=history"                    }">reverted!</a> ` );           });        },  => {            // Isn't the latest revision, set note to match $("#rw-currentRev" + i).html(               ` No longer the latest revision. `            ); });   },

"contribsPageRollback": i => { // First, prompt for reason let reason = ""; // Needed for rollback reason page - do not remove

// Add submit handler addMessageHandler("reason`*", rs => { // On submit           let rollbackReason = rs.split("`")[1];            // Get revision ID            let revID = $("#rw-currentRev" + i).closest("li").attr("data-mw-revid");            let pageName = $("#rw-currentRev" + i).closest("li").find("a.mw-contributions-title").text;            console.log(revID);            console.log(pageName);

$("#rw-currentRev" + i).html(               ` reverting... `            );

// Now verify is still latest rw.info.isLatestRevision(pageName, revID, un => {               // Is latest revision! Let's continue

// Overwrite function and values used on diff pages as we aren't on a diff page rw.rollback.getRollbackrevID = => { return revID; }; mw.config.values.wgRelevantPageName = pageName; rw.rollback.apply(rollbackReason + " (from contribs)", => { // apply the rollback                    // Rollback complete!                    $("#rw-currentRev" + i).html( ` <a href="${"https://en.wikipedia.org/w/?title=" + mw.util.wikiUrlencode(                           pageName                        ) + "&action=history"                        }">reverted!</a> ` );               });            },  => {                // Isn't the latest revision, set note to match $("#rw-currentRev" + i).html(                   ` No longer the latest revision. `                ); });       });

// CREATE DIALOG // MDL FULLY SUPPORTED HERE (container). dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["rollbackReason.html"]), 500, 120)).showModal; // 500x120 dialog, see rollbackReason.html for code },

"progressBar": (progress, buffer) => { // Only if set and existing (bug) if ($("#rwRollbackInProgressBar").length < 1) return;

// Update the progress bar $("#rwRollbackInProgressBar")[0].MaterialProgress.setProgress(progress); $("#rwRollbackInProgressBar")[0].MaterialProgress.setBuffer(buffer); },

"showRollbackDoneOps": (un, warnIndex) => { // Clear get hidden handler to stop errors in more options menu rw.rollback.getDisabledHTMLandHandlers = => { return ""; }; // return w empty string // Add click handlers $("#RWRBDONEmrevPg").click( => rw.info.isLatestRevision(mw.config.get('wgRelevantPageName'), 0, => { })); // go to latest revision $("#RWRBDONEnewUsrMsg").click( => rw.ui.newMsg(un)); // send message $("#RWRBDONEwelcomeUsr").click( => rw.quickTemplate.openSelectPack(un)); // quick template $("#RWRBDONEwarnUsr").click( => rw.ui.beginWarn(false, un, mw.config.get("wgRelevantPageName"), null, null, null, (warnIndex != null ? warnIndex : null))); // Warn User $("#RWRBDONEreportUsr").click( => rw.ui.adminReportSelector(un)); // report to admin

// Now perform default (if set) let rollbackDoneOption = rw.config.rwRollbackDoneOption; if (rollbackDoneOption === "RWRBDONEwarnUsr" && un === rw.info.getUsername) { // warning ourselves rollbackDoneOption = "none"; }       // TODO: && instead of ||? if ((rollbackDoneOption != null) || (rollbackDoneOption !== "none")) $(`#${rollbackDoneOption}`).click;

// Hides other icons and shows the rollback done options and also checks for defaults, also adds click handlers $("#rwRollbackInProgress").fadeOut( => { // fade out - looks smoother           $("#rwRollbackDoneIcons").fadeIn; //show our icons        }); } };

// rw-source: ui.js /** * Most of RedWarn's UI elements and functions that require user input are here. * @class rw.ui */ // Most UI elements // See also dialog.js (dialogEngine) and mdlContainer.js (mdlContainer) rw.ui = {

"beginWarn": (ignoreWarnings, un, pg, customCallback, callback, hideUserInfo, autoSelectReasonIndex, advancedMode) => { // if customCallback = false, callback(templatestr) (rev12) autoSelectReasonIndex(rev13) for quick rollbacks for vandalism ext.. // Give user a warning (show dialog)

// If we're in advanced mode by default if (rw.config.rwWarnUserAdvanced == "enable") advancedMode = true; if (hideUserInfo === true) advancedMode = false; // force off if hiding user info

let autoLevelSelectEnable = (!hideUserInfo) && (rw.userIsNotEC == null) && (rw.config.rwautoLevelSelectDisable != "disable"); // If autolevelselect enabled (always disabled on hideUserInfo options), non-EC always disabled (rw16)

// Let's continue

// Assemble rule listbox let finalListBox = " "; let currentHeading = "";

for (let i in rw.rules) { if (!rw.rules.hasOwnProperty(i)) continue; let rule = rw.rules[i]; // Check if category is different to current heading first if (rule.category != currentHeading) { // Now generate a new heading and section for search to hide finalListBox += ` <div class="rwNoticeCatagoryHead" style="                   text-align: center;                    font-family: Roboto;                    font-weight: 300;                    width: 100%;                    cursor: pointer;                ">${rule.category} `;

// A new heading is needed currentHeading = rule.category; // set to ours for detection }

// Add appropriate list format per config if (rw.config.rwNoticeListByTemplateName != "enable") { // Standard listing by rule description let style = ""; if (rule.name.length > 62) { // Too long to fit style = "font-size:14px"; } // TODO 03/01/2021: finalListBox += ` <li class="mdl-menu__item" data-val="${i}" onmousedown="refreshLevels('${i}');" style="${style}"> ${rule.name} </li> `; // add dataselected if = autoSelectReasonIndex & autoselect is enabled } else { // List by template name let style = ""; if (rule.name.length > 62) { // Too long to fit style = "font-size:14px"; // style here applies to span that will show on hover }               finalListBox += `<li class="mdl-menu__item" data-val="`+ i + `" id="rwTemplateSelect${i}" onmousedown="refreshLevels('${i}');"> ${rule.template} </li> $("#rwTemplateSelect${i}").mouseenter(=>{                   // Mouse has entered the box                    $("#rwTemplateSelect${i}").html(\`<span style="${style}">${rule.name} \`); // set to rule name                }); $("#rwTemplateSelect${i}").mouseleave(=>{                   // Mouse has entered the box                    $("#rwTemplateSelect${i}").html(\`${rule.template} \`); // set to default                }); `;           }        };        finalListBox += ` `; // close final catagory

// Setup preview handling addMessageHandler("generatePreview`*", m => {           rw.info.parseWikitext(m.split("`")[1], parsed => { // Split to Wikitext and send over to the API to be handled dialogEngine.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage({                   "action": "parseWikiTxt",                    "result": parsed                }, '*'); // push to container for handling in dialog and add https:// to stop image breaking });       });

// Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 5000));

// Add admin report handler addMessageHandler("adminR", => rw.ui.adminReportSelector(un));

// Add toggle advanced mode handler (RW16.1) addMessageHandler("advancedToggle", => {            // Close and reopen with same args but toggle advancedMode            dialogEngine.closeDialog( => rw.ui.beginWarn(ignoreWarnings, un, pg, customCallback, callback, hideUserInfo, autoSelectReasonIndex, (advancedMode === true ? false : true)));       });

// Add recent page handelr addMessageHandler("openRecentPageSelector", => rw.ui.recentlyVisitedSelector.showDialog(p => { // Send page back to container dialogEngine.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage({               "action": "recentPage",                "result": p.replace(/_/g, ' ')            }, '*'); }));

// Add submit handler

addMessageHandler("applyNotice`*", eD => {           // i.e applyNotice`user`wikitext`summary            // TODO: maybe b64 encode?            let _eD = eD.split("`"); // params            let user = _eD[1];            let wikiTxt = _eD[2];            let rule = _eD[3];            let template = _eD[4].split("|")[0];            let warningLevel = "N/A";

if ((customCallback == null) || (customCallback == false)) { // if not set // Map warning level (['1', '2', '3', '4', '4im']).forEach(e => {                   if (template.includes(e)) warningLevel = e; // if includes this level, add                });

console.log({ user, wikiTxt, rule, template, warningLevel }); // debug

// MAKE EDIT - summary with warning info let summary = `${({                   "N/A": "Notice:",                    "1": "Note:",                    "2": "Caution:",                    "3": "Warning:",                    "4": "Final Warning:",                    "4im": "ONLY Warning:"                })[warningLevel] } ${rule}`;

// MAKE EDIT rw.info.addWikiTextToUserPage(user, wikiTxt, true, summary); } else { // Send callback callback(wikiTxt); }       });

// Check most recent warning level

rw.info.lastWarningLevel(rw.info.targetUsername(un), (w, usrPgMonth, userPg) => {           const lastWarning = [ // Return HTML for last warning level.                // NO PAST WARNING                `                <span class="material-icons" id="PastWarning" style="cursor:help;position: relative;top: 5px;padding-left: 10px;color:green;">thumb_up                     No notices this month.                `,

// NOTICE `               <span class="material-icons" id="PastWarning" style="cursor:help;position: relative;top: 5px;padding-left: 10px;color:blue;">info Has been given a Level 1 notice this month. `,               // CAUTION `               <span class="material-icons" id="PastWarning" style="cursor:help;position: relative;top: 5px;padding-left: 10px;color:orange;">announcement Has been given a Level 2 caution this month. `,               // Warning- in red. RedWarn, get it? This is the peak of programming humour. `               <span class="material-icons" id="PastWarning" style="cursor:help;position: relative;top: 5px;padding-left: 10px; color:red;">report_problem Has been given a Level 3 warning this month. `,

// Final/Only Warning (dark red) `               <span class="material-icons" id="PastWarning" style="cursor:pointer;position: relative;top: 5px;padding-left: 10px;color:#a20000;" onclick="window.parent.postMessage('adminR');">report Has been given a Level 4 Final or ONLY warning. Click here to report to admins for vandalism. Review user page first. `           ][w];

// CREATE DIALOG // MDL FULLY SUPPORTED HERE (container).

// Advanced mode things here

if (!advancedMode) { // we don't need to do anything else, just open the dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["warnUserDialog.html"]), 500, 630)).showModal; // 500x630 dialog, see warnUserDialog.html for code } else { // This isn't called immediately, collapse and see below const continueFunc = => { // split to allow for the intro dialog // Check we're not warning ourselves if (rw.info.getUsername == rw.info.targetUsername(un)) { rw.ui.confirmDialog(`You cannot warn yourself.`, "OKAY", => dialogEngine.closeDialog, "",  => { }, 0); return; // stop here }

// Show loading dialog as this takes time and CPU rw.ui.loadDialog.show(`                   Looking for past warnings, please wait...                    `, true);

// Get warning info rw.info.warningInfo(rw.info.targetUsername(un), warningInfo => {                       // Generate our list                        let finalWarningHistoryHTML = ``;                        warningInfo.forEach((warning, i) => { //todo finalWarningHistoryHTML += ` ${[ // Return HTML for last warning level. // Reminder `                                   <span class="material-icons" id="WarningHistoryIndicator${i}" style="cursor:help;position: relative;top: 5px;font-size:20px;color:BlueViolet;">error_outline <div class="mdl-tooltip mdl-tooltip--large" for="WarningHistoryIndicator${i}"> Recieved a reminder/policy violation notice ${warning.from} gave ${rw.info.targetUsername(un)} a reminder or policy violation warning for: `,

// NOTICE `                                   <span class="material-icons" id="WarningHistoryIndicator${i}" style="cursor:help;position: relative;top: 5px;font-size:20px;color:blue;">info <div class="mdl-tooltip mdl-tooltip--large" for="WarningHistoryIndicator${i}"> Level 1 notice ${warning.from} gave ${rw.info.targetUsername(un)} level 1 notice for: `,                                   // CAUTION `                                   <span class="material-icons" id="WarningHistoryIndicator${i}" style="cursor:help;position: relative;top: 5px;font-size:20px;color:orange;">announcement <div class="mdl-tooltip mdl-tooltip--large" for="WarningHistoryIndicator${i}"> Level 2 caution ${warning.from} gave ${rw.info.targetUsername(un)} level 2 caution for: `,                                   // Warning- in red. RedWarn, get it? This is the peak of programming humour. `                                   <span class="material-icons" id="WarningHistoryIndicator${i}" style="cursor:help;position: relative;top: 5px;font-size:20px; color:red;">report_problem <div class="mdl-tooltip mdl-tooltip--large" for="WarningHistoryIndicator${i}"> Level 3 warning ${warning.from} gave ${rw.info.targetUsername(un)} level 3 warning for: `,

// Final Warning (dark red) `                                   <span class="material-icons" id="WarningHistoryIndicator${i}" style="cursor:pointer;position: relative;top: 5px;font-size:20px;color:#a20000;" onclick="window.parent.postMessage('adminR');">report <div class="mdl-tooltip mdl-tooltip--large" for="WarningHistoryIndicator${i}"> Level 4 Final warning Click here to report to admins for vandalism. Review user page first. ${warning.from} gave ${rw.info.targetUsername(un)} final warning for: `,

// Only Warning (red) `                                   <span class="material-icons" id="WarningHistoryIndicator${i}" style="cursor:pointer;position: relative;top: 5px;font-size:20px;color:red;" onclick="window.parent.postMessage('adminR');">report <div class="mdl-tooltip mdl-tooltip--large" for="WarningHistoryIndicator${i}"> Level 4 ONLY warning. Click here to report to admins for vandalism. Review user page first. ${warning.from} gave ${rw.info.targetUsername(un)} ONLY warning for: `,

// Unknown `                                   <span class="material-icons" id="WarningHistoryIndicator${i}" style="cursor:help;position: relative;top: 5px;font-size:20px;color:red;">error_outline <div class="mdl-tooltip mdl-tooltip--large" for="WarningHistoryIndicator${i}"> Unknown warning ${warning.from} gave ${rw.info.targetUsername(un)} an unknown warning `                               ][warning.level]

}                           ${warning.rule.name} <span style="                           font-variant: all-petite-caps;                            font-weight: 500;                            font-size: 11px;                            color: #505050;                            ">${new Date(warning.timestamp).toUTCString} ${ // Only show extra buttons if it's recognised, else there will be an error (warning.rule.key != "" ?                                   `- <a href="#" onclick="autoSelect('${warning.rule.key}', ${warning.level});">REUSE</a>`                                    : ``)} `;                       });

// Close loading dialog rw.ui.loadDialog.close;

// Now just show our dialog but bigger, code in warnUserDialog.html handles everything else dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["warnUserDialog.html"]), 800, 630)).showModal; });               };

// Prompt user with the dialog (for freezing issue) if (rw.config.rwWarnUserAdvancedNoteDismissed == null) { rw.ui.confirmDialog(` Advanced Mode Welcome to advanced warning mode! This feature looks through the past 50 user talk page revisions, allowing you to find and restore older warnings, and is useful for problematic editors who may have hidden warnings in the page history. Important: Please be aware that this can take a while to process on longer pages with larger changes, so if the progress bar freezes, please be paitent as RedWarn is still processing in the background.                    `,                        "Got it, thanks",                         => dialogEngine.closeDialog(continueFunc), // continue on close

"Don't show again", => { // write into config that this is the case dialogEngine.closeDialog; rw.config.rwWarnUserAdvancedNoteDismissed = true; rw.info.writeConfig(true, => { }); // save continueFunc; // continue }, 200);               } else continueFunc; // continue if dismissed            }

});

}, // end beginWarn

/**    * Open the "new talk page message" dialog for the specified username *    * @param {string} un Target username * @param {boolean} noRedirect If true, a callback will be used rather than submitting the notice. * @param {string} buttonTxt Text to use instead of default "Send Message" for submit button * @param {function} callback Callback to use if noRedirect is true * @method newMessage * @extends rw.ui    */ "newMsg": (un, noRedirect, buttonTxt, callback) => { // New message dialog // Setup preview handling addMessageHandler("generatePreview`*", m => {           rw.info.parseWikitext(m.split("`")[1], parsed => { // Split to Wikitext and send over to the API to be handled dialogEngine.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage({                   "action": "parseWikiTxt",                    "result": parsed                }, '*'); // push to container for handling in dialog and add https:// to stop image breaking });       });

// Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 15000));

// Add submit handler

addMessageHandler("applyNotice`*", eD => {           // i.e applyNotice`user`wikitext`summary            // TODO: maybe b64 encode?            let _eD = eD.split("`"); // params            let user = _eD[1];            let wikiTxt = _eD[2];            let summary = _eD[3];            if (noRedirect) { // If no redirect, callback                callback(wikiTxt);            } else {                // MAKE EDIT                rw.info.addWikiTextToUserPage(user, wikiTxt, false, summary); // This requires title.            }        });

// CREATE DIALOG // MDL FULLY SUPPORTED HERE (container). dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["newMsg.html"]), 500, 390)).showModal; // 500x390 dialog, see newMsg.html for code },

/**    * Registers the right-click context menu feature for user links. *    * @method registerContextMenu * @extends rw.ui    */ "registerContextMenu": => { // Register context menus for right-click actions // More docs at https://swisnl.github.io/jQuery-contextMenu/demo/trigger-custom.html

// USER TALK ACTIONS - check if not disabled then continue if (rw.config.rwDisableRightClickUser != "disable") { rw.visuals.contextMenuPromise.then( => {               $( => { $('a[href*="User_talk:"], a[href*="User:"], a[href*="Special:Contributions/"]').each((_, e) => {                       // CALLBACK                        let hrefOfSelection = $(e).attr("href"); // href of userpage or contribs                        let url = new URL(hrefOfSelection, window.location.href);                        let pageTitle = (url.searchParams.get("title") || url.pathname .replace(/^\/wiki\//, "") .replace(/\/$/, ""))                           .replace(/_/g, " "); // Get page title from URL                        let targetUsername;

if (pageTitle.startsWith("User:") || pageTitle.startsWith("User talk:")) { if (/^User(?: talk)?:.+\/.+/g.test(pageTitle)) { //subpage return; }                           targetUsername = pageTitle.replace(/^User(?: talk)?:([^\/]+)/g, "$1"); } else { // Avoid popping up if clicking contribs link on contribs page // Might avoid someone from using the normal context menu if (mw.config.get('wgPageName').startsWith("Special:Contributions/")) { return; }

// Contribs link, go split at last slash targetUsername = pageTitle.replace(/^Special:Contributions\/(.+)/g, "$1"); }                       $(e).attr("data-rw-username", targetUsername); });                   // REV15 - only trigger on shift+right-click unless if set in settings - If config is set to "Opt2", to open on right-click set in preferences, set below in trigger                    if (rw.config.rwDisableRightClickUser != "Opt2") {                        $('a[data-rw-username]').on('contextmenu', e => {

// if shift key not down, don't show the context menu. if (!e.shiftKey) return; e.preventDefault; $(e.currentTarget).contextMenu; });                   }

$.contextMenu({                       trigger: (rw.config.rwDisableRightClickUser === "Opt2" ? undefined : 'none'), // if set in options, activate as usual                       selector: 'a[data-rw-username]', // Select all appropriate user links                        callback: (act, info) => {                            // CALLBACK                            let targetUsername = $(info.$trigger[0]).attr("data-rw-username"); // href of userpage or contribs

// Do the action for each action now. ({                               "usrPg": un => redirect(rw.wikiBase + "/wiki/User:" + encodeURIComponent(un), true),  // Open user page in new tab

"tlkPg": un => redirect(rw.wikiBase + "/wiki/User_talk:" + encodeURIComponent(un), true), // Open talk page in new tab

"contribs": un => redirect(rw.wikiBase + "/wiki/Special:Contributions/" + encodeURIComponent(un), true), // Redirect to contribs page in new tab

"accInfo": un => redirect(rw.wikiBase + "/wiki/Special:CentralAuth?target=" + encodeURIComponent(un), true), // Redirect to Special:CentralAuth page in new tab

"sendMsg": un => rw.ui.newMsg(un), // show new msg dialog

"quickWel": un => rw.quickTemplate.openSelectPack(un), // Submit Quick Template

"newNotice": un => rw.ui.beginWarn(false, un), // show new warning dialog

"adminReport": un => rw.ui.adminReportSelector(un),

"usrPronouns": un => { // Show a tost with this users prefered pronouns rw.info.getUserPronouns(un, p => {                                       rw.visuals.toast.show(un + "'s pronouns are " + p, false, false, 3000);                                    }); },

"usrEditCount": un => { // Show a tost with this users prefered pronouns rw.info.getUserEditCount(un, count => {                                       if (count == null) count = "an unknown number of"; // stop undefined message                                        rw.visuals.toast.show(un + " has made " + count + " edits.", false, false, 3000);                                    }); },

"usrStanding": un => { // Show toast with last warning level rw.info.lastWarningLevel(un, level => {                                       rw.visuals.toast.show(un + " has recieved " + [ "no warnings", "a level 1 notice", "a level 2 caution", "a level 3 warning", "a level 4 final or ONLY warning" ][level] + " this month.", false, false, 4000);                                   }); },

"filterLog": un => redirect("https://en.wikipedia.org/w/index.php?title=Special:AbuseLog&wpSearchUser=" + encodeURIComponent(un), true), // Redirect to filter log page in new tab

"blockLog": un => redirect("https://en.wikipedia.org/w/index.php?title=Special:Log/block&page=User:" + encodeURIComponent(un), true), // Redirect to block log page in new tab

"allLog": un => redirect("https://en.wikipedia.org/wiki/Special:Log/" + encodeURIComponent(un), true) // Redirect to filter log page in new tab

})[act](targetUsername.trim);

},                       items: { // TODO: add extra options like logs ext. ext. "usrPg": { name: "User Page" }, "tlkPg": { name: "Talk Page" }, "aAsubmenu": { "name": "Quick Actions", "items": { "sendMsg": { name: "New Message" }, "newNotice": { name: "Warn User" }, "quickWel": { name: "Quick Template" }, "adminReport": { name: "Report to Admin" } }                           },                            "aIsubmenu": { "name": "Account info", "items": { "contribs": { name: "Contributions" }, "accInfo": { name: "Central Auth" }, "usrPronouns": { "name": "Pronouns" }, "usrEditCount": { "name": "Edit Count" }, "usrStanding": { "name": "Highest Warning" }, "filterLog": { name: "Edit Filter Log" }, "blockLog": { name: "Block Log" }, "allLog": { name: "All Logs" } }                           }                        }                    });                });            })        } // END USER ACTIONS CONTEXT MENU

// TODO: add more, like Quick Template options ext.. and right-click on article link to begin rollback ext.

}, // end context menus

/**    * Requests the speedy deletion of a page. Not currently used and will not currently work without adding speedyDeleteReasons.js into build.php *    * @param {string} pg Page name * @method requestSpeedyDelete * @extends rw.ui    */ "requestSpeedyDelete": (pg) => { // Open Speedy Deletion dialog for first selection, i.e I'm requesting the speedy deletion of.. // Programming this is proving to be very boring. // Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 15000));

addMessageHandler("csdR`*", rs => {           // Reason recieved.            let reason = eval(rs.split("`")[1]);            let reasonTitle = reason.title;            let additionalInfoReq = reason.input != ""; // if special info needed            let additionalInfo = "";            if (additionalInfoReq) {                if (rs.split("`")[2] == "undefined") {                    // No reason specified                    additionalInfo = "Not specified.";                } else {                    additionalInfo = rs.split("`")[2]; // set to the additional info                }            }            console.log(`Deleting under: ` + reasonTitle + ` `+ reason.input + additionalInfo + ` (redwarn) `);       });

let finalStr = ``; for (const key in speedyDeleteReasons) { speedyDeleteReasons[key].forEach((e, i) => {               let style = "";                if ((key + e.title).length > 62) {                    // Too long to fit                    style = "font-size:10px;";                }                finalStr += `<li class="mdl-menu__item" data-val='speedyDeleteReasons["` + key + `"][` + i + `]' onmousedown="refreshLevels('speedyDeleteReasons[\\\'` + key + `\\\'][` + i + `]');" style="` + style + `">` + key + e.title + `</li>`;;            }); }       // CREATE DIALOG // MDL FULLY SUPPORTED HERE (container). dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["speedyDeletionp1.html"]), 500, 450)).showModal; // 500x300 dialog, see speedyDeletionp1.html for code },

/**    * Opens RedWarn preferences *    * @method openPreferences * @extends rw.ui    */ "openPreferences": => { // Open Preferences page // Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 15000));

addMessageHandler("config`*", rs => { // On config change           // New config recieved            let config = JSON.parse(deserialize(rs.split("`")[1])); // b64 encoded json string            //Write to our config            for (const key in config) {                if (config.hasOwnProperty(key)) {                    const element = config[key];                    rw.config[key] = element; // add or change value                }            }

// Push change rw.info.writeConfig; });

addMessageHandler("resetConfig", rs => {           // Reset config recieved, set config back to default            rw.info.getConfig( => { }, true); // TRUE HERE MEANS RESET TO DEAULT        });

addMessageHandler("resyncWarnings", rs => {           // Resync warning database            dialogEngine.closeDialog( => { rw.ui.loadDialog.show("Syncing warning database..."); rw.rulesFunc.resync( => {                   rw.ui.loadDialog.close;                    rw.ui.openPreferences;                }); });       });

// Add install quick template handler addMessageHandler("installQTP", => {            // Show warning and confirm            rw.ui.confirmDialog(` WARNING: Only install packs from users you trust. Installing a quick template pack gives the installer full access to your account to write to RedWarn's config files. To install, click "install from pack code" and paste the code into the browser dialog that appears. `, "Install from pack code", => { // Time to install importScript(rw.quickTemplate.packCodeToPageName(prompt("Please enter the pack code, then click OK to install:"))); // using mediawiki importscript which does it from pagename },               "CANCEL",  => dialogEngine.closeDialog, 98);        });

// Add new QTPack handler addMessageHandler("newQTP", => rw.quickTemplate.newPack);

// Add load new theme handler addMessageHandler("newThemeDialog", => rw.ui.loadDialog.show("Changing theme...")); addMessageHandler("loadDialogClose", => rw.ui.loadDialog.close);

// Lock scrolling dialogEngine.freezeScrolling;

// Open preferences page with no padding, full screen dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["preferences.html"]), window.innerWidth, window.innerHeight, true), true).showModal; // TRUE HERE MEANS NO PADDING. },

/**    * Opens the AIV report dialog *    * @param {string} un Username to report * @param {boolean} doNotShowDialog If set to true, will be set to just generate slim HTMl and handlers * @method openAdminReport * @extends rw.ui    */ "openAdminReport": (un, doNotShowDialog) => { // Open admin report dialog // Setup AIV page for development or production const aivPage = (rw.debugMenu == null ? "Wikipedia:Administrator_intervention_against_vandalism" : "User:Chlod/playground");

// Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 2500));

// On report addMessageHandler("AIVreport`*", m => {           let reportContent = m.split('`')[1]; // report content            let target = m.split('`')[2]; // target username            let targetIsIP = rw.info.isUserAnon(target); // is the target an IP? (2 different types of reports)            console.log("reporting " + target + ": " + reportContent);            console.log("is ip? " + (targetIsIP ? "yes" : "no"));            rw.visuals.toast.show("Reporting " + target + "...", false, false, 2000); // show toast            // Submit the report.            $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + aivPage + "&rvslots=*&rvprop=content&formatversion=2&format=json", latestR => { // Grab text from latest revision of AIV page // Check if exists let revisionWikitext = latestR.query.pages[0].revisions[0].slots.main.content; // Set wikitext if (revisionWikitext.toLowerCase.includes(target.toLowerCase)) {// If report is already there rw.visuals.toast.show("This user has already been reported.", false, false, 5000); // show already reported toast return; // Exit }

// Let's continue // We don't need to do anything special. Just shove our report at the bottom of the page, although, may be advisiable to change this if ARV format changes let textToAdd = "*" + (targetIsIP ? "{{IPvandal|" : "{{vandal|") + target + "}} " + reportContent; // DANGER! WIKITEXT (here is fine. be careful w changes.) - if target IP give correct template, else normal let finalTxt = revisionWikitext + "\n" + textToAdd + "\n"; // compile final string // Now we just submit $.post(rw.wikiAPI, {                   "action": "edit",                    "format": "json",                    "token": mw.user.tokens.get("csrfToken"),                    "title": aivPage,                    "summary": `Reporting ${target} (RW ${rw.version})`, // summary sign here                    "text": finalTxt,                    "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia               }).done(dt => {                    // We done. Check for errors, then callback appropriately                    if (!dt.edit) {                        // Error occured or other issue                        console.error(dt);                        dialogEngine.dialog.showModal; // reshow dialog                        rw.visuals.toast.show("Sorry, there was an error, likely an edit conflict. Try reporting again."); // That's it                    } else {                        // Success! No need to do anything else.                        rw.visuals.toast.show("User reported.", false, false, 5000); // we done                    }                }); });       }); // END ON REPORT EVENT

// Check matching user if (rw.info.targetUsername(un) == rw.info.getUsername) { // Usernames are the same, give toast. if (doNotShowDialog !== true) rw.visuals.toast.show("You can not report yourself, nor can you test this feature except in a genuine case.", false, false, 7500); return `Sorry, you cannot report yourself, nor can you test this feature except in a genuine case.`; // DO NOT continue. }

const dialogContent = eval(rw_includes["adminReport.html"]);

// Push a message if report has already been made $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + aivPage + "&rvslots=*&rvprop=content&formatversion=2&format=json", latestR => {           // Grab text from latest revision of AIV page            // Check if exists            let revisionWikitext = latestR.query.pages[0].revisions[0].slots.main.content; // Set wikitext            if (revisionWikitext.toLowerCase.includes(rw.info.targetUsername(un).replace(/_/g, ' ').toLowerCase)) {// If report is already there                setTimeout( => dialogEngine.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage("AIVReportExist"), 500); // let dialog know after 500ms to allow dialog to open            }        });

if (doNotShowDialog !== true) { // See adminReport.html for code dialogEngine.create(mdlContainers.generateContainer(dialogContent, 500, 410)).showModal; } else { // Return the code for use elsewhere return dialogContent; }   },

/**    * Opens a confirmation dialog with one or two buttons *    * @param {string} content Dialog content * @param {string} pBtnTxt Primary button text * @param {function} pBtnClick Callback when primary button clicked * @param {string} sBtnTxt Secondary button text (Will not show if empty) * @param {function} sBtnClick Secondary button callback * @param {number} extraHeight Extra height to add to the dialog in pixels * @param {boolean} noExtraLines Removes line breaks from the dialog * @method confirmDialog * @extends rw.ui    */ "confirmDialog": (content, pBtnTxt, pBtnClick, sBtnTxt, sBtnClick, extraHeight, noExtraLines) => { // noExtraLines removes the tags // Confirm dialog (yes, no, ext...) addMessageHandler("sBtn", sBtnClick); addMessageHandler("pBtn", pBtnClick); dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["confirmDialog.html"]), 500, 80 + extraHeight)).showModal; },

/**    * Shows the feedback dialog to leave bug reports and feedback *    * @param {string} extraInfo * @method reportBug * @extends rw.ui    */ "reportBug": extraInfo => { // Open feedback dialog, basically same as newmsg // Setup preview handling addMessageHandler("generatePreview`*", m => {           rw.info.parseWikitext(m.split("`")[1], parsed => { // Split to Wikitext and send over to the API to be handled dialogEngine.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage({                   "action": "parseWikiTxt",                    "result": parsed                }, '*'); // push to container for handling in dialog and add https:// to stop image breaking });       });

// Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 15000));

// Add submit handler

addMessageHandler("applyNotice`*", eD => {           // i.e applyNotice`user`wikitext`summary            // TODO: maybe b64 encode?            let _eD = eD.split("`"); // params            let user = _eD[1];            let wikiTxt = _eD[2];            let summary = _eD[3];            // MAKE EDIT            rw.info.addWikiTextToUserPage(user, wikiTxt, true, summary); // Save under date        });

// CREATE DIALOG // MDL FULLY SUPPORTED HERE (container). dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["sendFeedback.html"]), 500, 390)).showModal; // 500x390 dialog, see sendFeedback.html for code },

/**    * Opens the administrator report venue selector for the specified username *    * @param {string} un Username to report * @method adminReportSelector * @extends rw.ui    */ "adminReportSelector": un => { // DON'T FORGET TO USE un ATTR! un = rw.info.targetUsername(un); // get target // Handle events addMessageHandler("openAIV", => rw.ui.openAdminReport(un)); // AIV report addMessageHandler("openUAA", => rw.ui.beginUAAReport(un)); // UAA report

// Open the admin report selector dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["adminReportSelector.html"]), 250, 280)).showModal; },

/**    * Opens the UAA report dialog for a specified user *    * @param {string} un Username to report * @param {boolean} htmlOnly For expanding elements, adds handlers but returns HTML * @method beginUAAReport * @extends rw.ui    */ "beginUAAReport": (un, htmlOnly) => { // Report to UAA

// Check if IP - if so, exit if (rw.info.isUserAnon(un)) { if (htmlOnly) return "As IPs don't have usernames, you can't report them to UAA."; rw.ui.confirmDialog("As IPs don't have usernames, you can't report them to UAA.", "OKAY", => dialogEngine.closeDialog, "",  => { }, 0); return; // stop }

const uaaPage = (rw.debugMenu == null ? "Wikipedia:Usernames_for_administrator_attention" : "User:Chlod/playground"); // set UAA based on debug mode

// Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 2500));

// On report addMessageHandler("UAA`*", m => {           let reportContent = m.split('`')[1]; // report content            let target = m.split('`')[2]; // target username            console.log("reporting " + target + ": " + reportContent);            rw.visuals.toast.show("Reporting " + target + "...", false, false, 2000); // show toast            // Submit the report. MUST REPLACE WITH REAL AIV WHEN DONE AND WITH SANDBOX IN DEV!

$.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + uaaPage + "&rvslots=*&rvprop=content&formatversion=2&format=json", latestR => {               // Grab text from latest revision of AIV page                // Check if exists                let revisionWikitext = latestR.query.pages[0].revisions[0].slots.main.content; // Set wikitext                if (revisionWikitext.toLowerCase.includes(target.toLowerCase)) {// If report is already there                    rw.visuals.toast.show("This user has already been reported.", false, false, 5000); // show already reported toast                    return; // Exit                }

// Let's continue // We don't need to do anything special. Just shove our report at the bottom of the page, although, may be advisiable to change this if ARV format changes let textToAdd = "*" + " – " + reportContent; // DANGER! WIKITEXT (here is fine. be careful w changes.) - if target IP give correct template, else normal let finalTxt = revisionWikitext + "\n" + textToAdd + "\n"; // compile final string // Now we just submit $.post(rw.wikiAPI, {                   "action": "edit",                    "format": "json",                    "token": mw.user.tokens.get("csrfToken"),                    "title": uaaPage,                    "summary": `Reporting ${target} (RW ${rw.version})`, // summary sign here                    "text": finalTxt,                    "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia               }).done(dt => {                    // We done. Check for errors, then callback appropriately                    if (!dt.edit) {                        // Error occured or other issue                        console.error(dt);                        dialogEngine.dialog.showModal; // reshow dialog                        rw.visuals.toast.show("Sorry, there was an error, likely an edit conflict. Try reporting again."); // That's it                    } else {                        // Success! No need to do anything else.                        rw.visuals.toast.show("User reported.", false, false, 5000); // we done                    }                }); });       }); // END ON REPORT EVENT

// Check matching user if (rw.info.targetUsername(un) == rw.info.getUsername) { // If HTML only if (htmlOnly) return `You can not report yourself, nor can you test this feature except in a genuine case.`;

// Usernames are the same, give toast. rw.visuals.toast.show("You can not report yourself, nor can you test this feature except in a genuine case.", false, false, 7500); return; // DO NOT continue. }

const dialogContent = eval(rw_includes["uaaReport.html"]);

// Push a message if report has already been made $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles=" + uaaPage + "&rvslots=*&rvprop=content&formatversion=2&format=json", latestR => {           // Grab text from latest revision of AIV page            // Check if exists            let revisionWikitext = latestR.query.pages[0].revisions[0].slots.main.content; // Set wikitext            if (revisionWikitext.toLowerCase.includes(rw.info.targetUsername(un).replace(/_/g, ' ').toLowerCase)) {// If report is already there                setTimeout( => dialogEngine.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage("UAAReportExist"), 500); // let dialog know after 500ms to allow dialog to open            }        });

if (htmlOnly) return dialogContent; // return dialog if HTMl only

// See uaaReport.html for code dialogEngine.create(mdlContainers.generateContainer(dialogContent, 500, 410)).showModal; },

/**    * Opens extended options that can be opened from any page (preferences, oversight and TAS reporting) * @param {string} un Username for reports. Can also be revision ID (todo) * @method openExtendedOptionsDialog * @extends rw.ui    */ "openExtendedOptionsDialog": un => { rw.ui.loadDialog.show("Please wait..."); // Get email info before loading and showing dialog (for OS and TAS reporting) $.getJSON(rw.wikiAPI + "?action=query&meta=userinfo&uiprop=email&format=json", r => {

// HTML for tabs

// USER THINGS ONLY - try and catch as will error out on non-user pages let adminReportContent = eval(rw_includes["genericError.html"]); // placeholder try { adminReportContent = rw.ui.openAdminReport(null, true); // this sets up our handlers and generates the appropraite HTML } catch (e) { console.log(e); adminReportContent += ` ${e} `; }

// UAA report let uaaReportContent = eval(rw_includes["genericError.html"]); // placeholder try { uaaReportContent = rw.ui.beginUAAReport(rw.info.targetUsername, true); // this sets up our handlers and generates the appropraite HTML } catch (e) { console.log(e); uaaReportContent += ` ${e} `; }

// Event handlers addMessageHandler("redwarnPref", => dialogEngine.closeDialog( => rw.ui.openPreferences)); // open preferences for button press addMessageHandler("redwarnTalk", => redirect("https://en.wikipedia.org/wiki/Wikipedia_talk:RedWarn", true));

// Email to TAS THIS IS LIVE!! addMessageHandler("TASEmail`*", e => dialogEngine.closeDialog( => rw.info.sendEmail("Emergency", deserialize(e.split("`")[1]))));

// Email to OS - THESE ARE LIVE addMessageHandler("OSEmail`*", e => dialogEngine.closeDialog( => rw.info.sendEmail("Oversight", deserialize(e.split("`")[1]))));

const isUserPage = mw.config.get("wgRelevantPageName").includes("User:") || mw.config.get("wgRelevantPageName").includes("User_talk:"); const isOnRevPage = window.location.href.includes("diff=") || window.location.href.includes("oldid="); // for reporting revisions

let rollbackOptsHTML = ""; // Generate rollback options if on rev page if (isOnRevPage) rollbackOptsHTML = rw.rollback.getDisabledHTMLandHandlers; // generates our HTML and all assosicated handlers for us

// Email information for TAS and OS reports const emailInfo = r.query.userinfo;

// Close loading dialog# rw.ui.loadDialog.close;

// Make dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["extendedOptions.html"]), 500, 500)).showModal; // todo: also shrink more when not on user page or revision page });

},

// For things that send details to the RedWarn team - NOT USED OR SET UP ATM, for later use. "acceptLegalPolicyDialog": callback => { const legalPol = eval(rw_includes["legalPolicy.html"]);

rw.ui.confirmDialog(`       This feature may share personal information with the RedWarn team. Please accept our legal and privacy policies to continue.        ${legalPol}        `, "ACCEPT",  => { }, "DECLINE",  => dialogEngine.closeDialog, 400); },

// CLASSES from here

/**    * A static loading dialog while processes occur. Seperate from dialogEngine. * @class rw.ui.loadDialog */   "loadDialog": { // Loading dialog "hasInit": false, "init": (text, biggerStyle) => { if (!rw.ui.loadDialog.hasInit) { // Only continue if we haven't already appended our container div $("body").append(`               `); }           $("#rwUILoad").html(`            <dialog class="mdl-dialog" id="rwUILoadDialog" style="border-radius: 7px;">                ${mdlContainers.generateContainer(eval(rw_includes["loadingSpinner.html"]), (biggerStyle ? 400 : 300), (biggerStyle ? 60 : 30))}            `); // Create dialog with content from loadingSpinner.html

rw.ui.loadDialog.dialog = document.querySelector('#rwUILoadDialog'); // set dialog var

// Firefox issue fix if (!rw.ui.loadDialog.dialog.showModal) { dialogPolyfill.registerDialog(rw.ui.loadDialog.dialog); }

rw.ui.loadDialog.hasInit = true; },

/**        * Opens a loading dialog with the given text *        * @param {string} text * @param {boolean} biggerStyle - a diffferent larger style with a vertical progress bar * @method show * @extends rw.ui.loadDialog */       "show": (text, biggerStyle) => { // Init and create a new loading dialog rw.ui.loadDialog.init(text, biggerStyle); // init rw.ui.loadDialog.setText(text); // set our text // Show dialog rw.ui.loadDialog.dialog.showModal; // We done },

/**        * Changes the text of the current loading dialog *        * @param {string} text * @method setText * @extends rw.ui.loadDialog */       "setText": text => $("#rwUILoadDialog > iframe")[0].contentWindow.postMessage(text, '*'), // Set text of loading by just sending the message to the container

/**        * Closes the current loading dialog *        * @method close * @extends rw.ui.loadDialog */       "close":  => { // Close the dialog and animate $("#rwUILoadDialog") .addClass("closeAnimate") .on("webkitAnimationEnd", => {                    // Animation finished                    rw.ui.loadDialog.dialog.close;                }); }   },

/**    * A dialog used to select a page from a users 20 recently visited pages *    * @class rw.ui.recentlyVisitedSelector */   "recentlyVisitedSelector": { // Used to select recently visited page from a dropdown dialog "dialog": null, "init": content => { if ($("#rwRecentVistedSelectContainer").length < 1) { // container hasn't already been init $("body").append(`               `); }           // let's continue $("#rwRecentVistedSelectContainer").html(`           <dialog class="mdl-dialog" id="rwUIRVisDialog">                ` + content + `            `);

rw.ui.recentlyVisitedSelector.dialog = document.querySelector('#rwUIRVisDialog'); // set dialog var

// Firefox issue fix if (!rw.ui.recentlyVisitedSelector.dialog.showModal) { dialogPolyfill.registerDialog(rw.ui.recentlyVisitedSelector.dialog); }       },

/**        * Shows the selection dialog and calls back when user has made their selection *        * @param {function} callback callback(selectedPageTitle) * @method showDialog * @extends rw.ui.recentlyVisitedSelector */       "showDialog": callback => { // Show dialog and callback(selected article) // Assemble revent visits listbox let recentlyVisited = JSON.parse(window.localStorage.rwRecentlyVisited);

// Check if empty, if so, show dialog and exit if ((recentlyVisited == null) || (recentlyVisited.length < 1)) { rw.ui.confirmDialog("There are no recent pages to show.", "OKAY", => dialogEngine.closeDialog, "",  => { }, 0); return; //exit, don't callback as not complete }

// Let's continue let finalRVList = ""; recentlyVisited.forEach((page, i) => {               finalRVList += `                <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="spI${i}">                    <input type="radio" id="spI${i}" class="mdl-radio__button" name="selectedPageIndex" value="${i}">                    <span class="mdl-radio__label">${page.replace(/_/g, ' ')}                 `;            });

// Add close handler addMessageHandler("closeRecentPageDialog", => rw.ui.recentlyVisitedSelector.close);

// Add continue handler addMessageHandler("RecentPageDialogSel`*", m => {               let selectedI = m.split("`")[1];                callback(recentlyVisited[selectedI]); // send callback            });

// Now show dialog rw.ui.recentlyVisitedSelector.init(mdlContainers.generateContainer(eval(rw_includes["recentPageSelect.html"]), 420, 500)); // 420 hahahaha rw.ui.recentlyVisitedSelector.dialog.showModal; },

/**        * Closes the currently open dialog *        * @method close * @extends rw.ui.recentlyVisitedSelector */       "close":  => { // Close dialog $(rw.ui.recentlyVisitedSelector.dialog) .addClass("closeAnimate") .on("webkitAnimationEnd", => {                    // Animation finished                    rw.ui.recentlyVisitedSelector.dialog.close;                }); }   } }

// rw-source: pendingChanges.js /** * RedWarn's pending changes review feature * @class rw.PendingChangesReview */ rw.PendingChangesReview = { /**    * If on a review page, and user in "reviewer" group, this initalies review controls *    * @method reviewPage * @extends rw.PendingChangesReview */   "reviewPage" : => { // Check config if disabled if (rw.config.rwDisablePendingChanges == "disable") return; // if disabled, exit // Pending changes buttons and warning (ONLY on review pages) if (($("#mw-fr-reviewform").length > 0) && !($("#mw-fr-reviewformlegend").text.includes("Re-review"))) { rw.info.featureRestrictPermissionLevel("reviewer", =>{ // Restrict to pending changes reviewers               // Add to accept header                $('.flaggedrevs_reviewform').prepend(` done Accept these changes close Revert changes `);               // Hide original review box                $(".fr-rating-controls").hide;                // Handlers                // ON ACCEPT                let acceptHandler = =>{                    // When accept button clicked.                    rw.PendingChangesReview.confirmLatestRev(=>{ rw.PendingChangesReview.getPendingChangesUsers((usr, count, users, userCount)=>{

// SUBMIT HANDLER, SCROLL DOWN FOR DIALOG addMessageHandler("reason`*", reasonIn=> {                               let comment = reasonIn.split("`")[1]; // params                                // Time to submit 302 success, 200 FAIL                                rw.ui.loadDialog.show("Accepting...");                                $.ajax({ url : 'https://en.wikipedia.org/w/index.php?title=Special:RevisionReview&action=submit', type : 'post', data : { "action": "approve", "title": "Special:RevisionReview", "wpApprove" : 1, "target" : mw.config.get("wgRelevantPageName"), "wpEditToken" : mw.user.tokens.get("csrfToken"), "refid" : $("#mw-fr-input-refid").attr("value"), "oldid" : $("#mw-fr-input-oldid").attr("value"), "changetime" : $("#mw-fr-input-changetime").attr("value"), "userreviewing" : $("#mw-fr-input-reviewing").attr("value"), "templateParams": "", "imageParams": "", "fileVersion": "", "validatedParams": $('input[name ="validatedParams"]').attr("value"), "wpReason" : comment + " (RW "+ rw.version + ")", "wpSubmit": "Accept revision" }}).done((r, sT, x)=>{ // TODO: ADD AUTOWARNING, DETECT CHANGE AND OTHER rw.ui.loadDialog.close; // Review response (this gens a new dom thing then we get the content text and error in first p), get response of 302 or 200 with below else error //'''Revision of <a href="/wiki/Joel_Osteen" title="Joel Osteen">Joel Osteen</a> flagged. (<a class="external text" href="https://en.wikipedia.org/w/index.php?title=Special:ReviewedVersions&amp;page=Joel_Osteen">view reviewed versions</a>)''' if (x.status == 200){ // We done :)                                       let parser = new DOMParser;                                        let el = parser.parseFromString(r, 'text/html');                                        let resultStr = el.getElementById("mw-content-text").getElementsByTagName("p")[0].innerText;                                        if (resultStr.includes("Revision of") && resultStr.includes("flagged")) {                                            // Success!                                            // Reload the page with tags                                            rw.ui.loadDialog.show("Reloading...");                                            window.location.hash = "#rwPendingAccept";                                            window.location.reload;                                        } else {                                            // Probably error rw.visuals.toast.show("Sorry, an error occured and your review has not been submitted.", false, false, 5000); }                                   } else { // Error rw.visuals.toast.show("Sorry, an error occured and your review has not been submitted.", false, false, 5000); }                               });                            });                            // SHOW DIALOG let reviewAction = "Accept "+ count +" Revision"+ ((count > 1) ? "s" : ""); // i.e accept 1 revision / accept 2 revisions let reviewCaption = ` You are about to accept `+ count +` edit`+ ((count > 1) ? "s" : "") + ` by `+ userCount +` user`+ ((userCount > 1) ? "s" : "") + ` Enter an optional comment, then confirm your review by clicking 'Submit Review' or by pressing ENTER.`; let autoAccept = rw.config.rwDisableReviewAutoAccept != "disable" ? "true" : "false"; dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["pendingReviewReason.html"]), 500, 350)).showModal; });                   });                };                $("#rReviewAccept").click(acceptHandler); // END ACCEPT

// ON DENY

let denyHandler = =>{ // When DENY button clicked. rw.PendingChangesReview.confirmLatestRev(=>{                       rw.PendingChangesReview.getPendingChangesUsers((usr, count, users, userCount)=>{ addMessageHandler("reason`*", reasonIn=> { // ON REASON RECIEVED                               // Generate revert string                                let revertString = "Reverting "+ count +" pending edit"+ ((count > 1) ? "s" : "") + " by ";                               // Build list of users (feeding in object keys)                                revertString += (a=>{ a.forEach((v,i)=>{ // Wrap contribs link around usernammes                                       a[i] = ""+ v +"";                                    }); // Build x, y and z list a.length == 1 ? a[0] : [ a.slice(0, a.length - 1).join(", "), a[a.length - 1] ].join(" and "); return a;                               })(Object.keys(users));                                revertString += " to last accepted version by "+ usr +"";

let comment = reasonIn.split("`")[1]; // params rw.ui.loadDialog.show("Reverting..."); $.ajax({                                   url  : 'https://en.wikipedia.org/w/index.php?title=Special:RevisionReview&action=submit',                                    type : 'post',                                    data : { // send request (reversed from form)                                    "action": "reject",                                    "title": "Special:RevisionReview",                                    "wpReject" : 1,                                    "wpRejectConfirm" : 1,                                    "target" : mw.config.get("wgRelevantPageName"),                                    "wpEditToken" : mw.user.tokens.get("csrfToken"),                                    "refid" : $("#mw-fr-input-refid").attr("value"),                                    "oldid" : $("#mw-fr-input-oldid").attr("value"),                                    "changetime" : $("#mw-fr-input-changetime").attr("value"), "userreviewing" : $("#mw-fr-input-reviewing").attr("value"), "templateParams": "", "imageParams": "", "fileVersion": "", "validatedParams": $('input[name ="validatedParams"]').attr("value"), "wpReason" : revertString+ (comment.length > 0 ? ": "+ comment : "") + " (RW "+ rw.version + ")", "wpSubmit": "Revert these changes" }}).done((r,sT,x)=>{ // Cannot reject these changes because someone already accepted some (or all) of the edits. rw.ui.loadDialog.close; let successHandler = =>{ // On success if (rw.config.rwPendingMATDisable != "disable") rw.multiAct.open(users); // open MAT if not disabled in config };                                   if (x.status == 302) { // Redirect, so success! dialogEngine.closeDialog; successHandler; } else { // Oops, likely error (DENY ONLY) let parser = new DOMParser; let el = parser.parseFromString(r, 'text/html'); let resultStr = el.getElementById("mw-content-text").getElementsByTagName("p")[0].innerHTML; if (resultStr.includes("Cannot reject these changes because someone already accepted some (or all) of the edits")) { // Show the issue rw.PendingChangesReview.confirmLatestRev(=>successHandler, true); // true here note a different wording } else if (r.toLowerCase.includes("internal error")) { rw.visuals.toast.show("Sorry, an error occured and your review has not been submitted"); } else { // Likely success successHandler; }

}                               });                            });

let reviewAction = "Revert "+ count +" Revision"+ ((count > 1) ? "s" : ""); let reviewCaption = ` You are about to revert `+ count +` edit`+ ((count > 1) ? "s" : "") + ` by `+ userCount +` user`+ ((userCount > 1) ? "s" : "") + ` If you are not reverting vandalism, please enter a summary for the revert. Confirm your review by clicking 'Submit Review' or by pressing ENTER. `;                           let autoAccept = rw.config.rwEnableReviewAutoRevert == "enable" ? "true" : "false"; dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["pendingReviewReason.html"]), 500, 350)).showModal; });                   });                };

$("#rReviewDeny").click(denyHandler);

// END DENY }, =>{});       } else if (($("#mw-fr-reviewform").length > 0) && ($("#mw-fr-reviewformlegend").text.includes("Re-review"))) {            // Re-review page, all here is just unaccept            // Add to accept header            $('.flaggedrevs_reviewform').prepend(` close Unaccept changes `);           // Hide original review box            $(".fr-rating-controls").hide;            // Handlers            $("#rReviewUnAccept").click(=>{ addMessageHandler("reason`*", reasonIn=> { // ON REASON RECIEVED                    // Dumbest one of all, just send, reload and hope for the best                    let comment = reasonIn.split("`")[1];                    rw.ui.loadDialog.show("Unaccepting...");                    $.post("https://en.wikipedia.org/w/index.php?title=Special:RevisionReview&action=submit", { "action": "submit", "title": "Special:RevisionReview", "wpUnapprove" : 1, "target" : mw.config.get("wgRelevantPageName"), "wpEditToken" : mw.user.tokens.get("csrfToken"), "refid" : $("#mw-fr-input-refid").attr("value"), "oldid" : $("#mw-fr-input-oldid").attr("value"), "changetime" : $("#mw-fr-input-changetime").attr("value"), "userreviewing" : $("#mw-fr-input-reviewing").attr("value"), "templateParams": "", "imageParams": "", "fileVersion": "", "validatedParams": $('input[name ="validatedParams"]').attr("value"), "wpReason" : "Unapproving"+ (comment.length > 0 ? ": "+ comment : "") + " (RW "+ rw.version + ")", "wpSubmit": "Unaccept revision" }).done(r=>{ window.location.hash = "#rwReviewUnaccept"; window.location.reload; });               });

let reviewAction = "Unaccept Revision"; let reviewCaption = ` You are about to unaccept this revision. If you are not reverting vandalism, please enter a summary for the revert. Confirm your review by clicking 'Submit Review' or by pressing ENTER. `;               let autoAccept = rw.config.rwEnableReviewAutoRevert == "enable" ? "true" : "false"; dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["pendingReviewReason.html"]), 500, 350)).showModal;

});       }    }, // end init

/**    * Confirm that we are still confirming this revision - if not, the user will be prompted whether they still wish to initate the callback. *    * @param {function} callback * @param {boolean} isFailedRevert Whether or not this function was initiated via a failed revert for a different dialog wording. * @method confirmLatestRev * @extends rw.PendingChangesReview */   "confirmLatestRev" : (callback, isFailedRevert)=> { // Verify that this confirm is the latest revision $.getJSON("https://en.wikipedia.org/w/api.php?action=query&prop=revisions&titles="+ encodeURIComponent(mw.config.get("wgRelevantPageName")) +"&rvslots=*&rvprop=ids%7Cuser%7Ccomment&formatversion=2&format=json", r=>{           // We got the response            let latestRId = r.query.pages[0].revisions[0].revid;            let parentRId = r.query.pages[0].revisions[0].parentid;            let latestUsername = r.query.pages[0].revisions[0].user;            let latestComment = r.query.pages[0].revisions[0].comment;            // Get restore ID from right side review            if ($('#mw-diff-ntitle1 > strong > a').attr('href').split('&')[1].split('=')[1] == latestRId) {callback;} else { // If latest revision send callback else show dialog                rw.ui.confirmDialog(` `+ (!isFailedRevert ? `This is not the latest revision and may have been reverted by another reviewer.` :                   `This edit could not be reverted as another editor has reverted it.`) +` Would you like to review the latest revision`+ (isFailedRevert ? " or continue to the multiple action screen anyway" : "") +`? Latest revision by `+ latestUsername +`: `+ latestComment +` `,               "GO TO LATEST REVISION", =>{ dialogEngine.closeDialog; rw.ui.loadDialog.show("Redirecting..."); // Redirect to latest version redirect("https://en.wikipedia.org/w/index.php?title="+ encodeURIComponent(mw.config.get("wgRelevantPageName")) +"&diff="+ latestRId +"&oldid="+ parentRId +"&diffmode=source#redirectLatestRevision"); },               "CONTINUE ANYWAY", =>{ dialogEngine.closeDialog; callback; }, isFailedRevert? 135 : 115); // continue anyway: close and callback           }        }); },

/**    * Calls back with the past 10 users who have had pending edits *    * @param {function} callback callback(lastAcceptedUser, countofEdits, rwMultiActuserObject, userCount) * @method getPendingChangesUsers * @extends rw.PendingChangesReview */   "getPendingChangesUsers" : callback=> { // CALLBACK(last accepted usr, count, obj, userCount) // Get all revisions between last accepted and this one $.getJSON("https://en.wikipedia.org/w/api.php?action=query&prop=revisions&format=json&titles="+                   mw.config.get("wgRelevantPageName")+"&rvprop=ids%7Cuser%7Ccomment&rvstartid="+                    $("#mw-fr-input-oldid").attr("value")+"&rvendid="+$("#mw-fr-input-refid").attr("value"),        r=>{            // Done            let revs = Object.values(r.query.pages)[0].revisions            let lastAcceptedUser = revs.pop.user; // Remove & Return Last item as is the last accepted - Remove last user as not pending            let userObj = {};            let editCount = 0;            let userCount = 0;            revs.forEach(rev=>{ // For each revision let user = rev.user; // Summary - revID: summary (click revid to open diff in new tab) let summary = "<a target='_blank' href='https://en.wikipedia.org/w/index.php?title="+ encodeURIComponent(mw.config.get("wgRelevantPageName")) +"&diff="+ rev.revid +"&oldid="+ rev.parentid +"&diffmode=source'>"+ rev.revid +"</a>: " + rev.comment; // If user not in userObj, add if (!(user in userObj)) { userObj[user] = { "edits" : 0, "summaries": [] };                   userCount += 1; };

// Now add our info userObj[user].edits += 1; userObj[user].summaries.push(summary); editCount += 1; });           // We're done. Callback            callback(lastAcceptedUser, editCount, userObj, userCount);        }); } } // rw-source: multiAct.js /** * RedWarn's multiple action tool * @class rw.multiAct */ rw.multiAct = { // Multi action screen /**    * Initalise the multiple action tool buttons on a revision history page * @method initHistoryPage * @extends rw.multiAct */   "initHistoryPage" : => { // If on history page, add button to mass warn between edits if(window.location.href.includes("/index.php?title=") && window.location.href.includes("&action=history")) { // On history page, add button $(".mw-history-compareselectedversions").append(`           <button class="mw-ui-button rwMAThist">Use the Multiple Action Tool between selected revisions             `); // Result handler let userObj = {}; let editCount = 0; let userCount = 0; let resultHandler = r=>{ // Done console.log(r); let revs = Object.values(r.query.pages)[0].revisions revs.forEach(rev=>{ // For each revision                   let user = rev.user;                    // Summary - revID: summary (click revid to open diff in new tab)                    let summary = "<a target='_blank' href='https://en.wikipedia.org/w/index.php?title="+ encodeURIComponent(mw.config.get("wgRelevantPageName"))                                    +"&diff="+ rev.revid +"&oldid="+ rev.parentid +"&diffmode=source'>"+ rev.revid +"</a>: " +                                    ((rev.comment != null && rev.comment.length > 0) ? rev.comment : "No summary provided");                    // If user not in userObj, add                    if (!(user in userObj)) {                        userObj[user] = {                            "edits" : 0,                            "summaries": []                        };                        userCount += 1;                    };

// Now add our info userObj[user].edits += 1; userObj[user].summaries.push(summary); editCount += 1; });               // Check if continue                if (r.continue != null) {                    // Still more to do, so resubmit                    let latestID = $('#mw-history-compare').find('input[name="diff"]:checked').val;                     let oldestID = $('#mw-history-compare').find('input[name="oldid"]:checked').val;                     $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&format=json&titles="+ mw.config.get("wgRelevantPageName")+"&rvprop=ids%7Cuser%7Ccomment&rvstartid="+ latestID+"&rvendid="+oldestID + "&rvcontinue="+ r.continue.rvcontinue, resultHandler); // continueee               } else {                    // We're done.                    rw.ui.loadDialog.close; // close load dialog                    rw.multiAct.open(userObj); // open with userobj                    userObj = {}; // clear to prevent 1 edit... 2 edits.. 3 edits ext.                }            }

$(".rwMAThist").click(e=>{ // On click handler - don't use ID as there are two buttons               e.preventDefault; // stop the default redirect                rw.ui.loadDialog.show("Please wait..."); // Show loading dialog                // Load all revisions between oldid and diff - remember we are checking between this range                let latestID = $('#mw-history-compare').find('input[name="diff"]:checked').val;                 let oldestID = $('#mw-history-compare').find('input[name="oldid"]:checked').val;                 // Get all revisions                 $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&format=json&titles="+ mw.config.get("wgRelevantPageName")+"&rvprop=ids%7Cuser%7Ccomment&rvstartid="+ latestID+"&rvendid="+oldestID, resultHandler);           }); }   },

/**    * Open the multiple action tool using the specified user object *    * @param {object} userObj Object in format of {username1: {edits: [(array of revIDs)]}, username2: ..., username3: ...} * @method open * @extends rw.multiAct */   "open" : userObj=>{ // userobj format or just {} // To prevent a new user from mass spamming loads of users, extendedconfirmed only rw.info.featureRestrictPermissionLevel("extendedconfirmed", =>{           // Generate list            let listHTML = ``;            for (const usr in userObj) {                if (userObj.hasOwnProperty(usr)) {                    if (usr.toLowerCase.includes("bot")) continue; // skip bots                    if (usr.toLowerCase == "undefined" || usr == null) continue; // don't do undefined, bug                    const userInfo = userObj[usr];                    // Append table row                    listHTML += `                        <td class="mdl-data-table__cell--non-numeric">`+ usr +`                         <a href="#" onclick="window.parent.postMessage(\`summaries `+ usr +`\`);"> ` + userInfo.edits + ` edit` + (userInfo.edits > 1 ? "s" : "") +` </a>                        <td id="editCount-`+usr+`">-                            // Adds handler for this edit count                            addMessageHandler("editCount-`+ usr +`\`*", e=>{ $(document.getElementById("editCount-`+usr+`")).text(e.split("\`")[1]); });                       <td id="PWcontainer-`+usr+`">                        <span class="material-icons" id="PastWarning-`+usr+`" style="cursor:help;position: relative;top: 5px;padding-left: 10px;color:black;">help                         <div class="mdl-tooltip mdl-tooltip--large" for="PastWarning-`+usr+`">                                Level is unknown or loading                            // Adds handler for this past level                            addMessageHandler("PastWarning-`+ usr +`\`*", e=>{ $(document.getElementById("PWcontainer-`+usr+`")).html(e.split("\`")[1]);

// Now set onclick for the icon $(document.getElementById("PastWarning-`+ usr +`")).click(=>window.parent.postMessage(\`RWMAviewUserPg\\\``+ usr +`\`)); // push request upstairs on click // Now register all tooltips (fine if comp. handler undefined bc others will handle) for (let item of document.getElementsByClassName("mdl-tooltip")) { componentHandler.upgradeElement(item); }

// Update progressbar from object keys setProgress(`+ Object.keys(userObj).indexOf(usr) +`, `+ (Object.keys(userObj).length - 1) +`); });                       -                         -                     `;                    // Add event handler for edit click                    addMessageHandler("summaries "+ usr, =>{ let revList = ``; userInfo.summaries.forEach(el=>{                           revList += el + " ";                        }); rw.ui.confirmDialog(`                       <h2 style="font-weight: 200;font-size:45px;line-height: 48px;">Related Changes                         `+ revList +                        ` `,                        "CLOSE", =>dialogEngine.closeDialog,                        "", =>{}, 500); });

// Add event handler for notice dialog addMessageHandler("RWMATnewNotice", =>{                       rw.ui.beginWarn(true, "(RedWarn MAT)", mw.config.get("wgRelevantPageName"), "APPLY TO CHECKED", r=>{ // Now push to iframe rw.multiAct.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage(                               "applyToChecked`" + serialize(r) +                                "`Yes`Warn User"                               , '*'); }, true); // Show Warn User dialog, true at end hides user info                   });

// Event Handler for new msg addMessageHandler("RWMATnewMsg", =>{                       rw.ui.newMsg("(RedWarn MAT)", true, "APPLY TO CHECKED", r=>{ // new talk page message dialog // Now push to iframe rw.multiAct.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage(                               "applyToChecked`" + serialize(r) +                                "`No`New Message"                               , '*'); });                   });

// TODO: event handler for quick template

// Event handler for Commit Changes Confirmation Dialog addMessageHandler("RWMATcommitSelectedConfirm`*", cI=>{                       let userCount = cI.split("`")[1];                        // Show confirm dialog                        rw.ui.confirmDialog(` Are you sure you want to complete actions for `+ userCount + ` user` + (userCount > 1 ? "s" : "") +`?`, "CONFIRM", =>{ dialogEngine.closeDialog; // close dialog rw.ui.loadDialog.show("Editing talk pages..."); // loading dialog rw.multiAct.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage(                               "confirmSelected", '*'); // Set the wheels in motion },                       "CANCEL", =>{ dialogEngine.closeDialog; // close dialog on cancel }                       ,0);                    });

// Now where the business happens let actionsToTake = []; // array of objects

// Assemble array handler addMessageHandler("RWMATToAdd`*", cI=>{                       actionsToTake.push({ "user" : cI.split("`")[3], "underDate" : cI.split("`")[2] == "true", "wikiTxt" : deserialize(cI.split("`")[1]) });                   });

// Actuall edit handler addMessageHandler("RWMATfinishedandcommit", =>{                       // Assemble commit handler                        let editHandler = i=>{                            let action = actionsToTake[i];                            // Time to make the actual contrib                            rw.info.addWikiTextToUserPage(action.user, action.wikiTxt, action.underDate, "Complete MAT action", false, false, =>{ // Check we can continue if (i == actionsToTake.length - 1) { // We done rw.ui.loadDialog.close;

// Notify of completion rw.ui.confirmDialog(`                                   Actions complete!`,                                    "CLOSE", =>{                                        dialogEngine.closeDialog; // close dialog                                    },                                    "", =>{},0); } else { // Continue editHandler(i+1); }                           });                        };                        editHandler(0); // start it all                    }); }           }

// Open screen - do not use dialogEngine as other dialogs use this - allow for overlay // Generate container let content = mdlContainers.generateContainer(eval(rw_includes["multipleAction.html"]), document.body.offsetWidth, document.body.offsetHeight); // Dialog gubbins // Init if needed if ($("#MAdialogContainer").length < 1) { // Need to init $("body").prepend(`               `); // Add close event addMessageHandler("closeDialogMA", =>{rw.multiAct.dialog.close;}); // closing }           $("#MAdialogContainer").html(`            <dialog class="mdl-dialog" id="rwMAdialog">                `+ content +`            `);

rw.multiAct.dialog = document.querySelector('#rwMAdialog'); // set dialog

$("#rwMAdialog").attr("style", "padding:inherit;"); // set no padding // Firefox issue fix if (! rw.multiAct.dialog.showModal) { dialogPolyfill.registerDialog(rw.multiAct.dialog); }

rw.multiAct.dialog.showModal; // Show dialog

// Now load all the edit counts and last warning levels let usernames = Object.keys(userObj); let userPages = {};

// Add userpage preview handler addMessageHandler("RWMAviewUserPg`*", cI=>{               let userPgWikiTxt = userPages[cI.split("`")[1]]; // get wikitext from obj                // Parse wikitext (show loading dialog first)                rw.ui.loadDialog.show("Parsing userpage...");                rw.info.parseWikitext(userPgWikiTxt, parsed=>{ // Request rw.ui.loadDialog.close; // close load dialog // Show preview dialog rw.ui.confirmDialog(`                           h2 {                                font-size: 20px;                                line-height: 0px;                            }                            .mw-editsection {                                display: none;                            }

`+parsed+` `,                   "CLOSE", =>dialogEngine.closeDialog, "", =>{}, 500);               });            });

// Last Warn level and userpg handler (done as essentially foreach, called from editcount) let lastWarnLevelHandler = (i, callback) => { // LAST WARNING let un = usernames[i]; rw.info.lastWarningLevel(rw.info.targetUsername(un), (w, usrPgMonth, userPg)=>{                   let lastWarning = [ // Return HTML for last warning level.                        // NO PAST WARNING                        `                        <span class="material-icons" id="PastWarning-`+un+`" style="cursor:pointer;position: relative;top: 5px;padding-left: 10px;color:green;">thumb_up                         <div class="mdl-tooltip mdl-tooltip--large" for="PastWarning-`+un+`">                            No notices this month.                        `,                        // NOTICE                        `                        <span class="material-icons" id="PastWarning-`+un+`" style="cursor:pointer;position: relative;top: 5px;padding-left: 10px;color:blue;">info                         <div class="mdl-tooltip mdl-tooltip--large" for="PastWarning-`+un+`"> Has been given a Level 1 notice this month. `,                       // CAUTION `                       <span class="material-icons" id="PastWarning-`+un+`" style="cursor:pointer;position: relative;top: 5px;padding-left: 10px;color:orange;" >announcement <div class="mdl-tooltip mdl-tooltip--large" for="PastWarning-`+un+`"> Has been given a Level 2 caution this month. `,                       // Warning- in red. RedWarn, get it? This is the peak of programming humour. /// Haha, whoops? This joke has turned up twice. Who'd ever think they'd see reused code? `                       <span class="material-icons" id="PastWarning-`+un+`" style="cursor:pointer;position: relative;top: 5px;padding-left: 10px; color:red;" >report_problem <div class="mdl-tooltip mdl-tooltip--large" for="PastWarning-`+un+`"> Has been given a Level 3 warning this month. `,                       // Final/Only Warning (dark red) `                       <span class="material-icons" id="PastWarning-`+un+`" style="cursor:pointer;position: relative;top: 5px;padding-left: 10px;color:#a20000;" >report <div class="mdl-tooltip mdl-tooltip--large" for="PastWarning-`+un+`"> Has been given a Level 4 Final or ONLY warning. this month. `                   ][w];

// Set userpage var for preview userPages[un] = userPg;

// Now push to iframe rw.multiAct.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage("PastWarning-"+ un + "`" + lastWarning, '*'); callback; // Send callback });           };

let editCounterHandler = (i, isRetry)=>{ // EDIT COUNT if (rw.info.isUserAnon(usernames[i])){ // skip edits by anon IPs as they will not return, just set lastwarnlevel lastWarnLevelHandler(i, =>{                       editCounterHandler(i + 1);                    }); return; }                rw.info.getUserEditCount(usernames[i], cI=>{                    // Push to iframe                    // Set c to blank space if edit count undefined or edit count with number sorted if is                    let c = cI == null ? "-" : cI.toString.replace(/\B(?=(\d{3})+(?!\d))/g, ","); // regex adds commas to number to make more readable                    rw.multiAct.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage("editCount-"+ usernames[i] + "`" + c, '*');                    // Make sure there wasn't an issue, if so redo, and if redo fails just continue                    if ((cI == null) && !isRetry) {                        editCounterHandler(i, true); // do it again with retry flag                        return;                    }                    // Now last warning handler                    lastWarnLevelHandler(i, =>{ // Make sure there is a next if (i != usernames.length - 1) { editCounterHandler(i + 1); // do it again with next user } // else we done! });               });            };

editCounterHandler(0); // call and begin load

}, =>{           // When no perms rw.ui.confirmDialog(`           Sorry, but to prevent misuse you have to be an <a href="https://en.wikipedia.org/wiki/Wikipedia:User_access_levels#Extendedconfirmed" target="_blank">extended confirmed user</a> to use the multiple action tool. Check back later!            `,            "OKAY", =>dialogEngine.closeDialog,            "", =>{}, 23); });   } };

// rw-source: quickTemplate.js rw.quickTemplate = { // Quick template UI and loader

"packStore": [],

"packs": => { // Get packs from config and default and merge to packstore if (rw.quickTemplate.packStore.length > 0) return rw.quickTemplate.packStore; // return if already set

if (rw.config.templatePacks == null) { // if templates not set rw.config.templatePacks = []; // set to empty rw.info.writeConfig(true, => { }); // update config page }       rw.quickTemplate.packStore = rw.quickTemplate.packStore.concat(rw.config.templatePacks); return rw.quickTemplate.packStore; // return },

"packCodeToPageName": packCode => { // Convert a pack code to it's real page name return "User:" + packCode.split("/")[0] + "/RedWarn_QuickTemplate_packInstall_" + packCode.split("/")[1] + ".js"; },

"openSelectPack": un => { // Assemble buttons for each pack let finalBtnStr = ""; rw.quickTemplate.packs.forEach((pack, i) => {           if (pack.name == null) return; // skip "undefined by undefined"            finalBtnStr += `            <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" style="width:85%" onclick="window.parent.postMessage('selectPack\``+ i + `', '*');">                `+ pack.name + ` by ` + pack.createdBy + `            <button class="mdl-button mdl-js-button mdl-js-ripple-effect" style="width:5%" onclick="window.parent.postMessage('editPack\``+ i + `', '*');">                <i class="material-icons">create</i>            `;        });

// Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 4000)); // Add new pack handler addMessageHandler("qTnewPack", => rw.quickTemplate.newPack);

// Show pack selection dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["quickTemplateSelectPack.html"]), 500, 530)).showModal;

// Pack Selected Handler addMessageHandler("selectPack`*", cI => {           dialogEngine.closeDialog;

let i = parseInt(cI.split("`")[1]); // get index from call rw.quickTemplate.selectTemplate(un, i); // open select template screen });

// Pack edit handler addMessageHandler("editPack`*", cI => {           dialogEngine.closeDialog;

let i = parseInt(cI.split("`")[1]); // get index from call rw.quickTemplate.selectTemplate(un, i, true); // open select template screen, true denotes edit });   },

"selectTemplate": (un, i, editMode) => { if (editMode) un = "(edit mode)"; let selectedPack = rw.quickTemplate.packs[i];

let finalSelectStr = " "; // final select string selectedPack.templates.forEach((template, i) => {           finalSelectStr += `            <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" style="width:100%;" for="template-`+ i + `">                <input type="radio" id="template-`+ i + `" class="mdl-radio__button" name="options" value="` + i + `">                <span class="rw-qt-pack-label mdl-radio__label">`+ template.title + `             `+ template.about + `            `;        });

// Add edit mode handlers if (editMode) { addMessageHandler("qTdeletePack", => {                // Confirm                rw.ui.confirmDialog(` Are you sure you want to delete this pack?

Note: This will only delete the pack from your account. If it is published, this won't unpublish it. `,                   "YES, DELETE.",  => { dialogEngine.closeDialog; // close prompt rw.ui.loadDialog.show("Deleting..."); // Now remove at index rw.config.templatePacks.splice(i, 1); // Now refresh and save config rw.info.writeConfig; // save config, will also refresh },                   "CANCEL",  => { // On cancel just recall dialogEngine.closeDialog; rw.quickTemplate.selectTemplate(un, i, editMode); // reshow, then done! }, 45               );            });

// Handle edit and new

addMessageHandler("qTNew`*", cI => { //create new template               dialogEngine.closeDialog;

// Set up vars let nTitle = cI.split("`")[1]; let nAbout = cI.split("`")[2];

// Add to our template array rw.config.templatePacks[i].templates.push({                   "title": nTitle,                    "about": nAbout,                    "content": ""                }); // Clear and reload config rw.ui.loadDialog.show("Creating..."); rw.info.writeConfig(true, => { // save config                    rw.ui.loadDialog.close;                    rw.quickTemplate.packStore = []; // clear out packs

// Refresh selected pack selectedPack = rw.quickTemplate.packs[i]; // Open editor rw.quickTemplate.editTemplate(i, selectedPack.templates.length - 1); // w pack index and template index });           });

addMessageHandler("qTEdit`*", cI => {               // Open editor                rw.quickTemplate.editTemplate(i, cI.split("`")[1]); // w pack index and template index            });

// Publish addMessageHandler("qTPublish", => {                if (selectedPack.packCode == null) { // Pack isn't published                    rw.ui.confirmDialog("This pack isn't published. If you'd like to let other editors use your pack, click 'Publish Now'", "PUBLISH NOW", => { // Publish new template dialogEngine.closeDialog; // close dialog rw.quickTemplate.publish(selectedPack, true, i); // true here denotes is new },                       "CANCEL",  => dialogEngine.closeDialog, 18);

} else { // Pack is published rw.ui.confirmDialog("This pack is published. If you'd like to update your pack for other editors, click 'Update Now'",                       "UPDATE NOW",  => {                            // Publish new template                            dialogEngine.closeDialog; // close dialog                            rw.quickTemplate.publish(selectedPack); // just normal update                        },                        "CANCEL",  => dialogEngine.closeDialog, 18); }           });        }        // END edit mode handlers

// Now we need to assemble the select screen // Show template selection dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["quickTemplateSelectTemplate.html"]), 500, 530)).showModal;

// Continue Handler (not called in edit mode) addMessageHandler("qTNext`*", cI2 => {           let i2 = parseInt(cI2.split("`")[1]); // i from above frame            rw.quickTemplate.applyTemplate(selectedPack, i2, un); // open apply template screen        }); },

"applyTemplate": (selectedPack, i2, unI) => { let selectedTemplate = selectedPack.templates[i2]; let contentStr = selectedTemplate.content; let un = rw.info.targetUsername(unI); let addUnderDate = contentStr.includes("##RW UNDERDATE##"); // Now we need to assemble inputs for this template

// Add dialog handlers for preview addMessageHandler("generatePreview`*", m => {           rw.info.parseWikitext(m.split("`")[1], parsed => { // Split to Wikitext and send over to the API to be handled dialogEngine.dialog.getElementsByTagName("iframe")[0].contentWindow.postMessage({                   "action": "parseWikiTxt",                    "result": parsed                }, '*'); // push to container for handling in dialog and add https:// to stop image breaking });       });

// Add handlers for submit addMessageHandler("qtDone`*", eD => {           let wikiTxtToAdd = deserialize(eD.split("`")[1]); // params

// MAKE EDIT rw.info.addWikiTextToUserPage(rw.info.targetUsername(un), wikiTxtToAdd, addUnderDate, "" + selectedPack.name + " - " + selectedTemplate.title + ""); });

// Now generate text input code - SYNTAX let finalAdditionalInputs = ``; // NORMAL TEXT INPUT (m => {           if (m != null) { // to stop errors                m.forEach(match => { // for each match to regex let v = match.split("|"); // split at pipe for varibles let label = v[1]; // strip label let id = v[2].split("}")[0]; // strip ID                   // Now add our textbox finalAdditionalInputs += ` <input class="mdl-textfield__input rwCustomTextInput" type="text" id="${serialize(match)}"> <label class="mdl-textfield__label" for="${serialize(match)}">${label} `;               });            }        })(selectedTemplate.content.match(/]*\|[^/g)); // regex here for above function

// Finally, show final submit dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["quickTemplateSubmit.html"]), 500, 580)).showModal; },

"newPack": => { // Creates a new pack and saves to config // Add toast handler addMessageHandler("pushToast`*", m => rw.visuals.toast.show(m.split('`')[1], false, false, 4000));

addMessageHandler("qTcreateNew`*", cI => {           // Handle calls the create new pack            let packName = cI.split("`")[1];            rw.config.templatePacks.push( {                   "name": packName, "createdBy": rw.info.getUsername, "templates": [] }           ); // add to config            rw.ui.loadDialog.show("Creating...");            rw.info.writeConfig(true,  => { // save config rw.ui.loadDialog.close; rw.quickTemplate.packStore = []; // clear out packs

// Refresh packs and open selection screen in edit mode rw.quickTemplate.selectTemplate("", rw.quickTemplate.packs.length - 1, true); // true here distingishes edit mode });

});

// Finally, show the dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["quickTemplateNewPack.html"]), 500, 200)).showModal; },

"editTemplate": (selectedPackI, selectedTemplateI) => { // Used to edit template let selectedPack = rw.quickTemplate.packs[selectedPackI]; let selectedTemplate = selectedPack.templates[selectedTemplateI]; let saveHandler = (b64data, callback) => { // Save Data handler // Set vars let title = deserialize(b64data.split("`")[1]); let about = deserialize(b64data.split("`")[2]); let content = deserialize(b64data.split("`")[3]); rw.config.templatePacks[selectedPackI].templates[selectedTemplateI] = { "title": title, "about": about, "content": content };           // Clear and reload config rw.ui.loadDialog.show("Saving..."); rw.info.writeConfig(true, => { // save config                rw.ui.loadDialog.close;                rw.quickTemplate.packStore = []; // clear out packs

// Refresh selected pack selectedPack = rw.quickTemplate.packs[selectedPackI];

// Refresh selected template selectedTemplate = selectedPack.templates[selectedTemplateI];

if (callback != null) callback; // send callback if set });       };

// Save changes handler addMessageHandler("qTSave`*", cI => {           saveHandler(cI);        });

// Close Editor Handler addMessageHandler("qTClose`*", cI => {           saveHandler(cI,  => dialogEngine.closeDialog);        });

// Test Handler addMessageHandler("qTTest`*", cI => {           saveHandler(cI,  => { // Open normal apply window with sandbox target rw.quickTemplate.applyTemplate(selectedPack, selectedTemplateI, "Sandbox for user warnings"); });       });

// Finally, open the edit template dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["quickTemplateEditTemplate.html"]), 500, 550)).showModal; },

"publish": (selectedPack, isNew, selectedPackI) => { // makes a listing on the WP:REDWARN/QTPACKS page if isnew is set to true // Publish new pack rw.ui.loadDialog.show("Publishing...");

let packCode = selectedPack.packCode; // get packcode from selected pack if (packCode == null) packCode = rw.info.getUsername + "/" + rw.makeID(10); // Generate a new pack code if not already published

let packPage = rw.quickTemplate.packCodeToPageName(packCode); // get page to write script to

// Now, generate script that installs this pack let packInstallScript = ` /* <no${""}wiki> ++ ++
 * Generated automatically.         |
 * DO NOT EDIT THIS FILE OR ADD TO  |
 * YOUR COMMON.JS FILE. DOING SO    |
 * WILL CAUSE SERIOUS ISSUES.       |
 * WILL CAUSE SERIOUS ISSUES.       |

Install script (c) Ed. E (User:Ed6767) - license: https://gitlab.com/redwarn/redwarn-web rw.ui.loadDialog.show("Installing..."); let packSource = JSON.parse((${deserialize.toString})("${serialize(JSON.stringify(selectedPack))}")); // Load source from currentpack rw.config.templatePacks.push(packSource); // Push into config rw.info.writeConfig(true, =>{ // save config   rw.ui.loadDialog.close;    rw.quickTemplate.packStore = []; // clear out packs

// Show success dialog rw.ui.confirmDialog(   "Pack installed!",    "RELOAD PAGE", =>window.location.reload,    "", =>{}, 0); }); // </no${""}wiki>       `;

// Script generated, let's continue //Commit to script page $.post(rw.wikiAPI, {           "action": "edit",            "format": "json",            "token": mw.user.tokens.get("csrfToken"),            "title": packPage,            "summary": "Publish Autogenerated QTPack Install (RedWarn " + rw.version + ")", // summary sign here            "text": packInstallScript,            "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia       }).done(dt => {            // We done. Check for errors, then callback appropriately            if (!dt.edit) {                // Error occured or other issue                console.error(dt);                rw.ui.loadDialog.close;                rw.visuals.toast.show("Sorry, there was an error. See the console for more info. Your pack has not been published.");            } else {                // Success!                if (!isNew) { // if not a new pack, show update done screen and exit                    rw.ui.loadDialog.close;                    rw.ui.confirmDialog("Pack updated successfully!", "DONE",  => dialogEngine.closeDialog, "",  => { }, 0);                    return;                }

// CONINUES ONLY IF NEW // Now make change to config in our preferences re new change rw.config.templatePacks[selectedPackI].packCode = packCode; // add packcode to template config rw.info.writeConfig(true, => { // save config                    rw.quickTemplate.packStore = []; // clear out packs                    // Now add to QTPacks page                    $.post(rw.wikiAPI, { "action": "edit", "format": "json", "token": mw.user.tokens.get("csrfToken"), "title": "Wikipedia:RedWarn/Documentation/Quick_Template/templates", "summary": "Publish new pack (RedWarn " + rw.version + ")", // summary sign here "appendtext": // Add our section wikitxt here `

${selectedPack.name} - by ${selectedPack.createdBy}
No additional info provided - pack owner, please edit this section and add additional info here or your pack may be removed.

Pack Code
`,                       "tags": ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia }).done(dt2 => { if (!dt.edit) { // Error occured or other issue console.error(dt); rw.ui.loadDialog.close; rw.visuals.toast.show("Sorry, there was an error. See the console for more info. Your pack has not been published to the Quick Template Pack page, maybe add it manually."); } else { // Done! Load QTPack page redirect("https://en.wikipedia.org/wiki/WP:REDWARN/QTPACKS"); // No rw.wikiBase due to lack of page there }                   });                });            }        });    } }; // rw-source: pageProtect.js /** * RedWarn's RFPP feature * @class rw.pageProtect */ rw.pageProtect = { // Used for WP:RFPP    /**     * The RFPP page that RedWarn will edit for protection upgrades     * @property rfppPageUp     * @type {string}     * @extends rw.pageProtect     */    "rfppPageUp" : "Wikipedia:Requests_for_page_protection/Increase", // !!! FOR PRODUCTION USE Wikipedia:Requests_for_page_protection ELSE USE A DIFFERENT PAGE !!!

/**    * The RFPP page that RedWarn will edit for protection downgrades * @property rfppPageDown * @type {string} * @extends rw.pageProtect */   "rfppPageDown" : "Wikipedia:Requests_for_page_protection/Decrease", // !!! FOR PRODUCTION USE Wikipedia:Requests_for_page_protection ELSE USE A DIFFERENT PAGE !!! // THIS MODULE IS NOW LIVE!!!

/**    * An object containing the protection levels for this Wiki * @property editProtectionLevels * @type {object} * @extends rw.pageProtect */   // Define protection levels "editProtectionLevels" : { //edit protection - SET IN ORDER AS DISTINGUISHES BETWEEN UPGRADE AND DOWNGRADE "unprotected" : { // unprotected "title" : "Page is not protected", "name" : "no protection", "image" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Semi-protection-unlocked.svg/320px-Semi-protection-unlocked.svg.png" },

"pendingChanges" : { // Edits only "title" : "Page is pending changes protected", "name" : "pending changes protection", "image" : "https://upload.wikimedia.org/wikipedia/en/thumb/b/b7/Pending-protection-shackle.svg/240px-Pending-protection-shackle.svg.png" },

"autoconfirmed" : { "title" : "Page is semi-protected", "name" : "semi-protection", "image" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Semi-protection-shackle.svg/240px-Semi-protection-shackle.svg.png" },

"extendedconfirmed" : { "title" : "Page is extended-protected", "name" : "extended protection", "image" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Extended-protection-shackle.svg/240px-Extended-protection-shackle.svg.png" },

"templateeditor" : { // template protection "title" : "Page is template protected", "name" : "template protection", "image" : "https://upload.wikimedia.org/wikipedia/en/thumb/5/53/Template-protection-shackle.svg/240px-Template-protection-shackle.svg.png" },

"sysop" : { "title" : "Page is fully protected", "name" : "full protection", "image" : "https://upload.wikimedia.org/wikipedia/en/thumb/4/44/Full-protection-shackle.svg/240px-Full-protection-shackle.svg.png" },

"cascading" : { // Cascading protection "title" : "Page is cascade protected", "name" : "cascade protection", "image" : "https://upload.wikimedia.org/wikipedia/en/thumb/0/0f/Cascade-protection-shackle.svg/240px-Cascade-protection-shackle.svg.png" }   },

// for move protection add smallprint: move protection limit: x

/**    * Calls back with the current protection level of the current page *    * @param {function} callback callback(object {edit: level, move:level}) * @method getCurrentPageProtection * @extends rw.pageProtect */   "getCurrentPageProtection" : callback=>{ // Callback {edit: level, move:level} // Request protection level from mediawiki $.getJSON(rw.wikiAPI + "?action=query&format=json&prop=info%7Cflagged&inprop=protection&titles="+ encodeURIComponent(mw.config.get("wgRelevantPageName")), r=>{           let pageInfo = r.query.pages[Object.keys(r.query.pages)[0]];

let editProtection = "unprotected"; let moveProtection = "unprotected";

pageInfo.protection.forEach(protection => {               if ((editProtection == "unprotected") && (protection.type == "edit")) editProtection = protection.level; // set edit protection level                if ((moveProtection == "unprotected") && (protection.type == "move")) moveProtection = protection.level; // set move protection level                if ((protection.cascade != null) && (protection.type == "edit")) editProtection = "cascading"; // cascading edit protection            });

// Detect pending changes protection if (pageInfo.flagged != null) { if (pageInfo.flagged.protection_level != null) editProtection = "pendingChanges"; }

callback({"edit": editProtection, "move": moveProtection}); // done, send callback });   },    /**     * Opens the page protection dialog for this page     *     * @method open     * @extends rw.pageProtect     */    "open" : =>{ // Open page protection dialog for this page        // Get current page protection level        rw.pageProtect.getCurrentPageProtection(protection=>{ let protectionInfo = rw.pageProtect.editProtectionLevels[protection.edit];

// Create the list of levels let finLevelListStr = ``; for (let levelKey in rw.pageProtect.editProtectionLevels) { if (rw.pageProtect.editProtectionLevels.hasOwnProperty(levelKey)) { let level = rw.pageProtect.editProtectionLevels[levelKey]; finLevelListStr += ` <img src="${level.image}" style="height: 24px;padding-right:10px;" />

<label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="${levelKey}" id="${levelKey}_outer"> <input type="radio" id="${levelKey}" class="mdl-radio__button" name="options" value="1" ${(levelKey == protection.edit) ? `disabled style="cursor:help"` : ``}> <span class="mdl-radio__label">${level.name.charAt(0).toUpperCase + level.name.slice(1)} ${(levelKey == protection.edit) ? `                   <div class="mdl-tooltip mdl-tooltip--large" for="${levelKey}_outer"> This is the current protection level. ` : ``}                    `;                }            }

// Add event handlers

// Add toast handler addMessageHandler("pushToast`*", m=>rw.visuals.toast.show(m.split('`')[1],false,false,2500));

// SUBMIT HANDLER addMessageHandler("submitRFPP`*", m=>{               // Get info from string in                let requestLevel = m.split("`")[1];                let requestProtect = rw.pageProtect.editProtectionLevels[requestLevel];                let changeCoreReason = m.split("`")[2];                let changeExtraInfo = m.split("`")[3];                let requestDuration = m.split("`")[4];                let requestType = "";                // Distingush whether or not this is an upgrade or download request                if (Object.keys(rw.pageProtect.editProtectionLevels).indexOf(requestLevel) > Object.keys(rw.pageProtect.editProtectionLevels).indexOf(protection.edit)) {                    // Is upgrade request                    requestType = "upgrade";                } else {                    requestType = "downgrade";                }                // Let's submit - show load dialog rw.ui.loadDialog.show("Submitting request...");

// TIME TO EDIT :)

// generate heading to add under for upgrade or downgrade let headingToInsertUnder = "== "+ (requestType == "upgrade" ? "Current requests for increase in protection level" : "Current requests for reduction in protection level") +" =="; // Assemble text to add per page template let text = `=== ${mw.config.get("wgRelevantPageName").replace(/_/g, ' ')} === ${(requestProtect.name == "no protection" ? "Unprotection" : requestDuration + " " + requestProtect.name)}: ${(changeCoreReason == "Other rationale" ? "" : changeCoreReason + `. `)}${changeExtraInfo} `+ rw.sign;

// New req current page. $.getJSON(rw.wikiAPI + "?action=query&prop=revisions&titles="+ encodeURIComponent(requestType == "upgrade" ? rw.pageProtect.rfppPageUp : rw.pageProtect.rfppPageDown ) +"&rvslots=*&rvprop=content&formatversion=2&format=json", latestR=>{                   // Grab text from latest revision of talk page                    // Check if exists                    let revisionWikitext = "";                    if (!latestR.query.pages[0].missing) { // If page isn't missing, i.e exists                        revisionWikitext = latestR.query.pages[0].revisions[0].slots.main.content;                    } else {                        // Bug!                        rw.ui.loadDialog.text("ERR: RFPP page nonexist!");return; // send basic and EXIT as unlikely to be seen expect by dev                    }                    let wikiTxtLines = revisionWikitext.split("\n");                    let finalTxt = "";

// Check if page already reported if (revisionWikitext.includes(mw.config.get("wgRelevantPageName").replace(/_/g, ' '))) { // Don't continue and show toast rw.ui.loadDialog.close; rw.visuals.toast.show("It looks like an RFPP request already exists for this page.", false, false, 5000); return; }

// Now submit under heading // Locate where the current section is and add ours let locationOfLastLine = wikiTxtLines.indexOf(headingToInsertUnder) + 1; // in case of date heading w nothing under it                   for (let i = wikiTxtLines.indexOf(headingToInsertUnder) + 1; i < wikiTxtLines.length; i++) { if (wikiTxtLines[i].startsWith("== ")) { // New section locationOfLastLine = i - 1; // the line above is therefore the last console.log("exiting loop: " +wikiTxtLines[locationOfLastLine]); break; // exit the loop } else if (i == wikiTxtLines.length - 1) { // End of page, let's break and set location of last line. locationOfLastLine = i;                           break; // exit loop }                   }                    if (locationOfLastLine == wikiTxtLines.length - 1) { // To prevent to end notices squishing against eachother // Same as without, but we just include the date string at bottom of page wikiTxtLines.push(["\n" + text]); } else { wikiTxtLines.splice(locationOfLastLine, 0, ["\n" + text]); // Add notice to array at correct position. Note the "" at the start is for a newline to seperate from prev content }

// Process final string wikiTxtLines.forEach(ln => finalTxt = finalTxt + ln + "\n"); // Remap to lines console.log(finalTxt);

// Push edit using CSRF token $.post(rw.wikiAPI, {                       "action": "edit",                        "format": "json",                        "token" : mw.user.tokens.get("csrfToken"),                        "title" : requestType == "upgrade" ? rw.pageProtect.rfppPageUp : rw.pageProtect.rfppPageDown,                        "summary" : `Requesting protection change for ${mw.config.get("wgRelevantPageName").replace(/_/g, ' ')} (RW ${rw.version})`, // summary sign here                        "text": finalTxt,                        "tags" : ((rw.wikiID == "enwiki") ? "RedWarn" : null) // Only add tags if on english wikipedia                   }).done(dt => {                        // We done. Check for errors, then callback appropriately                        if (!dt.edit) {                            // Error occured or other issue                            console.error(dt);                            rw.ui.loadDialog.close;                            rw.visuals.toast.show("Sorry, there was an error. See the console for more info. Your RFPP has not been sent.");                            // Reshow dialog                            dialogEngine.dialog.showModal;                        } else {                            // Success!                             rw.ui.loadDialog.close;                            rw.visuals.toast.show("RFPP requested.");                        }                    }); });           });

// Open dialog dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["requestPageProtect.html"]), 600, 630)).showModal; });   } };

// rw-source: firstTimeSetup.js /** * rw.firstTimeSetup provides a welcome and first time setup screen for new users * @class rw.firstTimeSetup */ rw.firstTimeSetup = { /**    * Launches the first time setup wizard * @method launch * @extends rw.firstTimeSetup */   "launch":  => { addMessageHandler("config`*", rs => { // On config change           // New config recieved            let config = JSON.parse(deserialize(rs.split("`")[1])); // b64 encoded json string            //Write to our config            for (const key in config) {                if (config.hasOwnProperty(key)) {                    const element = config[key];                    rw.config[key] = element; // add or change value                }            }

// Push change rw.ui.loadDialog.show("Saving..."); rw.info.writeConfig(false); });

addMessageHandler("resetConfig", rs => {           // Reset config received, set config back to default            rw.info.getConfig( => { }, true); // TRUE HERE MEANS RESET TO DEFAULT        });

// Add load new theme handler addMessageHandler("newThemeDialog", => rw.ui.loadDialog.show("Changing theme...")); addMessageHandler("loadDialogClose", => rw.ui.loadDialog.close);

// Add reload handler addMessageHandler("reload", => window.location.reload);

// Lock scrolling dialogEngine.freezeScrolling;

// Open preferences page with no padding, full screen dialogEngine.create(mdlContainers.generateContainer(eval(rw_includes["firstTimeSetup.html"]), window.innerWidth, window.innerWidth, true), true).showModal; // TRUE HERE MEANS NO PADDING. } };

// rw-source: preferences.js // Used to handle the new preferences screen in RW16 rw.preferences = { "options" : [ // Holds all the preferences in JSON format in order, some options, such as reoganising icons, are templates and can be referred to       // THESE ARE RENDERED AS TABS AS OF 16.1, add a new tab, then load your card with a parameter matching the cartTitle

// CARDS HERE {           "cardTitle" : "Appearance", "supportingImage" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Sunset_in_Ashbourne.jpg/1280px-Sunset_in_Ashbourne.jpg", "content" : { // values here

// Colour theme "colTheme" : { // config value as title // UI text "optionTitle" : "Theme", "supportingText": "Customise RedWarn by setting your theme.", "customHTMLOpt": `onchange="updateColourTheme;"`, // update within the UI for all

// Config options "options" : { // human readable: actual value - END HUMAN READABLE WITH * for default option "WikiBlue*" : "blue-indigo", "Sunshine" : "amber-yellow", "Purple Power" : "purple-deep_purple", "RedWarn Minimal": "blue_grey-red", "Lime Forrest": "brown-light_green", "Orange Juice": "orange-deep_orange", "Candy Floss": "pink-red" }               }, // end

// Dialog animations "dialogAnimation" : { // config value as title // UI text "optionTitle" : "Dialog Animations", "supportingText": "Change the animation used when a RedWarn dialog opens/closes.",

// Config options "options" : { "Default*" : "default", "Spinny" : "spinny", "Mega" : "mega", "Disable Animation": "none" }               }, // end

// Page icon locations "pgIconsLocation" : { // config value as title // UI text "optionTitle" : "Location of RedWarn controls", "supportingText": "Change the location of where the RedWarn page controls appear. Depending on your Skin, your preferences may or may not be honored.",

// Config options "options" : { "After Page Icons (iconified)*" : "default", "Page Sidebar/Navigation (iconified)": "sidebar", "In the \"more\" dropdown menu (like Twinkle, plain links)": "dropdown", "At the top of the page (plain links)": "toplinks" }               }, // end

// Replace references to quick rollback and rollback with QRB and RB                "rwRollbackShorten" : { // config value as title // UI text "optionTitle" : "Shorten references to rollback", "supportingText": "Shortern the rollback and quick rollback buttons to RB and QRB respectively. If you're experienced, this can help reduce reading times.",

// Config options "options" : { "Enable" : "enable", "Disable*": "disable" }               }, // end

// Patrol appearence, we'll just remove, not really sure people change these settings }       },        {               "cardTitle" : "Behaviour", "supportingImage" : "https://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Wilkin_River_close_to_its_confluence_with_Makarora_River%2C_New_Zealand.jpg/1280px-Wilkin_River_close_to_its_confluence_with_Makarora_River%2C_New_Zealand.jpg", "content" : { // User right-click settings "rwDisableRightClickUser" : { // config value as title // UI text "optionTitle" : "Open Quick User action menu with...", "supportingText": "Change the way you open the Quick User action menu. This menu allows you to access features such as warning a user, reporting them and other tools when right-clicking on a user link or signature. Some browsers, such as Firefox, may override the default option of opening the menu on Shift+Right-click.",

// Config options "options" : { "Open when I hold shift and right-click a user link*" : "enable", "Open when I right-click a user link": "Opt2", "Disable the Quick User action menu": "disable" }               },

// Warn user automation "rwautoLevelSelectDisable" : { "optionTitle" : "Automation", "supportingText": "Enable or disable RedWarn's automation features, such as automatically choosing a warning level and template for you. Please note that in order to reduce abuse, your preference will not be honored unless you are a extended-confirmed user. If you have a legitimate alternate account, <a href='https://en.wikipedia.org/wiki/Wikipedia:Requests_for_permissions/Extended_confirmed' target='_blank'>you can request that the extended-confirmed right be granted to it.</a>",

// Config options "options" : { "Enable*" : "enable", "Disable": "disable" }               },

// Warn user advanced by default "rwWarnUserAdvanced" : { "optionTitle" : "Automatically open Warn User in advanced mode", "supportingText": "Open RedWarn's warn user dialog in advanced mode by default. Please note you will have to wait for longer for the advanced mode to initalise.",

// Config options "options" : { "Enable" : "enable", "Disable*": "disable" }               },

// On rollback completion "rwRollbackDoneOption" : { "optionTitle" : "Once a rollback is complete...", "supportingText": "Change what occurs when a rollback is successful. Selecting \"Warn User\" is recommended for most users.",

// Config options "options" : { "Let me choose*" : "none", "Warn User (recommended)": "RWRBDONEwarnUsr", "Write a new user talk page message": "RWRBDONEnewUsrMsg", "Open the Quick Template menu": "RWRBDONEwelcomeUsr", "Go to the latest revision": "RWRBDONEmrevPg" }               },

// On rollback completion "rwLatestRevisionOption" : { "optionTitle" : "When I am redirected to the latest revision...", "supportingText": "Change what happens when you click the \"Latest Revision\" button, or when you are automatically redirected to the latest revision. Please note that the new tab option may be blocked by your browser pop-up blocker.",

// Config options "options" : { "Redirect me in the current tab*" : "stayintab", "Open a new tab for the latest revision": "newtab" }               },

// Warn user dialog with "rwNoticeListByTemplateName" : { "optionTitle" : "When selecting a user template, let me see...", "supportingText": "Change what you see when selecting a warning template in the warn user dialog. If you choose to see template names by default, the descriptions will show when you hover your mouse over a template name.",

// Config options "options" : { "Template description (e.g. Vandalism)*" : "disable", "Template name (i.e. uw-vandalism)": "enable" }               },

// Rollback method

"rollbackMethod" : { "optionTitle" : "Rollback method", "supportingText": "Change the way RedWarn reverts edits. Rollback-like uses the undo feature to revert vandalism, similar to Twinkle and other tools. Meanwhile, rollback uses MediaWiki's \"rollback\" link feature. Both of these are identical in use, although rollback is much faster and more reliable. TL/DR: If you have a rollback-enabled account, using the rollback option is highly recommended. If you do not have a rollback-enabled account and select the latter option, your preference will not be honored.",

// Config options "options" : { "Rollback-like (slower)*" : "rollbackLike", "Rollback (faster, requires permissions)": "rollback" }               },

// Pending changes "rwDisablePendingChanges" : { "optionTitle" : "Pending change review", "supportingText": "Choose whether to use RedWarn or the built-in tools for reviewing pending changes.",

// Config options "options" : { "Use RedWarn*" : "enable", "Use built-in tools": "disable" }               },

// Pending changes auto accept "rwDisableReviewAutoAccept" : { "optionTitle" : "Pending change review - auto accept", "supportingText": "After accepting revisions choose whether to automatically dismiss the reason prompt and accept them after five seconds. Override this countdown by interacting with the dialog",

// Config options "options" : { "Enable*" : "enable", "Disable": "disable" }               },

// auto reject "rwEnableReviewAutoRevert" : { "optionTitle" : "Pending change review - auto revert", "supportingText": "After declining revisions choose whether to automatically dismiss the reason prompt and decline them after five seconds. Override this countdown by interacting with the dialog",

// Config options "options" : { "Enable" : "enable", "Disable*": "disable" }               },

// Pending changes open MAT "rwPendingMATDisable" : { "optionTitle" : "Pending change review - open MAT after reverting", "supportingText": "Choose whether to automatically open the Multiple Action Tool after you have reviewed a change.",

// Config options "options" : { "Enable*" : "enable", "Disable": "disable" }               },

// Email send a copy "rwEmailCCMe" : { "optionTitle" : "Send me a copy of the emails I send with RedWarn", "supportingText": "Change whether or not you wish to send a copy of the emails you send with RedWarn (such as to Wikimedia Trust and Safety and Oversight) to your email address.",

// Config options "options" : { "Send me a copy*" : "enable", "Don't send me a copy": "disable" }               },

// Add user talk page to watchlist "rwWatchTime" : { "optionTitle" : "Watch Time", "supportingText": "Change how long RedWarn watches a page for after leaving a warning. This will follow your MediaWiki preferences by default.",

// Config options "options" : { "Disable*": null, "Don't watch" : 0, "Indefinite": "indefinite", "1 day": "1 day", "1 week": "1 week", "1 month": "1 month" }               },

// developer safe mode "debugMode" : { "optionTitle" : "Developer safe mode", "supportingText": "This option allows developers to test RedWarn safely, and will only work on a RedWarn script provided by a development sever. IMPORTANT: To safely disable debug mode, open the debug menu and enable production behaviour.",

// Config options "options" : { "Enable" : "enable", "Disable*": "disable" }               }            }        }    ], // about card included by default

"generateHTML" : cardTitle=>{ // Generate HTML for UI to use given cardTitle matches let finalHTML = ``; rw.preferences.options.forEach(card=>{           if (card.cardTitle != cardTitle) return; // skip if not our card            // Add the full card html            finalHTML += `                <div class="mdl-card__title" style="color: #fff;                height: 176px;                background: url('${card.supportingImage}') center / cover;">                    <h2 class="mdl-card__title-text">${card.cardTitle}                 <div class="mdl-card__supporting-text">                ${(=>{ // Generate the content and return it

let fullOptionsStr = ``;

// For each config option in card for (const configKey in card.content) { const option = card.content[configKey]; // Append our HTML fullOptionsStr += ` ${option.optionTitle} ${option.supportingText} ${(=>{                           // Generate our options                            let finalRadioButtonHTML = ``;

for (const optText in option.options) { const optID = option.options[optText]; const elID = configKey + optID; finalRadioButtonHTML += ` <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="${elID}"> <input type="radio" id="${elID}" class="mdl-radio__button" name="${configKey}" value="${optID}" ${(optText.includes("*") ? `checked` : ``)} ${(option.customHTMLOpt != null ? option.customHTMLOpt : ``)}> <span class="mdl-radio__label">${optText.replace("*", " (default)")} `;                           }

return finalRadioButtonHTML; })}

`;                   }

return fullOptionsStr; // finally, add it back to the card })}               <div class="mdl-card__actions mdl-card--border">                     <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" onclick="saveConfig;">                        SAVE CHANGES                    </a>            `;        });

return finalHTML; // return for preferences pane } };

// rw-source: campaigns.js // Used to show WikiText headers to users, that can be dimissed. rw.campaigns = { "load" : =>{ // the only function that handles everything // Request campaign info from User:RedWarn/campaign.json $.getJSON("https://en.wikipedia.org/w/index.php?title=User:RedWarn/campaign.json&action=raw&ctype=text/json", c=>{           if (c.active && rw.config["campaign_"+ c.id] == null) { // only show if active and not dismissed                // Finally, add a notification above the string                $("#rwPGIconContainer").append(` new_releases Announcement from the RedWarn team! `);

// Now register that for (let item of document.getElementsByClassName("mdl-tooltip")) { rw.visuals.register(item); }

// Now add onclick handler $("#rwCampaignTopicon").click(=>{                   // Show dialog with campaign info                    rw.ui.confirmDialog(c.text, "READ MORE (in new tab) ", =>{ // Open in new tab with campaign details dialogEngine.closeDialog(=>redirect(c.actionTarget, true));

// Save rw.config["campaign_"+ c.id] = "opened"; // setting this value hides this campaign rw.info.writeConfig(true, =>{}); // save config },                   "DISMISS", =>{ dialogEngine.closeDialog;//this thing turns it off, but will still be shown on page until refresh ext.

// Save info rw.config["campaign_"+ c.id] = "dismissed"; // setting this value hides this campaign rw.info.writeConfig(true, =>{}); // save config

rw.visuals.toast.show("This message will be dismissed the next time RedWarn loads."); },c.dialogHeight);               }); }       });      } };

if (window.rwLoaded) { console.warn("RedWarn is being loaded twice!"); return; } else { window.rwLoaded = true; }   window.rw = rw;

$(document).ready(async function {       // Initialize RedWarn once the page is loaded.        try {            await initRW;        } catch (err) {            mw.notify("Sorry, an error occured while loading RedWarn.");            console.error(err);        }    }); }); // =========================== END REDWARN ============================ //