Added an option to permanently disable for all relevant components

package.json

@@ -2,7 +2,7 @@
     "name": "mod621",
     "displayName": "RE621 Mod Tools",
     "namespace": "mod621.bitwolfy.com",
-    "version": "6.6.0",
+    "version": "6.6.1",
     "description": "Moderation toolkit for e621.net",
     "author": "bitWolfy",
     "contributors": [

src/js/components/AppealReasons.ts

@@ -79,6 +79,8 @@ export default class AppealReasons extends Component {
   private initSettingsMenu() {
     this.settingsMenuDialogParameters = {
       elements: [
+        $(this.enabledElement),
+        $(`<br />`),
         $(html`<fieldset title="How should the button's text be added to the text box?">
             <legend>Text insertion mode</legend>
             <label for="setting-insertMode-insert" title="Insert the text at the cursor position.">Insert <input type="radio" id="setting-insertMode-insert" name="setting-insertMode" value="insert"${(this.Settings.insertMode ?? "insert") === "insert" ? " checked" : ""} /></label>
@@ -88,6 +90,7 @@ export default class AppealReasons extends Component {
       ],
       optionsOrTitle: this.settingsButtonLabel,
       then: (e: FormData) => {
+        if (!this.handleEnabledElement(e)) return;
         const v = e.get("setting-insertMode");
         if (v && (v === "insert" || v === "replace")) this.Settings.insertMode = v;
       },

src/js/components/AutoClickPosts.ts

@@ -119,6 +119,8 @@ export default class AutoClickPosts extends Component {
   private initSettingsMenu() {
     this.settingsMenuDialogParameters = {
       elements:[
+        $(this.enabledElement),
+        $(`<br />`),
         $(this.simpleSettingsCheckbox("hideButton", undefined)),
         $(`<br />`),
         $(this.simpleSettingsCheckbox("testMode", undefined)),
@@ -138,6 +140,7 @@ export default class AutoClickPosts extends Component {
       optionsOrTitle: "Auto-Click Posts Settings",
       then: (e: FormData) => {
         if (this.handleResetSettingsDialogElement(e)) return;
+        if (!this.handleEnabledElement(e)) return;
         this.Settings.hideButton = e.get(`${this.settingsIdPrefix}hideButton`) === "true";
         this.Settings.testMode = e.get(`${this.settingsIdPrefix}testMode`) === "true";
         this.Settings.clickBlacklisted = e.get(`${this.settingsIdPrefix}clickBlacklisted`) === "true";

src/js/components/AutoTaggingButtons.ts

@@ -240,6 +240,8 @@ export default class AutoTaggingButtons extends Component {
   private initSettingsMenu() {
     this.settingsMenuDialogParameters = {
       elements:[
+        $(this.enabledElement),
+        $(`<br />`),
         $(this.simpleSettingsCheckbox("doShow", "Show buttons?", "Should any button be loaded onto this page next time?")),
         $(`<br />`),
         $(this.simpleSettingsCheckbox("forceConfirm", "Force Confirm?", "Should you need to confirm the edit first?")),
@@ -254,6 +256,7 @@ export default class AutoTaggingButtons extends Component {
       optionsOrTitle: "Auto Tag Edits Settings",
       then: (e: FormData) => {
         if (this.handleResetSettingsDialogElement(e)) return;
+        if (!this.handleEnabledElement(e)) return;
         this.Settings.doShow = e.get(`${this.settingsIdPrefix}doShow`) === "true";
         this.Settings.forceConfirm = e.get(`${this.settingsIdPrefix}forceConfirm`) === "true";
         this.Settings.testMode = e.get(`${this.settingsIdPrefix}testMode`) === "true";

src/js/components/DMailBuilder.ts

@@ -168,6 +168,8 @@ export default class DMailBuilder extends Component {
   private initSettingsMenu() {
     this.settingsMenuDialogParameters = {
       elements: [
+        $(this.enabledElement),
+        $(`<br />`),
         $(html`<fieldset title="How should the button's text be added to the text box?">
             <legend>Text insertion mode</legend>
             <label for="setting-insertMode-insert" title="Insert the text at the cursor position.">Insert <input type="radio" id="setting-insertMode-insert" name="setting-insertMode" value="insert"${(this.Settings.insertMode ?? "insert") === "insert" ? " checked" : ""} /></label>
@@ -177,6 +179,7 @@ export default class DMailBuilder extends Component {
       ],
       optionsOrTitle: this.settingsButtonLabel,
       then: (e: FormData) => {
+        if (!this.handleEnabledElement(e)) return;
         const v = e.get("setting-insertMode");
         if (v && (v === "insert" || v === "replace")) this.Settings.insertMode = v;
       },

src/js/components/DMailToStaffNote.ts

@@ -47,6 +47,8 @@ export default class DMailToStaffNote extends Component {
   private revealSettingsDialog(): boolean {
     DialogForm.getRequestedInput(
       [
+        $(this.enabledElement),
+        $(`<br />`),
         $('<label for="setting-header">Default Staff Note Header</label>'),
         $(`<textarea id="setting-header" name="setting-header" placeholder="Valid template parameters: ${Array.from(this.templateVariables.keys()).join(", ")}"></textarea>`).text(this.Settings.header),
         $('<br />'),
@@ -55,6 +57,7 @@ export default class DMailToStaffNote extends Component {
       ],
       "Settings",
       (e: FormData) => {
+        if (!this.handleEnabledElement(e)) return;
         this.Settings.header = e.get("setting-header")?.toString() ?? "";
         this.Settings.footer = e.get("setting-footer")?.toString() ?? "";
         // TODO: Update text boxes

src/js/components/FilterOldFeedbacks.ts

@@ -75,7 +75,7 @@ export default class FilterOldFeedbacks extends Component {
   private initSettingsMenu() {
     this.settingsMenuDialogParameters = {
       elements:[
-        $(`<label for="setting-enabled" title="Enable this feature?">Enable this feature? <input type="checkbox" id="setting-enabled" name="setting-enabled" value="true" ${this.Settings.enabled ? "checked" : ""} /></label>`),
+        $(this.enabledElement),
         $(`<br />`),
         $(this.simpleSettingsCheckbox("fullHide", "Fully hide the rows?", "This won't leave any indicator they're hidden; be careful.")),
         $(`<br />`),
@@ -90,8 +90,7 @@ export default class FilterOldFeedbacks extends Component {
       ],
       optionsOrTitle: "Filter Old Feedbacks Settings",
       then: (e: FormData) => {
-        if (e.get("setting-enabled") !== "true" && confirm("Are you sure you want to disable the copy button? There is no UI to undo this.")) {
-          this.Settings.enabled = false;
+        if (!this.handleEnabledElement(e)) {
           this.all.forEach(e => e.classList.remove("hiddenForAge"));
           return;
         }

src/js/components/ForumBuilder.ts

@@ -52,6 +52,8 @@ export default class ForumBuilder extends Component {
   private initSettingsMenu() {
     this.settingsMenuDialogParameters = {
       elements: [
+        $(this.enabledElement),
+        $(`<br />`),
         $(html`<fieldset title="How should the button's text be added to the text box?">
             <legend>Text insertion mode</legend>
             <label for="setting-insertMode-insert" title="Insert the text at the cursor position.">Insert <input type="radio" id="setting-insertMode-insert" name="setting-insertMode" value="insert"${(this.Settings.insertMode ?? "insert") === "insert" ? " checked" : ""} /></label>
@@ -61,6 +63,7 @@ export default class ForumBuilder extends Component {
       ],
       optionsOrTitle: this.settingsButtonLabel,
       then: (e: FormData) => {
+        if (!this.handleEnabledElement(e)) return;
         const v = e.get("setting-insertMode");
         if (v && (v === "insert" || v === "replace")) this.Settings.insertMode = v;
       },

src/js/components/ReportContentData.ts

@@ -116,10 +116,15 @@ export default class ReportContentData extends Component {
   private initSettingsMenu() {
     this.settingsMenuDialogParameters = {
       elements: [
+        $(this.enabledElement),
+        $(`<br />`),
         $(`<label for="setting-loadMessage" title="Should the reported content be loaded onto this page next time?">Load Message? <input type="checkbox" id="setting-loadMessage" name="setting-loadMessage" value="true" ${this.Settings.loadMessage ? "checked" : ""}></input></label><br />`),
       ],
-      optionsOrTitle: "Mod Tools Settings",
-      then: (e: FormData) => this.Settings.loadMessage = e.get("setting-loadMessage") === "true",
+      optionsOrTitle: "Reported Message",
+      then: (e: FormData) => {
+        if (!this.handleEnabledElement(e)) return;
+        this.Settings.loadMessage = e.get("setting-loadMessage") === "true";
+      },
     };
   }
 

src/js/components/RipStaffNotes.ts

@@ -95,16 +95,18 @@ export default class RipStaffNotes extends Component {
           undefined,
           { placeholder: `Valid template parameters: ${StaffNote.extendedJsonKeys.join(", ")}` },
         )),
-        // $(`<textarea id="setting-header" name="setting-header" placeholder=""></textarea>`).text(this.Settings.staffNoteTemplate),
         $("<br />"),
         $(this.simpleSettingsCheckbox("reverseOrder")),
         $("<br />"),
+        $(this.enabledElement),
+        $("<br />"),
         $(this.resetSettingsDialogElement),
         $("<br />"),
       ],
       optionsOrTitle: "Rip Staff Notes",
       then: (e: FormData) => {
         if (this.handleResetSettingsDialogElement(e)) return;
+        if (!this.handleEnabledElement(e)) return;
         this.Settings.reverseOrder = e.get(`${this.settingsIdPrefix}reverseOrder`) === "true";
       },
     };

src/js/components/TicketReasons.ts

@@ -121,6 +121,8 @@ export default class TicketReasons extends Component {
   private initSettingsMenu() {
     this.settingsMenuDialogParameters = {
       elements: [
+        $(this.enabledElement),
+        $(`<br />`),
         $(html`<fieldset title="How should the button's text be added to the text box?">
             <legend>Text insertion mode</legend>
             <label for="setting-insertMode-insert" title="Insert the text at the cursor position.">Insert <input type="radio" id="setting-insertMode-insert" name="setting-insertMode" value="insert"${(this.Settings.insertMode ?? "insert") === "insert" ? " checked" : ""} /></label>
@@ -130,6 +132,7 @@ export default class TicketReasons extends Component {
       ],
       optionsOrTitle: this.settingsButtonLabel,
       then: (e: FormData) => {
+        if (!this.handleEnabledElement(e)) return;
         const v = e.get("setting-insertMode");
         if (v && (v === "insert" || v === "replace")) this.Settings.insertMode = v;
       },