version 2.0

2021-12-20 17:36:51 +01:00
parent 8b7742cb7b
commit 6b17d80cde
15 changed files with 338 additions and 259 deletions
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <style>
+            img {
+                margin: 0px 4px 0px 0px;
+            }
+            </style>
+    </head>
+
+    <body>
+
+    <div class="panel">
+        <div class="panel-section panel-section-list" id="jd2urlList">
+        </div>
+    </div>
+
+    <script src="popup.js"></script>
+    </body>
+</html>
@@ -0,0 +1,61 @@
+document.addEventListener("DOMContentLoaded", function(event) {
+
+    function onError(error) {
+        console.log(`jd2 popup error: ${error}`);
+    }
+
+    const jd2UrlList = document.getElementById('jd2urlList');
+
+    var gettingActiveTab = browser.tabs.query({ active: true, currentWindow: true });
+    gettingActiveTab.then((tabs) => {
+        if (tabs[0]) {
+            var currentTabUrl = tabs[0].url;
+            
+            let li = document.createElement("div");
+            li.classList.add("panel-list-item");
+            li.setAttribute("data-href", currentTabUrl);
+            li.setAttribute("jd2", "0");
+            let img = document.createElement("img");
+            img.src = "../icons/jd2linkgrabber-16.png";
+            li.appendChild(img);
+            let txt = document.createElement("div");
+            txt.innerText = 'GrabberLink';
+            li.appendChild(txt);
+            jd2UrlList.appendChild(li);
+
+            let li2 = document.createElement("div");
+            li2.classList.add("panel-list-item");
+            li2.setAttribute("data-href", currentTabUrl);
+            li2.setAttribute("jd2", "1");
+            let img2 = document.createElement("img");
+            img2.src = "../icons/jd2download-16.png";
+            li2.appendChild(img2);
+            let txt2 = document.createElement("div");
+            txt2.innerText = 'Download';
+            li2.appendChild(txt2);
+            jd2UrlList.appendChild(li2);
+        }
+        
+        var jd2SelectedAction;
+        document.querySelectorAll(".panel-list-item").forEach( (elem) => {
+            elem.addEventListener('click', (event) => {
+                jd2SelectedAction = elem.getAttribute("jd2");
+                notifyBackgroundPage(event);
+            });
+        });
+
+        function handleResponse(message) {
+            // console.log(`Message from the background script:  ${message.response}`);
+            window.close();
+        }
+          
+        function notifyBackgroundPage(e) {
+            var sending = browser.runtime.sendMessage({
+                jd2url: currentTabUrl,
+                jd2action : jd2SelectedAction
+            });
+            sending.then(handleResponse, onError);
+          }
+
+    }, onError);
+});