fine tune tooltips in 3rd-party lists pane

src/3p-filters.html

@@ -51,8 +51,8 @@
          --><span class="counts dim"></span>&#8203;<!--
          --><span class="fa status obsolete" title="3pExternalListObsolete">&#xf071;</span>&#8203;<!--
          --><span class="fa status cache">&#xf017;</span>&#8203;<!--
-         --><span class="fa status updating">&#xf110;</span>&#8203;<!--
+         --><span class="fa status updating" title="3pUpdating">&#xf110;</span>&#8203;<!--
-         --><span class="fa status failed">&#xf06a;</span>
+         --><span class="fa status failed" title="3pNetworkError">&#xf127;</span>
             </li>
         </ul>
     </div>

src/_locales/en/messages.json

@@ -335,25 +335,21 @@
     "message":"One URL per line. Lines prefixed with ‘!’ will be ignored. Invalid URLs will be silently ignored.",
     "description":"English: One URL per line. Lines prefixed with ‘!’ will be ignored. Invalid URLs will be silently ignored."
   },
-  "3pExternalListsApply":{
-    "message":"Parse",
-    "description":"English: Parse"
-  },
-  "3pExternalListPurge":{
-    "message":"purge cache",
-    "description":"English: purge cache"
-  },
-  "3pExternalListNew":{
-    "message":"new version available",
-    "description":"English: new version available"
-  },
   "3pExternalListObsolete":{
-    "message":"out of date",
+    "message":"Out of date.",
-    "description":"a filter list is 'out of date' (possibly needs to be updated)"
+    "description":"used as a tooltip for the out-of-date icon beside a list"
   },
   "3pLastUpdate":{
-    "message":"Last update: {{ago}}",
+    "message":"Last update: {{ago}}.\nClick to force an update.",
-    "description":"English: Last update: {{ago}}, where 'ago' will be replaced with something like '2 days ago'"
+    "description":"used as a tooltip for the clock icon beside a list"
+  },
+  "3pUpdating":{
+    "message":"Updating...",
+    "description":"used as a tooltip for the spinner icon beside a list"
+  },
+  "3pNetworkError":{
+    "message":"A network error prevented the resource from being updated.",
+    "description":"used as a tooltip for error icon beside a list"
   },
   "1pFormatHint":{
     "message":"One filter per line. A filter can be a plain hostname, or an Adblock Plus-compatible filter. Lines prefixed with ‘!’ will be ignored.",

src/js/3p-filters.js

@@ -43,6 +43,7 @@ var onMessage = function(msg) {
         break;
     case 'assetsUpdated':
         document.body.classList.remove('updating');
+        renderWidgets();
         break;
     case 'staticFilteringDataChanged':
         renderFilterLists();
@@ -137,12 +138,17 @@ var renderFilterLists = function(soft) {
         );
         li.classList.toggle('failed', asset.error !== undefined);
         li.classList.toggle('obsolete', asset.obsolete === true);
-        li.classList.toggle('cached', asset.cached === true && asset.writeTime > 0);
+        if ( asset.cached === true ) {
-        if ( asset.cached ) {
+            li.classList.add('cached');
             li.querySelector('.status.cache').setAttribute(
                 'title',
-                lastUpdateTemplateString.replace('{{ago}}', renderElapsedTimeToString(asset.writeTime))
+                lastUpdateTemplateString.replace(
+                    '{{ago}}',
+                    renderElapsedTimeToString(asset.writeTime)
+                )
             );
+        } else {
+            li.classList.remove('cached');
         }
         li.classList.remove('discard');
         return li;