Delete buymeacoffe links & add paypall links for donate + small fix design for empty tabs

Author: hai-altx-soft

manifest.json

@@ -3,7 +3,7 @@
 
         "name": "Web Activity Time Tracker",
         "short_name": "Web Activity",
-        "version": "0.7.7",
+        "version": "0.7.8",
         "minimum_chrome_version": "26",
 
         "description": "Track your activity in the browser.",

options.html

@@ -123,58 +123,18 @@
                      href="https://chrome.google.com/webstore/detail/web-activity-time-tracker/hhfnghjdeddcfegfekjeihfmbjenlomm/reviews"
                      target="_blank">Let me know!</a></label>
             </div>
+            <hr class="margin-top-20">
             <div class="margin-top-10">
-               <label>If you like what I'm accomplishing, feel free to buy me a coffee ☕️ Thank you for your
-                  support!</label>
-               <div class="margin-top-10">
-                  <style>
-                     .bmc-button img {
-                        width: 27px !important;
-                        margin-bottom: 1px !important;
-                        box-shadow: none !important;
-                        border: none !important;
-                        vertical-align: middle !important;
-                     }
-
-                     .bmc-button {
-                        line-height: 36px !important;
-                        height: 37px !important;
-                        text-decoration: none !important;
-                        display: inline-flex !important;
-                        color: #FFFFFF !important;
-                        background-color: #FF813F !important;
-                        border-radius: 3px !important;
-                        border: 1px solid transparent !important;
-                        padding: 1px 9px !important;
-                        font-size: 22px !important;
-                        letter-spacing: 0.6px !important;
-                        box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;
-                        -webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
-                        margin: 0 auto !important;
-                        font-family: 'Cookie', cursive !important;
-                        -webkit-box-sizing: border-box !important;
-                        box-sizing: border-box !important;
-                        -o-transition: 0.3s all linear !important;
-                        -webkit-transition: 0.3s all linear !important;
-                        -moz-transition: 0.3s all linear !important;
-                        -ms-transition: 0.3s all linear !important;
-                        transition: 0.3s all linear !important;
-                     }
-
-                     .bmc-button:hover,
-                     .bmc-button:active,
-                     .bmc-button:focus {
-                        -webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
-                        text-decoration: none !important;
-                        box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;
-                        opacity: 0.85 !important;
-                        color: #FFFFFF !important;
-                     }
-                  </style>
-                  <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button"
-                     target="_blank" href="https://www.buymeacoffee.com/webactivitytime"><img
-                        src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee"><span
-                        style="margin-left:5px">Buy me a coffee</span></a>
+               <label>If you like extensions, you can support Web Activity Time Tracker by donating: </label>
+               <div class="margin-top-20">
+                  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
+                     <input type="hidden" name="cmd" value="_donations" />
+                     <input type="hidden" name="business" value="JBQEMTYGHGJVS" />
+                     <input type="hidden" name="item_name" value="Web Activity Time Tracker" />
+                     <input type="hidden" name="currency_code" value="USD" />
+                     <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
+                     <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
+                     </form>
                </div>
             </div>
          </div>

scripts/storage.js

@@ -1,13 +1,17 @@
 'use strict';
 
 class LocalStorage {
-    loadTabs(name, callback) {
+    loadTabs(name, callback, callbackIsUndefined) {
         chrome.storage.local.get(name, function (item) {
             if (item[name] !== undefined) {
                 var result = item[name];
                 if (result !== undefined)
                     callback(result);
             }
+            else {
+                if (callbackIsUndefined !== undefined)
+                    callbackIsUndefined();
+            }
         });
     }
 
@@ -29,7 +33,7 @@ class LocalStorage {
         });
     }
 
-    getMemoryUse(name, callback){
+    getMemoryUse(name, callback) {
         chrome.storage.local.getBytesInUse(name, callback);
     }
 };

scripts/ui.js

@@ -56,10 +56,14 @@ class UI {
         document.getElementById(elementName).innerHTML = '<p class="no-data">No data</p>';
     }
 
-    fillEmptyBlockForDays() {
+    fillEmptyBlockForDaysIfInvalid() {
         document.getElementById('tableForDaysBlock').innerHTML = '<p class="no-data">Invalid date</p>';
     }
 
+    fillEmptyBlockForDays() {
+        document.getElementById('tableForDaysBlock').innerHTML = '<p class="no-data">No data</p>';
+    }
+
     addHrAfterChart() {
         document.getElementById('chart').appendChild(document.createElement('hr'));
     }

scripts/webact.js

@@ -49,7 +49,7 @@ function getLimitsListFromStorage() {
 }
 
 function getDataFromStorage() {
-    storage.loadTabs(STORAGE_TABS, getTabsFromStorage);
+    storage.loadTabs(STORAGE_TABS, getTabsFromStorage, fillEmptyBlock);
 }
 
 function getDataFromStorageByDays() {
@@ -62,6 +62,10 @@ function getLimitsListFromStorageCallback(items){
     else restrictionList = [];
 }
 
+function fillEmptyBlock(){
+    ui.fillEmptyBlock('chart');
+}
+
 function getTabsFromStorage(tabs) {
     tabsFromStorage = tabs;
     targetTabs = [];
@@ -209,6 +213,10 @@ function getFirstDay() {
 
 function getTabsByDays(tabs) {
     var range = ui.getDateRange();
+    if (tabs === undefined){
+        ui.fillEmptyBlockForDays();
+        return;
+    }
     if (range.from !== 'Invalid Date' && range.to !== 'Invalid Date') {
         var listOfDays = [];
         tabs.map(function (a) {
@@ -231,7 +239,7 @@ function getTabsByDays(tabs) {
         ui.fillListOfDays(listOfDays);
     }
     else {
-        ui.fillEmptyBlockForDays();
+        ui.fillEmptyBlockForDaysIfInvalid();
     }
 }