groundwork for timers

Author: hai-altx-soft

scripts/tab.js

@@ -1,6 +1,6 @@
 var Tab = function (domain, favicon) {
     this.url = domain;
-    this.startTime = Date.now;
+    this.startTime = new Date();
     this.favicon = favicon;
  };
 
@@ -9,5 +9,14 @@ Tab.prototype = {
     startTime: {},
     summaryTime: {},
     favicon: {},
-    percentage: {}
+    percentage: {},
+
+    start: function(){
+        this.startTime = new Date();
+    },
+
+    stop: function(){
+        this.summaryTime = new Date() - this.startTime;
+        this.startTime = null;
+    }
 };

scripts/webTimer.js

@@ -13,8 +13,9 @@ WebTimer.prototype = {
                     var newTab = new Tab(domain, tab.favIconUrl);
                     this.tabs.push(newTab);
                 }
-                this.startTimeTracker(tab);
+                this.startTimeTracker(this.getTab(domain));
                 this.currentTab = domain;
+                this.stopTimeTracker(this.getTab(this.currentTab));
             }
         }
     },
@@ -25,6 +26,10 @@ WebTimer.prototype = {
         else return true;
     },
 
+    getTab: function (domain) {
+        return this.tabs.find(o => o.url === domain);
+    },
+
     extractHostname: function (url) {
         var hostname;
 
@@ -50,6 +55,12 @@ WebTimer.prototype = {
     },
 
     startTimeTracker: function (tab) {
-        var tab = new Tab(tab.url, tab.favIconUrl);
+        tab.start();
+        chrome.storage.sync.set({'tabs': JSON.stringify(this.tabs)});
+    },
+
+    stopTimeTracker: function (tab) {
+        tab.stop();
+        chrome.storage.sync.set({'tabs': JSON.stringify(this.tabs)});
     }
 };

scripts/webact.js

@@ -1,7 +1,15 @@
 window.onload = function () {
-    var table = document.getElementById('resultTable');
-    var tabs = chrome.extension.getBackgroundPage().timer.tabs;
+    var resultTabs = {};
+    //var tabs = chrome.extension.getBackgroundPage().timer.tabs;
+    chrome.storage.sync.get('tabs', function(val){
+        resultTabs = JSON.parse(val.tabs);
+        getTabsFromStorage(resultTabs);
+    });
+};
+
+function getTabsFromStorage(tabs){
     for (var i = 0; i < tabs.length; i++) {
+        var table = document.getElementById('resultTable');
         var div = document.createElement('div');
         div.classList.add('inline-flex');
 
@@ -10,11 +18,11 @@ window.onload = function () {
         img.setAttribute('src', tabs[i].favicon);
 
         var span = document.createElement('span');
-        span.innerText = tabs[i].url;
+        span.innerText = tabs[i].url + ' ' + tabs[i].summaryTime;
         span.classList.add('margin-left-5');
 
         div.appendChild(img);
         div.appendChild(span);
         table.appendChild(div);
     }
-};
+}