From 45a14a9be9f7b0df7f703a20583f84421825e665 Mon Sep 17 00:00:00 2001
From: cmdr2 <secondary.cmdr2@gmail.com>
Date: Tue, 3 Oct 2023 19:35:23 +0530
Subject: [PATCH] Revert the support banner experiment

---
 ui/index.html       |  5 ++---
 ui/media/js/main.js | 46 ++++++++++++++++++++-------------------------
 2 files changed, 22 insertions(+), 29 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index a830ce70..7c2be3e4 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -463,9 +463,6 @@
                     </div>
                     <div class="clearfix" style="clear: both;"></div>
                 </div>
-                <div id="supportBanner" class="displayNone">
-                    If you found this project useful and want to help keep it alive, please consider <a href="https://ko-fi.com/easydiffusion" target="_blank">buying me a coffee</a> or <a href="https://www.patreon.com/EasyDiffusion" target="_blank">supporting me on Patreon</a> to help cover the cost of development and maintenance! Or even better, <a href="https://cmdr2.itch.io/easydiffusion" target="_blank">donating the actual cost of this software</a>. Thanks for your support!
-                </div>
             </div>
         </div>
         </div>
@@ -810,6 +807,8 @@
     <div id="footer-spacer"></div>
     <div id="footer">
         <div class="line-separator">&nbsp;</div>
+        <div id="supportBanner" style="display: none;"></div>
+        <p>If you found this project useful and want to help keep it alive, please <a href="https://ko-fi.com/easydiffusion" target="_blank"><img src="/media/images/kofi.png" id="coffeeButton"></a> or <a href="https://www.patreon.com/EasyDiffusion" target="_blank">support me on Patreon</a> to help cover the cost of development and maintenance! Or even better, <a href="https://cmdr2.itch.io/easydiffusion" target="_blank">donate the actual cost of this software</a>. Thanks for your support!</p>
         <p>Please feel free to join the <a href="https://discord.com/invite/u9yhsFmEkB" target="_blank">discord community</a> or <a href="https://github.com/easydiffusion/easydiffusion/issues" target="_blank">file an issue</a> if you have any problems or suggestions in using this interface.</p>
         <div id="footer-legal">
             <p><b>Disclaimer:</b> The authors of this project are not responsible for any content generated using this interface.</p>
diff --git a/ui/media/js/main.js b/ui/media/js/main.js
index 101a88e7..17962a06 100644
--- a/ui/media/js/main.js
+++ b/ui/media/js/main.js
@@ -511,10 +511,10 @@ function showImages(reqBody, res, outputContainer, livePreview) {
                     { text: "Upscale", on_click: onUpscaleClick },
                     { text: "Fix Faces", on_click: onFixFacesClick },
                 ],
-                { 
+                {
                     text: "Use as Thumbnail",
                     on_click: onUseAsThumbnailClick,
-                    filter: (req, img) => "use_embeddings_model" in req || "use_lora_model" in req
+                    filter: (req, img) => "use_embeddings_model" in req || "use_lora_model" in req,
                 },
             ]
 
@@ -748,7 +748,7 @@ function onUseAsThumbnailClick(req, img) {
         onUseAsThumbnailClick.croppr.setImage(img.src)
     }
 
