Improve: mark unavailable (non-working) modules as such (i.e., 101.ru)

Улучшено: обозначены недостуные (нерабочие) модули (например, 101.ru)

Author: PoziWorld

_locales/en_US/messages.json

@@ -826,6 +826,10 @@
     "message": "Enabled"
   }
   ,
+  "unavailable": {
+    "message": "(Unavailable)"
+  }
+  ,
   "connected": {
     "message": "Connected"
   }

_locales/ru/messages.json

@@ -826,6 +826,10 @@
     "message": "Подключён"
   }
   ,
+  "unavailable": {
+    "message": "(Недоступен)"
+  }
+  ,
   "connected": {
     "message": "Подсоединён"
   }

global/js/global.js

@@ -73,7 +73,8 @@ var Global                        = {
   // Embedded modules (replicates manifest's "content_scripts")
   , objModules : {
         ru_101 : {
-            objRegex : /^(http:\/\/|https:\/\/)101.ru\/.*/
+            boolIsAvailable : false
+          , objRegex : /^(http:\/\/|https:\/\/)101.ru\/.*/
           , strDomain : 'https://101.ru/'
           , arrHosts : [
                 '101.ru'
@@ -1719,10 +1720,11 @@ var Global                        = {
 
     ( boolExternal ? StorageLocal : StorageSync ).get( strObjSettings, function( objReturn ) {
       var objModuleSettings = objReturn[ strObjSettings ];
+      var boolIsAvailable = objModuleSettings.boolIsAvailable;
 
-      if (  typeof objModuleSettings === 'object'
-        &&  objModuleSettings.boolIsEnabled
-      ) {
+      boolIsAvailable = typeof boolIsAvailable !== 'boolean' || boolIsAvailable;
+
+      if ( typeof objModuleSettings === 'object' && boolIsAvailable && objModuleSettings.boolIsEnabled ) {
         strLog = 'isModuleEnabled, ' + strCallerLog;
         Log.add( strLog + strLogSuccess, intTabId );
 

options/css/options.css

@@ -341,6 +341,7 @@
     }
   .modulesListItem
     {
+      position: relative;
       padding: .75rem .75rem .75rem 7.75rem;
       min-height: 5rem;
       border-bottom: .1rem dashed #f0f0f0;
@@ -358,6 +359,18 @@
     {
       background-color: #fafafa;
     }
+  .unavailable.modulesListItem::after
+    {
+      content: '';
+      position: absolute;
+      z-index: 1;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      background-color: #ccc;
+      opacity: .4;
+    }
   .modulesListItemImg
     {
       position: absolute;

options/index.html

@@ -56,7 +56,7 @@ <h1 id="extensionName" i18n-content="extensionName"></h1>
                 class="menuItemWrap"
                 id="menuItemWrap_{{objModule.id}}"
                 ng-repeat="objModuleTmp in arrModulesNames"
-                ng-if="( objModule = objModules[ objModuleTmp[ 'strModuleId' ] ] ) && objModule.type === 'built-in'"
+                ng-if="( objModule = objModules[ objModuleTmp[ 'strModuleId' ] ] ) && objModule.type === 'built-in' && objModule.boolIsAvailable"
                 module-menu-item-directive
                   >
                 <a

options/js/app.js

@@ -105,6 +105,7 @@ function getModules( Storage, $rootScope, funcResolve, funcReject ) {
     for ( var strKey in objStorage ) {
       if ( objStorage.hasOwnProperty( strKey ) && strKey.indexOf( strConstSettingsPrefix ) === 0 ) {
         var strModule = strKey.replace( strConstSettingsPrefix, '' );
+        var objGlobalModule = Global.objModules[ strModule ];
         var objModule = objStorage[ strKey ];
 
         objModule.id = strModule;
@@ -114,7 +115,7 @@ function getModules( Storage, $rootScope, funcResolve, funcReject ) {
          */
         if ( Storage === StorageSync ) {
           // Check if built-in module is available
-          if ( ! Global.objModules[ strModule ] && strModule !== strConstGeneralSettingsSuffix ) {
+          if ( ! objGlobalModule && strModule !== strConstGeneralSettingsSuffix ) {
             continue;
           }
 
@@ -124,6 +125,12 @@ function getModules( Storage, $rootScope, funcResolve, funcReject ) {
           objModule.caption = chrome.i18n.getMessage( strModuleVar );
           objModule.captionLong = chrome.i18n.getMessage( strModuleVar + '_long' );
 
+          if ( objGlobalModule ) {
+            var boolIsAvailable = objGlobalModule.boolIsAvailable;
+
+            objModule.boolIsAvailable = typeof boolIsAvailable !== 'boolean' || boolIsAvailable;
+          }
+
           if ( strModule !== strConstGeneralSettingsSuffix ) {
             arrModulesNames.push( {
                 strModuleId : strModule

options/partials/settings-modules-list.html

@@ -46,6 +46,7 @@ <h1 id="modulesListPageHeading" class="pageHeading">
           <p
             ng-repeat="objModuleTmp in arrModulesNames"
             ng-if="( objModule = objModules[ objModuleTmp[ 'strModuleId' ] ] ) && ( strModuleId = objModule.id ) !== '' && ( objGlobalModule = objGlobalModules[ strModuleId ] ) != undefined && strModuleId !== 'general'"
+            ng-class="{ unavailable: ( boolIsAvailable = objGlobalModule.boolIsAvailable ) != undefined && ! boolIsAvailable }"
             class="modulesListItem"
             id="modulesListItem_{{strModuleId}}"
             localize
@@ -65,7 +66,16 @@ <h1 id="modulesListPageHeading" class="pageHeading">
             <a
               ng-href="#/settings/modules/built-in/{{strModuleId}}"
               class="modulesListItemCaption"
-                >{{strCaption = objModule.caption}}</a>
+                >
+              <span
+                ng-if="boolIsAvailable != undefined && ! boolIsAvailable"
+                class="modulesListItemCheckboxCopy"
+                i18n-content="unavailable"
+                  >
+                {{strCaption = objModule.caption}}
+              </span>
+              {{strCaption = objModule.caption}}
+            </a>
             <br>
             <span
               class="modulesListItemHosts i18nNoInner i18nTitle"