✨ Add popup message when disabled

FrostCo · Mar 19, 2024 · bef5955 · bef5955
1 parent cd43cd3
commit bef5955
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/src/script/popup.ts b/src/script/popup.ts
@@ -131,6 +131,15 @@ export default class Popup {
     this.Class.disable(domainToggle);
   }
 
+  get disabledReason() {
+    if (this.isRestrictedPage) return 'Popup disabled by browser';
+    if (this.isPasswordProtected) return 'Popup disabled by password';
+    if (this.cfg.enabledDomainsOnly && !this.domain.enabled) return 'Popup disabled by domain mode';
+    if (this.disabledTab) return 'Popup disabled for tab';
+    if (this.domain.disabled) return 'Popup disabled for domain';
+    return '';
+  }
+
   disableOptions() {
     const domainModeSelect = document.getElementById('domainModeSelect') as HTMLSelectElement;
     const filterMethodSelect = document.getElementById('filterMethodSelect') as HTMLSelectElement;
@@ -182,6 +191,12 @@ export default class Popup {
     this.disableOptions();
   }
 
+  handleDisabledMessage() {
+    const element = document.querySelector('#disabledMessage') as HTMLElement;
+    element.textContent = ` ${this.disabledReason}`;
+    this.isDisabled ? this.Class.show(element) : this.Class.hide(element);
+  }
+
   handleEnabled() {
     this.setDomainSwitch(true);
     this.enableOptions();
@@ -297,6 +312,8 @@ export default class Popup {
 
     if (this.wordlistsEnabled) this.handleWordlistsEnabled();
 
+    this.handleDisabledMessage();
+
     if (this.isRestrictedPage) {
       this.handleRestrictedPage();
       return false;

diff --git a/src/static/popup.css b/src/static/popup.css
@@ -77,6 +77,12 @@ body {
   font-size: 10px;
 }
 
+#footer #disabledMessage {
+  color: red;
+  font-size: small;
+  text-align: center;
+}
+
 h4 {
   margin-bottom: 5px;
 }

diff --git a/src/static/popup.html b/src/static/popup.html
@@ -53,6 +53,7 @@
     <a id="gettingStarted" href="https://github.com/FrostCo/AdvancedProfanityFilter/wiki" target="_blank">Help</a>
     - <a href="https://github.com/FrostCo/AdvancedProfanityFilter/releases" target="_blank">Changelog</a>
     - <a href="https://github.com/FrostCo/AdvancedProfanityFilter/issues" target="_blank">Support</a>
+    <div id="disabledMessage"></div>
   </div>
 
   <div id="uncaughtErrors"></div>