add option to open feeds in new tabs or not (#62)

manifest.json

@@ -2,7 +2,7 @@
 
   "manifest_version": 2,
   "name": "RSSPreview",
-  "version": "3.14",
+  "version": "3.15",
   "author": "Aurelien David",
   "homepage_url": "https://github.com/aureliendavid/rsspreview",
 

popup/popup.js

@@ -1,3 +1,18 @@
+
+var options = {
+    newTab: true,
+};
+
+function onOptions(opts) {
+  options = opts;
+}
+
+function onError(error) {
+  console.log(`Error on get options: ${error}`);
+}
+
+browser.storage.sync.get(options).then(onOptions, onError);
+
 document.addEventListener("DOMContentLoaded", function(event) {
 
 
@@ -24,16 +39,24 @@ document.addEventListener("DOMContentLoaded", function(event) {
 
   document.querySelectorAll(".panel-list-item").forEach( (elem) => {
 
+    function onUpdated(tab) {
+    }
+
+    function onError(error) {
+    }
+
     elem.addEventListener('click', (event) => {
 
       let url = elem.getAttribute("data-href");
-      if (url)
+      if (url) {
+        if (options.newTab)
           browser.tabs.create({url: url});
-
+        else
+          browser.tabs.update({url: url}).then(onUpdated, onError);
+      }
 
     });
 
   });
 
 });
-

rsspreview.js

@@ -21,7 +21,8 @@
     fullPreview: false,
     doAuthor: false,
     enableCss: false,
-    customCss: null
+    customCss: null,
+    newTab: true
   };
 
   let xml_parser = new XMLSerializer();

settings/options.html

@@ -9,6 +9,8 @@
 
     <label class="setting browser-style"><input type="checkbox" id="doDetect" class="validate" > Enable feed detection</label>
     <hr />
+    <label class="setting browser-style"><input type="checkbox" id="newTab" class="validate" > Open feed in new tab</label>
+    <hr />
     <label class="setting browser-style"><input type="checkbox" id="preventPreview" class="validate" > Display raw xml instead of preview page</label>
     <hr />
     <label class="setting browser-style"><input type="checkbox" id="fullPreview" class="validate" > Display full articles even when summaries are present</label>

settings/options.js

@@ -12,14 +12,14 @@ function saveOptions(e) {
     doAuthor: document.querySelector("#doAuthor").checked,
     orangeIcon: document.querySelector("#orangeIcon").checked,
     enableCss: document.querySelector("#enableCss").checked,
-    customCss: document.querySelector("#customCss").value
+    customCss: document.querySelector("#customCss").value,
+    newTab: document.querySelector("#newTab").checked
   });
 }
 
 
 function restoreOptions() {
 
-
   function onResult(result) {
     document.querySelector("#doThumb").checked = result.doThumb;
     document.querySelector("#doMaxWidth").checked = result.doMaxWidth;
@@ -31,6 +31,7 @@ function restoreOptions() {
     document.querySelector("#orangeIcon").checked = result.orangeIcon;
     document.querySelector("#enableCss").checked = result.enableCss;
     document.querySelector("#customCss").value = result.customCss;
+    document.querySelector("#newTab").checked = result.newTab;
   }
 
   function onError(error) {
@@ -47,7 +48,8 @@ function restoreOptions() {
     doAuthor: false,
     orangeIcon: false,
     enableCss: false,
-    customCss: null
+    customCss: null,
+    newTab: true
   });
   getting.then(onResult, onError);