set from current tab bold url of page

Author: hai-altx-soft

scripts/activity.js

@@ -6,6 +6,7 @@ class Activity {
             if (tab.id && (tab.id != 0)) {
                 tabs = tabs || [];
                 var domain = this.extractHostname(tab.url);
+                this.setCurrentActiveTab(domain);
                 if (this.isNewUrl(domain)) {
                     var favicon = tab.favIconUrl;
                     if (favicon === undefined){
@@ -16,6 +17,7 @@ class Activity {
                 }
             }
         }
+        else this.clearCurrentActiveTab();
     }
 
     isValidPage(tab) {
@@ -65,4 +67,12 @@ class Activity {
             }
         }
     }
+
+    setCurrentActiveTab(domain){
+        currentTab = domain;
+    }
+
+    clearCurrentActiveTab(){
+        currentTab = '';
+    }
 };

scripts/background.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var tabs = [];
+var currentTab;
 var activity = new Activity();
 var storage = new LocalStorage();
 

scripts/webact.js

@@ -18,6 +18,8 @@ function getTabsFromStorage(tabs) {
 
     totalTime = setTotalTime(tabs);
 
+    var currentTab = getCurrentTab();
+
     for (var i = 0; i < tabs.length; i++) {
         var div = document.createElement('div');
         div.classList.add('inline-flex');
@@ -30,6 +32,9 @@ function getTabsFromStorage(tabs) {
         var spanUrl = document.createElement('span');
         spanUrl.classList.add('span-url');
         spanUrl.innerText = tabs[i].url;
+        if (tabs[i].url == currentTab){
+            spanUrl.classList.add('span-active-url');
+        }
 
         var spanPercentage = document.createElement('span');
         spanPercentage.classList.add('span-percentage');
@@ -57,4 +62,8 @@ function setTotalTime(tabs) {
 
 function setPercentage(time){
     return ((time / totalTime) * 100).toFixed(2) + '%';
+}
+
+function getCurrentTab(){
+    return chrome.extension.getBackgroundPage().currentTab;
 }

style/webact.css

@@ -20,6 +20,10 @@ body {
     cursor: pointer;
 }
 
+.span-active-url{
+    font-weight: 700;
+}
+
 .span-url:hover{
     color: rgb(107, 107, 107);
 }