update extension icon and add icon badge

Author: tmunzer

.DS_Store

@@ -5,9 +5,9 @@
     "version": "1.3.3",
     "description": "Chrome Extension for Mist Developpers to provide easier access to Mist APIs",
     "icons": {
-        "16": "assets/icon16.png",
-        "48": "assets/icon48.png",
-        "128": "assets/icon128.png"
+        "16": "assets/favicon-16x16.png",
+        "48": "assets/favicon-48x48.png",
+        "128": "assets/favicon-128x128.png"
     },
     "action": {
         "default_popup": "index.html?#/popup",

src/angular/src/assets/favicon-128x128.png

@@ -8,7 +8,5 @@ chrome.runtime.onMessage.addListener((request, sender, respond) => {
   });
 
   handler.then(message => respond(message)).catch(error => respond(error));
-
   return true;
 });
-

src/angular/src/assets/favicon-16x16.png

@@ -1 +1,57 @@
 console.log('serviceWorker script loaded');
+//chrome.action.setBadgeBackgroundColor("#4caf50")
+
+
+chrome.tabs.onActivated.addListener(info => {
+    getUrl(info.tabId);
+})
+
+chrome.tabs.onUpdated.addListener((tab) => {
+    getUrl(tab);
+
+})
+
+function getUrl(tabId: number) {
+    setTimeout(() => {
+        chrome.tabs.get(tabId, (tab) => {
+            if (tab) {
+                checkUrl(tab.url);
+            } else {
+                getUrl(tabId);
+            }
+        })
+    }, 100);
+}
+
+function checkUrl(tabUrl: string) {
+
+        const orgsle_re = /https:\/\/manage\.(?<host>[a-z0-1.]*mist\.com)\/admin\/\?org_id=(?<org_id>[0-9a-f-]*)#!dashboard\/(?<scope>siteComparison|wiredSiteComparison|wanSiteComparison)\/(?<sle>[a-z-]*)\/(?<worstsle>[a-z-]*)\/([a-z-_]*)\/(?<period>[0-9a-z-]*)\/(?<start>[0-9]*)\/(?<stop>[0-9]*)/iys;
+        const sle_re = /https:\/\/manage\.(?<host>[a-z0-1.]*mist\.com)\/admin\/\?org_id=(?<org_id>[0-9a-f-]*)#!dashboard\/(?<detail>serviceLevels|wiredserviceLevels|wanserviceLevels)\/(?<scope>[a-z-]*)\/(?<scope_id>[a-f0-9-]*)\/(?<period>[0-9a-z-]*)\/(?<start>[0-9]*)\/(?<stop>[0-9]*)\/(?<site_id>[a-f0-9-]*)/iys;
+        const insights_re = /https:\/\/(manage|integration)\.(?<host>[a-z0-1.]*mist\.com)\/admin\/\?org_id=(?<org_id>[0-9a-f-]*)#!dashboard\/insights\/((?<obj>[a-z]+)\/)?((?<obj_id>[a-z0-9-]+)\/)((?<period>[a-z0-9]+)\/)?((?<start>[0-9]*)\/)?((?<stop>[0-9]*)\/)?(?<site_id>[0-9a-f-]*)?/iys;
+        const common_re = /https:\/\/(manage|integration)\.(?<host>[a-z0-1.]*mist\.com)\/admin\/\?org_id=(?<org_id>[0-9a-f-]*)#!(?<obj>[a-z]+)\/?((?<detail>detail|template|site|rfTemplate|admin|edgedetail|clusterdetail|new|view)\/)?([0-9]\/)?((?<obj_id>[0-9a-z_-]*)\/)?(?<site_id>[0-9a-f-]*)?/yis;
+
+        const orgsle = orgsle_re.exec(tabUrl);
+        const sle = sle_re.exec(tabUrl);
+        const insights = insights_re.exec(tabUrl);
+        const common = common_re.exec(tabUrl);
+        if (orgsle) {
+            apiBadge(true);            
+        } else if (sle) {        
+            apiBadge(true);            
+        } else if (insights) {
+            apiBadge(true);            
+        } else if (common) {
+            apiBadge(true);
+        } else {
+            apiBadge(false);
+        }
+    }
+    
+    function apiBadge(show:boolean) {
+        if (show){
+            chrome.action.setBadgeBackgroundColor({color: "#1ba3f2"})
+            chrome.action.setBadgeText({"text": "API"});
+        } else {
+            chrome.action.setBadgeText({"text": ""});
+        }
+}