rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

More concise UI texts, fix button spam clicks

Browse Source
This commit is contained in:
Cohee
2023-11-12 22:12:16 +02:00
parent cc0b4e8174
commit 5bcd49b7ca
3 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/index.html
View File

@ -1834,7 +1834,7 @@
<div class="marginTopBot5"> <div class="marginTopBot5">
<div class="inline-drawer wide100p"> <div class="inline-drawer wide100p">
<div class="inline-drawer-toggle inline-drawer-header"> <div class="inline-drawer-toggle inline-drawer-header">
<b data-i18n="Model Order">Openrouter Model Sorting</b> <b data-i18n="Model Order">OpenRouter Model Sorting</b>
<div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div> <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
</div> </div>
<div class="inline-drawer-content m-b-1"> <div class="inline-drawer-content m-b-1">
@ -1850,11 +1850,11 @@
<div class="marginTopBot5"> <div class="marginTopBot5">
<label for="openrouter_group_models" class="checkbox_label"> <label for="openrouter_group_models" class="checkbox_label">
<input id="openrouter_group_models" type="checkbox"/> <input id="openrouter_group_models" type="checkbox"/>
<span data-i18n="Group by vendor names">Group by vendor names</span> <span data-i18n="Group by vendors">Group by vendors</span>
</label> </label>
<div class="toggle-description justifyLeft wide100p"> <div class="toggle-description justifyLeft wide100p">
<span data-i18n="Group by vendor names Description"> <span data-i18n="Group by vendors Description">
Group models by their vendor. I.e. put all OpenAI models in one group, all Anthropic models in one group etc. Can be combined with sorting. Put OpenAI models in one group, Anthropic models in other group, etc. Can be combined with sorting.
</span> </span>
</div> </div>
</div> </div>
@ -1962,7 +1962,7 @@
<select id="model_palm_select" class="displayNone"></select> <select id="model_palm_select" class="displayNone"></select>
</form> </form>
<div class="flex-container flex"> <div class="flex-container flex">
<div id="api_button_openai" class="menu_button menu_button_icon" type="submit" data-i18n="Connect">Connect</div> <div id="api_button_openai" class="api_button menu_button menu_button_icon" type="submit" data-i18n="Connect">Connect</div>
<div class="api_loading menu_button" data-i18n="Cancel">Cancel</div> <div class="api_loading menu_button" data-i18n="Cancel">Cancel</div>
<div data-source="openrouter" id="openrouter_authorize" class="menu_button menu_button_icon" title="Get your OpenRouter API token using OAuth flow. You will be redirected to openrouter.ai" data-i18n="[title]Get your OpenRouter API token using OAuth flow. You will be redirected to openrouter.ai">Authorize</div> <div data-source="openrouter" id="openrouter_authorize" class="menu_button menu_button_icon" title="Get your OpenRouter API token using OAuth flow. You will be redirected to openrouter.ai" data-i18n="[title]Get your OpenRouter API token using OAuth flow. You will be redirected to openrouter.ai">Authorize</div>
<div id="test_api_button" class="menu_button menu_button_icon" title="Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!" data-i18n="[title]Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!">Test Message</div> <div id="test_api_button" class="menu_button menu_button_icon" title="Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!" data-i18n="[title]Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!">Test Message</div>

4
public/script.js
View File

@ -926,12 +926,12 @@ async function getStatus() {
export function startStatusLoading() { export function startStatusLoading() {
$(".api_loading").show(); $(".api_loading").show();
$(".api_button").attr("disabled", "disabled").addClass("disabled"); $(".api_button").addClass("disabled");
} }
export function stopStatusLoading() { export function stopStatusLoading() {
$(".api_loading").hide(); $(".api_loading").hide();
$(".api_button").removeAttr("disabled").removeClass("disabled"); $(".api_button").removeClass("disabled");
} }
export function resultCheckStatus() { export function resultCheckStatus() {

3
public/style.css
View File

@ -1383,7 +1383,8 @@ select option:not(:checked) {
.menu_button.disabled { .menu_button.disabled {
filter: brightness(75%) grayscale(1); filter: brightness(75%) grayscale(1);
cursor: not-allowed; opacity: 0.5;
pointer-events: none;
} }
.fav_on { .fav_on {