update

Author: JohnPiwinski

src/block.html

@@ -14,12 +14,12 @@
    <div>
       <img src="icons/time.svg" height="50">
       <p class="title">Time limit</p>
-      <div class="description">You've reached today your limit on <span id='site' class="current-site"></span></div>
+      <div class="description">Do something meaningful with your life! You've reached today your limit on <span id='site' class="current-site"></span></div>
       <div class="description margin-top-10">Your current daily limit is <span id='limit' class="current-limit"></span></div>
 
       <div class="margin-top-10"><a id="deffererBtn" class="defferer-link">Set aside for 5 minutes</a></div>
    </div>
    <p class="product-title">Web Activity Time Tracker</p>
 </body>
 
-</html>
+</html>

src/manifest.json

@@ -1,49 +1,56 @@
 {
-        "manifest_version": 2,
-    
-        "name": "Web Activity Time Tracker",
-        "short_name": "Web Time Tracker",
-        "version": "1.5.4",
-        "minimum_chrome_version": "26",
+    "manifest_version": 2,
 
-        "description": "Track and limit time your activity in the browser every day.",
+    "name": "Web Activity Time Tracker",
+    "short_name": "Web Time Tracker",
+    "version": "1.5.4",
+    "minimum_chrome_version": "26",
 
-        "options_page": "options.html",
-    
-        "icons": {
-            "16": "icons/16x16.png",
-            "32": "icons/32x32.png",
-            "48": "icons/48x48.png",
-            "128": "icons/128x128.png"
-        },
-        "permissions": [
-            "tabs",
-            "activeTab",
-            "storage",
-            "idle",
-            "chrome://favicon/*",
-            "webNavigation",
-            "unlimitedStorage"
-        ],
-        "optional_permissions": [
-            "https://www.youtube.com/*",
-            "https://www.netflix.com/*",
-            "notifications"
-          ],
-        "offline_enabled": true,
-        "background": {
-            "scripts": ["scripts/common.js", 
-                        "scripts/storage.js", 
-                        "scripts/activity.js", 
-                        "scripts/tab.js", 
-                        "scripts/timeInterval.js",
-                        "scripts/background.js",
-                        "scripts/restriction.js"],
+    "description": "Track and limit time your activity in the browser every day.",
+
+    "options_page": "options.html",
+
+    "icons": {
+        "16": "icons/16x16.png",
+        "32": "icons/32x32.png",
+        "48": "icons/48x48.png",
+        "128": "icons/128x128.png"
+    },
+    "permissions": [
+        "tabs",
+        "activeTab",
+        "storage",
+        "idle",
+        "chrome://favicon/*",
+        "webNavigation",
+        "unlimitedStorage"
+    ],
+    "optional_permissions": [
+        "https://www.youtube.com/*",
+        "https://www.netflix.com/*",
+        "notifications"
+    ],
+    "offline_enabled": true,
+    "background": {
+        "scripts": ["scripts/common.js",
+            "scripts/storage.js",
+            "scripts/activity.js",
+            "scripts/tab.js",
+            "scripts/timeInterval.js",
+            "scripts/background.js",
+            "scripts/restriction.js"],
             "persistent": false
-        },
-        "browser_action": {
-            "default_popup": "index.html",
-            "default_title": "Web Activity Time Tracker",
-            "default_icon": "icons/48x48.png"
+    },
+    "content_scripts": [
+        {
+            "matches": ["https://*.youtube.com/*"],
+            "css": ["style/content.css"],
+            "js": ["scripts/content.js"]
         }
-}
+    ],
+    "browser_action": {
+        "default_popup": "index.html",
+        "default_title": "Web Activity Time Tracker",
+        "default_icon": "icons/48x48.png"
+    }
+}

src/scripts/background.js

@@ -396,4 +396,4 @@ loadPermissions();
 addListener();
 loadAddDataFromStorage();
 updateSummaryTime();
-updateStorage();
+updateStorage();

src/scripts/common.js

@@ -228,4 +228,4 @@ function treatAsUTC(date) {
 function daysBetween(startDate, endDate) {
     var millisecondsPerDay = 24 * 60 * 60 * 1000;
     return ((treatAsUTC(endDate) - treatAsUTC(startDate)) / millisecondsPerDay) + 1;
-}
+}

src/scripts/content.js

@@ -0,0 +1,25 @@
+var banner = document.createElement("h2");
+banner.id = "timer-banner"
+banner.innerHTML = "";
+document.body.insertBefore(banner,document.body.childNodes[0]);
+
+var seconds = 0, minutes = 0, hours = 0, t;
+
+function add() {
+    seconds++;
+    if (seconds >= 60) {
+        seconds = 0;
+        minutes++;
+        if (minutes >= 60) {
+            minutes = 0;
+            hours++;
+        }
+    }
+
+    banner.textContent = "You have wasted " + (hours ? (hours > 9 ? hours : "0" + hours) : "00") + ":" + (minutes ? (minutes > 9 ? minutes : "0" + minutes) : "00") + ":" + (seconds > 9 ? seconds : "0" + seconds) + " of your life.";
+    timer();
+}
+function timer() {
+    t = setTimeout(add, 1000);
+}
+timer();

src/scripts/settings.js

@@ -528,4 +528,4 @@ function updateNotificationList() {
 
 function updateNotificationMessage() {
     storage.saveValue(STORAGE_NOTIFICATION_MESSAGE, document.getElementById('notifyMessage').value);
-}
+}

src/scripts/ui.js

@@ -419,4 +419,4 @@ class UI {
         document.getElementById('preloader').classList.remove('preloader');
         document.getElementById('preloader').classList.add('hide');
     }
-}
+}

src/scripts/webact.js

@@ -562,4 +562,4 @@ function fillValuesForBlockWithInActiveDay(prefix, dayValue, timeValue, flag) {
         document.getElementById(prefix).value = dayValue;
         document.getElementById(prefix + 'Time').value = timeValue;
     }
-}
+}

src/style/content.css

@@ -0,0 +1,9 @@
+#timer-banner {
+    /*all: revert;*/
+
+    margin: auto;
+    width: 50%;
+    position: absolute;
+    text-align: center;
+    z-index: 1000000000;
+}