Merge branch 'feat/link-in-new-tab' into dev

config.json

@@ -4,7 +4,7 @@
       "color": "red",
       "links": [
         { "name": "Spotify", "url": "https://open.spotify.com/" },
-        { "name": "YoutubeMusic", "url": "https://music.youtube.com/" },
+        { "name": "YoutubeMusic", "url": "https://music.youtube.com/", "newTab": false },
         { "name": "Netflix", "url": "https://netflix.com" },
         { "name": "Youtube", "url": "https://youtube.com" }
       ]
@@ -35,6 +35,7 @@
       ]
     }
   ],
+  "linkInNewTab": true,
   "title": "startpage",
   "searchEngine":"DuckDuckGo",
   "user": "Deepjyoti",

js/main.js

@@ -264,8 +264,14 @@ function parseAndCreate(jsonData) {
 
     sqrs = jsonData["squares"]
 
+    globalNewTabEnabled = false
+    passedNewTab = jsonData["linkInNewTab"]
+    if (passedNewTab != undefined) {
+        globalNewTabEnabled = passedNewTab
+    }
+
     sqrs.forEach((element, index) => {
-        sqr = createSqr(element, index)
+        sqr = createSqr(element, index, globalNewTabEnabled)
         document.getElementById(otherContentId).appendChild(sqr)
     })
 
@@ -320,7 +326,7 @@ function parseAndCreate(jsonData) {
     extractQuickLinks(sqrs, jsonData["style"]);
 }
 
-function createSqr(sqrData, index) {
+function createSqr(sqrData, index, globalNewTabEnabled) {
     // Create a new square division with the passed element
     name = sqrData["name"];
     link = sqrData["url"];
@@ -352,10 +358,29 @@ function createSqr(sqrData, index) {
     links.forEach(element => {
         aName = element["name"]
         aHref = element["url"]
+
+        // Idea is to give preference to
+        // link specific newTab field over the global
+        // one.
+        //
+        // As a fallback, the global value will be used.
+        isNewTab = globalNewTabEnabled
+        newTabValue = element["newTab"]
+
+        if (newTabValue != undefined) {
+            isNewTab = newTabValue
+        }
 
         a = document.createElement("a")
         attrHref = document.createAttribute("href")
         attrHref.value = aHref
+
+        if (isNewTab) {
+            attrTarget = document.createAttribute("target")
+            attrTarget.value = "_blank"
+            a.setAttributeNode(attrTarget)
+        }
+
         a.setAttributeNode(attrHref)
 
         a.textContent = aName