From 9ee2c2e9c16a991ca0ed9adfdd83161630673817 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Mon, 16 Oct 2023 01:39:08 +0300
Subject: [PATCH] Add asset preview links

---
 public/scripts/extensions/assets/index.js  | 12 +++++++++++-
 public/scripts/extensions/assets/style.css |  4 ++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/public/scripts/extensions/assets/index.js b/public/scripts/extensions/assets/index.js
index 6dd8f2e93..9dfb4a004 100644
--- a/public/scripts/extensions/assets/index.js
+++ b/public/scripts/extensions/assets/index.js
@@ -5,6 +5,7 @@ TODO:
 
 import { getRequestHeaders, callPopup } from "../../../script.js";
 import { deleteExtension, extensionNames, installExtension } from "../../extensions.js";
+import { isValidUrl } from "../../utils.js";
 export { MODULE_NAME };
 
 const MODULE_NAME = 'Assets';
@@ -120,10 +121,19 @@ function downloadAssetsList(url) {
 
                         const displayName = DOMPurify.sanitize(asset["name"] || asset["id"]);
                         const description = DOMPurify.sanitize(asset["description"] || "");
+                        const url = isValidUrl(asset["url"]) ? asset["url"] : "";
 
                         $(`<i></i>`)
                             .append(element)
-                            .append(`<div class="flex-container flexFlowColumn"><span>${displayName}</span><span>${description}</span></div>`)
+                            .append(`<div class="flex-container flexFlowColumn">
+                                        <span class="flex-container alignitemscenter">
+                                            <b>${displayName}</b>
+                                            <a href="${url}" target="_blank" title="Open in browser">
+                                                <i class="fa-solid fa-sm fa-arrow-up-right-from-square"></i>
+                                            </a>
+                                        </span>
+                                        <span>${description}</span>
+                                     </div>`)
                             .appendTo(assetTypeMenu);
                     }
                     assetTypeMenu.appendTo("#assets_menu");
diff --git a/public/scripts/extensions/assets/style.css b/public/scripts/extensions/assets/style.css
index e14181314..5bd10be56 100644
--- a/public/scripts/extensions/assets/style.css
+++ b/public/scripts/extensions/assets/style.css
@@ -17,6 +17,10 @@
     text-transform: capitalize;
 }
 
+.assets-list-div a {
+    color: inherit;
+}
+
 .assets-list-div i {
     display: flex;
     flex-direction: row;