delete option + button active state added

SunWorldDev · Nov 30, 2023 · fa415ec · fa415ec
1 parent a3383bd
commit fa415ec
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/script.js b/script.js
@@ -99,6 +99,23 @@ async function loadData() {
             frame.addEventListener("click", (e) => {
                 navigator.clipboard.writeText(e.currentTarget.getAttribute("data-code"));
             });
+            frame.addEventListener("contextmenu", async function(e) {
+                e.preventDefault();
+
+                let cTarget = e.currentTarget;
+
+                const userConfirmation = window.confirm("Do you want to delete " + cTarget.children[0].innerHTML + "?");
+
+                if (userConfirmation) {
+                    let data = await fetchData();
+                    delete data[cTarget.children[0].innerHTML];
+                    console.log(cTarget.children[0].innerHTML);
+                    await chrome.storage.sync.set({ data: data }, function() {
+                        console.log('deleted');
+                    });
+                    loadData();
+                }
+            });
             parent.appendChild(frame);
         }
     } catch (error) {

diff --git a/style.css b/style.css
@@ -33,6 +33,10 @@ body {
 }
 
 .frame:hover {
+    background-color: rgba(30, 30, 30, 0.031);
+}
+
+.frame:active {
     background-color: rgba(255, 255, 255, 0.031);
 }