implmented Periodical CSV download as requested from #89d

Author: realrufans

src/manifest.json

@@ -23,7 +23,8 @@
             "idle",
             "chrome://favicon/*",
             "webNavigation",
-            "unlimitedStorage"
+            "unlimitedStorage",
+            "alarms"
         ],
         "optional_permissions": [
             "https://www.youtube.com/*",

src/options.html

@@ -98,6 +98,26 @@
                     <div class="margin-top-10">
                         <input type="button" value="Export to CSV" id='exportToCsv'>
                     </div>
+                    <div class="margin-top-10">
+                        <label class="setting-header">Periodic CSV download:</label>
+                      </div>
+                      <div class="margin-top-10">
+                        <label for="hour">Hour:</label>
+                        <select select id="hour" name="hour" class="option time-selector">
+                          <option>select</option>
+                        </select>
+          
+                        <label for="minute">Minute:</label>
+                        <select id="minute" name="minute" class="option time-selector">
+                          <option>select</option>
+                        </select>
+                        <input
+                          type="button"
+                          value="Save"
+                          class="time-save-btn"
+                          id="time-save-btn"
+                        />
+
                     <div class="separator"></div>
                     <div class="margin-top-10">
                         <input type="button" value="Backup" id='backup'>
@@ -113,6 +133,12 @@
                     <div class="notify warning" id='notify-restore-failed' hidden>
                         Backup file is not valid
                     </div>
+                            <div class="notify warning" id="notify-periodic-save-failed" hidden>
+                                Please select hour and minute
+                            </div>
+                            <div class="notify " id="notify-periodic-saved" hidden>
+                                Saved!
+                            </div>
                     <div class="separator"></div>
                     <!-- YouTube -->
                     <div class="margin-top-10">

src/scripts/background.js

@@ -399,6 +399,76 @@ function checkPermissionsForNotifications(callback, ...props) {
     });
 }
 
+function createFile(data, type, fileName) {
+    var file = new Blob([data], { type: type });
+    var downloadLink;
+    downloadLink = document.createElement("a");
+    downloadLink.download = fileName;
+    downloadLink.href = window.URL.createObjectURL(file);
+    downloadLink.style.display = "none";
+    document.body.appendChild(downloadLink);
+    downloadLink.click();
+  }
+  
+  function toCsv(tabsData) {
+    var str = "domain,date,time(sec)\r\n";
+    for (var i = 0; i < tabsData.length; i++) {
+      for (var y = 0; y < tabsData[i].days.length; y++) {
+        var line =
+          tabsData[i].url +
+          "," +
+          new Date(tabsData[i].days[y].date).toLocaleDateString() +
+          "," +
+          tabsData[i].days[y].summary;
+        str += line + "\r\n";
+      }
+    }
+  
+    createFile(str, "text/csv", "domains.csv");
+  }
+  
+  function exportToCSV() {
+    storage.getValue(STORAGE_TABS, function (item) {
+      toCsv(item);
+    });
+  }
+  
+  storage.getValue("SETTINGS_PERIODIC_HOUR_DOWNLOAD", function (hour) {
+    storage.getValue("SETTINGS_PERIODIC_MINUTE_DOWNLOAD", function (minute) {
+      if (typeof hour !== "number" || typeof minute !== "number") {
+        return;
+      } else {
+          autoDownloadCsv(hour, minute);
+      }
+    });
+  });
+  
+  function autoDownloadCsv(hour, minute) {
+    var now = new Date();
+    var triggerTime = new Date(
+      now.getFullYear(),
+      now.getMonth(),
+      now.getDate(),
+      hour,
+      minute,
+      0,
+      0
+    );
+  
+    if (triggerTime < now) {
+      triggerTime.setDate(triggerTime.getDate() + 1);
+    }
+    chrome.alarms.create("periodic_Download", {
+      when: triggerTime.getTime(),
+      periodInMinutes: 1440, // 24 hours
+    });
+    chrome.alarms.onAlarm.addListener(function (alarm) {
+      if (alarm.name === "periodic_Download") {
+        exportToCSV();
+      }
+    });
+  }
+  
 loadPermissions();
 addListener();
 loadAddDataFromStorage();

