mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-02-15 11:40:44 +01:00
Add asset preview links
This commit is contained in:
parent
02dca52948
commit
9ee2c2e9c1
@ -5,6 +5,7 @@ TODO:
|
|||||||
|
|
||||||
import { getRequestHeaders, callPopup } from "../../../script.js";
|
import { getRequestHeaders, callPopup } from "../../../script.js";
|
||||||
import { deleteExtension, extensionNames, installExtension } from "../../extensions.js";
|
import { deleteExtension, extensionNames, installExtension } from "../../extensions.js";
|
||||||
|
import { isValidUrl } from "../../utils.js";
|
||||||
export { MODULE_NAME };
|
export { MODULE_NAME };
|
||||||
|
|
||||||
const MODULE_NAME = 'Assets';
|
const MODULE_NAME = 'Assets';
|
||||||
@ -120,10 +121,19 @@ function downloadAssetsList(url) {
|
|||||||
|
|
||||||
const displayName = DOMPurify.sanitize(asset["name"] || asset["id"]);
|
const displayName = DOMPurify.sanitize(asset["name"] || asset["id"]);
|
||||||
const description = DOMPurify.sanitize(asset["description"] || "");
|
const description = DOMPurify.sanitize(asset["description"] || "");
|
||||||
|
const url = isValidUrl(asset["url"]) ? asset["url"] : "";
|
||||||
|
|
||||||
$(`<i></i>`)
|
$(`<i></i>`)
|
||||||
.append(element)
|
.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);
|
.appendTo(assetTypeMenu);
|
||||||
}
|
}
|
||||||
assetTypeMenu.appendTo("#assets_menu");
|
assetTypeMenu.appendTo("#assets_menu");
|
||||||
|
@ -17,6 +17,10 @@
|
|||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.assets-list-div a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.assets-list-div i {
|
.assets-list-div i {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user