srikarg · Jul 20, 2018 · Jul 20, 2018 · Sep 7, 2018
Showing with 49 additions and 3 deletions.

+45 −2 js/override.js

+2 −1 manifest.json

+2 −0 src/override/override.html
diff --git a/js/override.js b/js/override.js
@@ -10,18 +10,61 @@ $(function() {
         });
     };
 
+    var exportData = function() {
+        chrome.storage.local.get('trackr', function(data) {
+            if (! $.isEmptyObject(data)) {
+
+                var result = JSON.stringify(data);
+                var url = 'data:application/json;base64,' + btoa(result);
+                chrome.downloads.download({
+                    url: url,
+                    filename: 'trackr_' + (new Date()).getTime() + '.json'
+                });
+            }
+        });
+    };
+
+    var importData = function(res) {
+        try {
+            var data = JSON.parse(res);
+            chrome.storage.local.set(data);
+            location.reload();
+        } catch (ex) {
+            console.error(ex);
+        }
+    };
+
     getSettings();
 
-    $('.controls #clear').on('click', function() {
+    $('.container #clear').on('click', function() {
+        exportData();
         chrome.storage.local.remove('trackr');
         location.reload();
     });
 
+    $('.container').on('click', '#import', function() {
+        $('.container #fileid').click();
+    });
+
+    $('.container').on('change', '#fileid', function() {
+        var file = $('.container #fileid')[0].files[0];
+        if (file) {
+            var reader = new FileReader();
+            reader.readAsText(file, "UTF-8");
+            reader.onload = function (evt) {
+                importData(evt.target.result);
+            };
+            reader.onerror = function (evt) {
+                console.log('error reading file');
+            };
+        }
+    });
+
     chrome.storage.local.get('trackr', function(data) {
         if ($.isEmptyObject(data)) {
             var $container = $('.container');
             $container.empty();
-            $container.append('<div class="message"><h1>No URLs are tracked yet!</h1></div>');
+            $container.append('<div class="message"><h1>No URLs are tracked yet!</h1><input id="fileid" type="file" hidden/><button id="import">Import</button></div>');
             return;
         }
 

diff --git a/manifest.json b/manifest.json
@@ -34,6 +34,7 @@
         "tabs",
         "*://*/*",
         "storage",
-        "unlimitedStorage"
+        "unlimitedStorage",
+        "downloads"
     ]
 }
diff --git a/src/override/override.html b/src/override/override.html
@@ -14,6 +14,8 @@
         <canvas class="animated pulse" id="chart"></canvas>
         <div class="controls animated fadeIn">
             <button id="clear">Clear All</button>
+            <input id="fileid" type="file" hidden/>
+            <button id="import">Import</button>
         </div>
         <div class="legend animated fadeIn"></div>
     </div>