src/scripts/settings.js

@@ -4,6 +4,8 @@ var restrictionList = [];
 var notifyList = [];
 var blockBtnList = ['settingsBtn', 'restrictionsBtn', 'notifyBtn', 'aboutBtn'];
 var blockList = ['settingsBlock', 'restrictionsBlock', 'notifyBlock', 'aboutBlock'];
+var changed_Periodic_Download_Hour 
+var changed_Periodic_Download_Minutes 
 
 document.addEventListener('DOMContentLoaded', function () {
     document.getElementById('settingsBtn').addEventListener('click', function () {
@@ -72,6 +74,19 @@ document.addEventListener('DOMContentLoaded', function () {
     });
     $('.clockpicker').clockpicker();
 
+    document.getElementById("hour").addEventListener("change", function () {
+        changed_Periodic_Download_Hour = this.value;
+      });
+      document.getElementById("minute").addEventListener("change", function () {
+        changed_Periodic_Download_Minutes = this.value;
+      });
+    
+      document
+        .getElementById("time-save-btn")
+        .addEventListener("click", function () {
+          saveAutoDownloadTime();
+        });
+
     loadSettings();
 });
 
@@ -136,6 +151,8 @@ function loadSettings() {
     checkPermissionsForYT();
     checkPermissionsForNetflix();
     checkPermissionsForNotifications();
+    createHourOptions()
+    createMinutesOptions()
 }
 
 function checkPermissionsForYT() {
@@ -531,4 +548,63 @@ function updateNotificationList() {
 
 function updateNotificationMessage() {
     storage.saveValue(STORAGE_NOTIFICATION_MESSAGE, document.getElementById('notifyMessage').value);
-}
+}
+
+function createHourOptions() {
+    var select = document.querySelector("#hour");
+    for (let i = 0; i <= 23; i++) {
+      var option = document.createElement("option");
+      option.value = i;
+      option.text = i;
+      select.appendChild(option);
+    }
+    storage.getValue("SETTINGS_PERIODIC_HOUR_DOWNLOAD", function (item) {
+      if (item >= 0) {
+        document.getElementById("hour").value = item;
+      }
+    });
+  }
+  
+  function createMinutesOptions() {
+    var select = document.querySelector("#minute");
+    for (var i = 0; i <= 59; i++) {
+      var option = document.createElement("option");
+      option.value = i;
+      option.text = i;
+      select.appendChild(option);
+    }
+    storage.getValue("SETTINGS_PERIODIC_MINUTE_DOWNLOAD", function (item) {
+      if (item >= 0) {
+        document.getElementById("minute").value = item;
+      }
+    });
+  }
+  
+  function saveAutoDownloadTime() {
+    var hour = changed_Periodic_Download_Hour;
+    var minute = changed_Periodic_Download_Minutes;
+  
+    var _eminut = document.getElementById("minute").value;
+    var _ehour = document.getElementById("hour").value;
+    console.log(minute, hour, _ehour, _eminut);
+    if (
+      (Number(hour) >= 0 || Number(_ehour) >= 0) &&
+      (Number(minute) >= 0 || Number(_eminut) >= 0)
+    ) {
+      storage.saveValue(
+        "SETTINGS_PERIODIC_MINUTE_DOWNLOAD",
+        Number(_eminut) || Number(minute)
+      );
+      storage.saveValue(
+        "SETTINGS_PERIODIC_HOUR_DOWNLOAD",
+        Number(_ehour) || Number(hour)
+      );
+      viewNotify("notify-periodic-saved");
+    } else if (hour === "select" || minute === "select") {
+      viewNotify("notify-periodic-save-failed");
+      storage.saveValue("SETTINGS_PERIODIC_MINUTE_DOWNLOAD", "select");
+      storage.saveValue("SETTINGS_PERIODIC_HOUR_DOWNLOAD", "select");
+    }
+  
+   
+  }

src/style/settings.css

@@ -466,4 +466,12 @@ input[type="button"]:hover {
 
 .separator{
     margin: 30px 0;
-}
+}
+
+.time-save-btn{
+    max-width: 20px !important;
+    margin-left: 5px !important;
+ }
+ .time-selector{
+     min-width: 10px !important;
+ }