From 5cf4d65c53313459aaff47cf7aa6ee2820b508f8 Mon Sep 17 00:00:00 2001 From: Silversith Date: Tue, 11 Apr 2023 11:07:45 +0200 Subject: [PATCH] Update imageFeed.js Remove disable deleteAll button, remove debugger, add tooltips to buttons --- web/extensions/core/imageFeed.js | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/web/extensions/core/imageFeed.js b/web/extensions/core/imageFeed.js index 6078f1c9f..ce6615067 100644 --- a/web/extensions/core/imageFeed.js +++ b/web/extensions/core/imageFeed.js @@ -169,10 +169,11 @@ app.registerExtension({ top:"0px" }); imageList.append(menu); - function makeButton(text, style) { + function makeButton(text, style, title) { const btn = document.createElement("button"); btn.type = "button"; btn.textContent = text; + btn.title = title; Object.assign(btn.style, { ...style, height: "20px", @@ -191,7 +192,8 @@ app.registerExtension({ textIndent: "-4px", top: "5px", right: "5px", - }); + }, "Hide the image drawer (Open Drawer button will be displayed on main floating menu)" + ); closeButton.onclick = () => { imageList.style.display = "none"; showButton.style.display = "unset"; @@ -200,7 +202,8 @@ app.registerExtension({ const clearButton = makeButton("✖ Clear", { top: "30px", right: "5px", - }); + }, "Clears all items displayed in image drawer (This won't delete anything, refreshing the page will reload from Output)" + ); clearButton.onclick = () => { allImages = [] imageList.replaceChildren(menu, resizeHandle); @@ -208,11 +211,11 @@ app.registerExtension({ const deleteAllButton = makeButton("🗑️ Delete", { top: "55px", right: "5px", - }); + }, "Delete all items displayed in image drawer (This won't delete the entire output folder)" + ); deleteAllButton.onclick = () => { const confirmDelete = confirm("Are you sure you want to delete all images in the drawer?"); if (confirmDelete) { - debugger; api.deleteAllImages(allImages.map(item => item.filename)); allImages = [] imageList.replaceChildren(menu, resizeHandle); @@ -228,11 +231,7 @@ app.registerExtension({ var detail = {output: output} loadImages(detail); } - else { - deleteAllButton.setAttribute("disabled", true); - } } catch(err){ - deleteAllButton.setAttribute("disabled", true); console.error(err); } });