rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2024-12-11 17:07:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

Indicates extensions that add tools in the list

Browse Source
This commit is contained in:
Cohee 2024-10-06 21:58:59 +03:00
parent a4256ccf57
commit f7ec2e47d6
2 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/scripts/extensions/assets/index.js
View File

@ -184,6 +184,7 @@ function downloadAssetsList(url) {
const url = isValidUrl(asset['url']) ? asset['url'] : ''; const url = isValidUrl(asset['url']) ? asset['url'] : '';
const title = assetType === 'extension' ? `Extension repo/guide: ${url}` : 'Preview in browser'; const title = assetType === 'extension' ? `Extension repo/guide: ${url}` : 'Preview in browser';
const previewIcon = (assetType === 'extension' || assetType === 'character') ? 'fa-arrow-up-right-from-square' : 'fa-headphones-simple'; const previewIcon = (assetType === 'extension' || assetType === 'character') ? 'fa-arrow-up-right-from-square' : 'fa-headphones-simple';
const toolTag = assetType === 'extension' && asset['tool'];
const assetBlock = $('<i></i>') const assetBlock = $('<i></i>')
.append(element) .append(element)
@ -193,12 +194,20 @@ function downloadAssetsList(url) {
<a class="asset_preview" href="${url}" target="_blank" title="${title}"> <a class="asset_preview" href="${url}" target="_blank" title="${title}">
<i class="fa-solid fa-sm ${previewIcon}"></i> <i class="fa-solid fa-sm ${previewIcon}"></i>
</a> </a>
${toolTag ? '<span class="tag" title="Adds a function tool"><i class="fa-solid fa-sm fa-wrench"></i> Tool</span>' : ''}
</span> </span>
<small class="asset-description"> <small class="asset-description">
${description} ${description}
</small> </small>
</div>`); </div>`);
assetBlock.find('.tag').on('click', function (e) {
const a = document.createElement('a');
a.href = 'https://docs.sillytavern.app/for-contributors/function-calling/';
a.target = '_blank';
a.click();
});
if (assetType === 'character') { if (assetType === 'character') {
if (asset.highlight) { if (asset.highlight) {
assetBlock.find('.asset-name').append('<i class="fa-solid fa-sm fa-trophy"></i>'); assetBlock.find('.asset-name').append('<i class="fa-solid fa-sm fa-trophy"></i>');
@ -354,7 +363,7 @@ async function openCharacterBrowser(forceDefault) {
for (const character of characters.sort((a, b) => a.name.localeCompare(b.name))) { for (const character of characters.sort((a, b) => a.name.localeCompare(b.name))) {
const listElement = template.find(character.highlight ? '.contestWinnersList' : '.featuredCharactersList'); const listElement = template.find(character.highlight ? '.contestWinnersList' : '.featuredCharactersList');
const characterElement = $(await renderExtensionTemplateAsync(MODULE_NAME, 'character', character)); const characterElement = $(await renderExtensionTemplateAsync(MODULE_NAME, 'character', character));
const downloadButton = characterElement.find('.characterAssetDownloadButton'); const downloadButton = characterElement.find('.characterAssetDownloadButton');
const checkMark = characterElement.find('.characterAssetCheckMark'); const checkMark = characterElement.find('.characterAssetCheckMark');
const isInstalled = isAssetInstalled('character', character.id); const isInstalled = isAssetInstalled('character', character.id);

9
public/scripts/extensions/assets/style.css
View File

@ -164,3 +164,12 @@
gap: 5px; gap: 5px;
align-items: center; align-items: center;
} }
.asset-name .tag {
gap: 5px;
align-items: baseline;
font-size: calc(var(--mainFontSize)* 0.8);
cursor: pointer;
opacity: 0.9;
margin-left: 2px;
}