From 74e0bab1e8fa2e82bdd07ecfe10a54328dc0cee4 Mon Sep 17 00:00:00 2001
From: San <sanho45600@gmail.com>
Date: Fri, 20 Oct 2023 16:51:21 +0800
Subject: [PATCH] feat: share avatar dialog url is now clickable

---
 js/index.js      | 15 ++++++++-------
 js/styles.css    |  4 ++++
 js/tw-styles.css |  4 ++++
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/js/index.js b/js/index.js
index 9ea1442..1b34e2a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -627,8 +627,9 @@ async function uploadPreview() {
     }).then((e) => e.json());
 
     infoDialog.show(
-      "Preview your avatar: https://editor.avatech.ai/viewer?objectId=" +
-        model.model_id,
+      `Preview avatar url: <a href='https://editor.avatech.ai/viewer?objectId=${model.model_id}' target="_blank">https://editor.avatech.ai/viewer?objectId=` +
+        model.model_id +
+        `</a>`,
     );
     previewModelId.val = model.model_id;
   }
@@ -689,9 +690,9 @@ function injectUIComponentToComfyuimenu() {
               ).then((e) => e.json());
 
               infoDialog.show(
-                "Preview updated: https://editor.avatech.ai/viewer?objectId=" +
+                `Preview updated: <a href='https://editor.avatech.ai/viewer?objectId=${model.model_id}' target="_blank">https://editor.avatech.ai/viewer?objectId=` +
                   model.model_id +
-                  "\n Remember to hard refresh before checking out the new preview!",
+                  "</a>\n Remember to hard refresh before checking out the new preview!",
               );
 
               shareLoading.val = false;
@@ -728,10 +729,10 @@ function injectUIComponentToComfyuimenu() {
       shareAvatar.textContent = "Share Avatar";
       shareAvatar.append(dropdown);
     } else {
-
       infoDialog.show(
-        "Preview avatar url: https://editor.avatech.ai/viewer?objectId=" +
-          previewModelId.val,
+        `Preview avatar url: <a href='https://editor.avatech.ai/viewer?objectId=${previewModelId.val}' target="_blank">https://editor.avatech.ai/viewer?objectId=` +
+          previewModelId.val +
+          `</a>`,
       );
     }
   };
diff --git a/js/styles.css b/js/styles.css
index 6ef27aa..b07e30f 100644
--- a/js/styles.css
+++ b/js/styles.css
@@ -28,6 +28,10 @@
   margin-bottom: 20px; /* Add some margin between the text and the close button*/
 }
 
+.comfy-normal-modal a {
+  text-decoration-line: underline;
+}
+
 .comfy-normal-modal button {
   font-size: 20px;
   color: var(--input-text);
diff --git a/js/tw-styles.css b/js/tw-styles.css
index 6a3db9b..bae1f9c 100644
--- a/js/tw-styles.css
+++ b/js/tw-styles.css
@@ -2169,6 +2169,10 @@ details.collapse summary::-webkit-details-marker {
   /* Add some margin between the text and the close button*/
 }
 
+.comfy-normal-modal a {
+  text-decoration-line: underline;
+}
+
 .comfy-normal-modal button {
   font-size: 20px;
   color: var(--input-text);