-    useAsThumbSelect.innerHTML=""
+    useAsThumbSelect.innerHTML = ""
 
     if ("use_embeddings_model" in req) {
         let embeddings = req.use_embeddings_model.map((e) => e.split("/").pop())
@@ -766,7 +766,6 @@ function onUseAsThumbnailClick(req, img) {
         useAsThumbSelect.appendChild(embOptions)
     }
 
-
     if ("use_lora_model" in req) {
         let LORA = req.use_lora_model
         if (typeof LORA == "string") {
@@ -832,8 +831,7 @@ const Bucket = {
     },
 
     getList(path) {
-        return fetch(`bucket/${path}`)
-            .then((response) => (response.status == 200 ? response.json() : []))
+        return fetch(`bucket/${path}`).then((response) => (response.status == 200 ? response.json() : []))
     },
 
     store(path, data) {
@@ -841,8 +839,7 @@ const Bucket = {
     },
 
     retrieve(path) {
-        return fetch(`bucket/${path}.json`)
-            .then((response) => (response.status == 200 ? response.json() : null))
+        return fetch(`bucket/${path}.json`).then((response) => (response.status == 200 ? response.json() : null))
     },
 }
 
@@ -860,9 +857,7 @@ useAsThumbSaveBtn.addEventListener("click", (e) => {
             let options = useAsThumbSelect.selectedOptions
             let promises = []
             for (let embedding of options) {
-                promises.push(
-                    Bucket.upload(`${profileName}/${embedding.dataset["type"]}/${embedding.value}.png`, blob)
-                )
+                promises.push(Bucket.upload(`${profileName}/${embedding.dataset["type"]}/${embedding.value}.png`, blob))
             }
             return Promise.all(promises)
         })
@@ -1045,12 +1040,12 @@ function makeImage() {
 
     updateInitialText()
 
-    const countBeforeBanner = localStorage.getItem("countBeforeBanner") || 1
-    if (countBeforeBanner <= 0) {
-        // supportBanner.classList.remove("displayNone")
-    } else {
-        localStorage.setItem("countBeforeBanner", countBeforeBanner - 1)
-    }
+    // const countBeforeBanner = localStorage.getItem("countBeforeBanner") || 1
+    // if (countBeforeBanner <= 0) {
+    //     // supportBanner.classList.remove("displayNone")
+    // } else {
+    //     localStorage.setItem("countBeforeBanner", countBeforeBanner - 1)
+    // }
 }
 
 /* Hover effect for the init image in the task list */
@@ -1250,7 +1245,7 @@ function createTask(task) {
     })
 
     task.isProcessing = true
-    taskEntry = imagePreviewContent.insertBefore(taskEntry, supportBanner.nextSibling)
+    taskEntry = imagePreviewContent.insertBefore(taskEntry, previewTools.nextSibling)
     htmlTaskMap.set(taskEntry, task)
 
     task.previewPrompt.innerText = task.reqBody.prompt
@@ -1621,16 +1616,16 @@ function updateInitialText() {
         }
         previewTools.classList.add("displayNone")
         initialText.classList.remove("displayNone")
-        supportBanner.classList.add("displayNone")
+        // supportBanner.classList.add("displayNone")
     } else {
         initialText.classList.add("displayNone")
         previewTools.classList.remove("displayNone")
         document.querySelector("div.display-settings").prepend(undoButton)
 
-        const countBeforeBanner = localStorage.getItem("countBeforeBanner") || 1
-        if (countBeforeBanner <= 0) {
-            supportBanner.classList.remove("displayNone")
-        }
+        // const countBeforeBanner = localStorage.getItem("countBeforeBanner") || 1
+        // if (countBeforeBanner <= 0) {
+        //     supportBanner.classList.remove("displayNone")
+        // }
     }
 }
 
@@ -2522,7 +2517,7 @@ function updateEmbeddingsList(filter = "") {
 
             return Bucket.getList(`${profileName}/lora/`)
         })
-        .then(async function (icons) {
+        .then(async function(icons) {
             for (let lora of loraModelField.value.modelNames) {
                 let keywords = await getLoraKeywords(lora)
                 loraTokens = loraTokens.concat(keywords)
@@ -2531,14 +2526,13 @@ function updateEmbeddingsList(filter = "") {
                 if (icons.includes(`${loraname}.png`)) {
                     keywords.forEach((kw) => {
                         iconMap[kw.toLowerCase()] = `lora/${loraname}.png`
-                        
                     })
                 }
             }
 
             let tokenList = [...modelsOptions.embeddings]
             if (loraTokens.length != 0) {
-                tokenList.unshift(['LORA Keywords', loraTokens])
+                tokenList.unshift(["LORA Keywords", loraTokens])
             }
             embeddingsList.replaceChildren(html(tokenList, iconMap, "", filter))
             createCollapsibles(embeddingsList)