rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-10 17:10:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make it flash and be more obvious

Browse Source
This commit is contained in:
Wolfsblvt 2024-07-10 18:12:01 +02:00
parent 0987fd34b9
commit 03d4f86d59
3 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,7 +7,7 @@ import { getRequestHeaders, callPopup, processDroppedFiles, eventSource, event_t
import { deleteExtension, extensionNames, getContext, installExtension, renderExtensionTemplateAsync } from '../../extensions.js'; import { deleteExtension, extensionNames, getContext, installExtension, renderExtensionTemplateAsync } from '../../extensions.js';
import { POPUP_TYPE, callGenericPopup } from '../../popup.js'; import { POPUP_TYPE, callGenericPopup } from '../../popup.js';
import { executeSlashCommands } from '../../slash-commands.js'; import { executeSlashCommands } from '../../slash-commands.js';
import { getStringHash, isValidUrl } from '../../utils.js'; import { flashHighlight, getStringHash, isValidUrl } from '../../utils.js';
export { MODULE_NAME }; export { MODULE_NAME };
const MODULE_NAME = 'assets'; const MODULE_NAME = 'assets';
@ -405,6 +405,13 @@ jQuery(async () => {
openCharacterBrowser(false); openCharacterBrowser(false);
}); });
const installHintButton = windowHtml.find('.assets-install-hint-link');
installHintButton.on('click', async function () {
const installButton = $('#third_party_extension_button');
flashHighlight(installButton, 5000);
toastr.info('Click the flashing button to the right of this to install extensions.', 'How to install extensions?');
});
const connectButton = windowHtml.find('#assets-connect-button'); const connectButton = windowHtml.find('#assets-connect-button');
connectButton.on('click', async function () { connectButton.on('click', async function () {
const url = String(assetsJsonUrl.val()); const url = String(assetsJsonUrl.val());

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

@ -12,6 +12,10 @@
flex-direction: column; flex-direction: column;
} }
.assets-install-hint-link {
cursor: help;
}
.assets-connect-div { .assets-connect-div {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

9
public/scripts/extensions/assets/window.html
View File

@ -5,11 +5,12 @@
<div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div> <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
</div> </div>
<div class="inline-drawer-content"> <div class="inline-drawer-content">
<div> <small>
<small data-i18n="To install 3rd party extensions, load a custom asset list or select &quot;Install&nbsp;Extension&quot;"> <span data-i18n="To install 3rd party extensions, load a custom asset list or select">
To install 3rd party extensions, load a custom asset list or select "Install&nbsp;Extension" To install 3rd party extensions, load a custom asset list or select
</span>
<a class="assets-install-hint-link" data-i18n="Install&nbsp;Extension">Install&nbsp;Extension</a>
</small> </small>
</div>
<div class="assets-url-block m-b-1 m-t-1"> <div class="assets-url-block m-b-1 m-t-1">
<label for="assets-json-url-field" data-i18n="Assets URL">Assets URL</label> <label for="assets-json-url-field" data-i18n="Assets URL">Assets URL</label>
<small title="Load a list of extensions & assets based on an asset list file. <small title="Load a list of extensions & assets based on an asset list file.