change labels on menu state button

Author: mneunomne

src/js/adn/menu.js

@@ -140,7 +140,8 @@ import { broadcast, onBroadcast } from '../broadcast.js';
         currentNotifications = data.notifications
         renderNotifications(data.notifications)
         adjustBlockHeight(data.disableWarnings)
-        initialButtonState = getIsDisabled() ? 'disabled' : getIsStrictBlocked() ? 'strict' : 'active';
+        initialButtonState = getIsDisabled() ? 'disable' : getIsStrictBlocked() ? 'strict' : 'active';
+        updateLabels(initialButtonState)
         // set button state
         if (getIsDisabled()) {
           // disabled 
@@ -623,14 +624,15 @@ import { broadcast, onBroadcast } from '../broadcast.js';
   // on change state of toggle button
   const onChangeState = function (evt) {
     updatedButtonState = this.value;
+    updateLabels(this.value)
     switch (this.value) {
       case 'strict':
         onClickStrict();
         if (initialButtonState === 'active') {
           updateRefreshNotification(currentNotifications)
         } else {
           hideRefreshNotification()
-        }
+        }        
         break;
       case 'active':
         toggleStrictAlert(popupData.pageURL, false)
@@ -654,6 +656,23 @@ import { broadcast, onBroadcast } from '../broadcast.js';
     }
   }
 
+  const updateLabels = function (val) {
+    switch (val) {
+      case 'strict':
+          uDom("#active-lbl").text('activate')
+          uDom("#disable-lbl  .btn_radio_label-text").text('disable')
+        break;
+        case 'active':
+          uDom("#active-lbl").text('active')
+          uDom("#disable-lbl  .btn_radio_label-text").text('disable')
+        break;
+      case 'disable':
+          uDom("#active-lbl").text('activate')
+          uDom("#disable-lbl  .btn_radio_label-text").text('disabled')
+        break;
+    }
+  }
+
   // when changing "page" and "domain" scope from the popup menu on the "disable button" 
   const onChangeDisabledScope = function (evt) {
     // check if url is domain home