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

Move inspect functionality to prompt name click

Browse Source
This commit is contained in:
maver
2023-07-27 19:17:21 +02:00
parent fc44a02323
commit 1e43108e5a
2 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/css/promptmanager.css
View File

@ -24,11 +24,6 @@
width: 100% width: 100%
} }
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_marker span span {
/** TODO: Introduce classes to avoid this */
display: inline !important;
}
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .completion_prompt_manager_prompt_name .fa-solid { #completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt .completion_prompt_manager_prompt_name .fa-solid {
padding: 0 0.5em; padding: 0 0.5em;
color: var(--white50a); color: var(--white50a);
@ -64,7 +59,13 @@
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .prompt_manager_prompt_controls { #completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .prompt_manager_prompt_controls {
display: flex; display: flex;
justify-content: end; justify-content: space-between;
}
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .prompt_manager_prompt_controls span {
display: flex;
height: 18px;
width: 18px;
} }
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt span span span { #completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt span span span {
@ -160,14 +161,23 @@
overflow: hidden; overflow: hidden;
} }
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt.completion_prompt_manager_prompt_disabled { #completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_name .prompt-manager-inspect-action {
border: 1px solid var(--white20a); color: var(--SmartThemeBodyColor);
cursor: pointer;
} }
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_disabled .completion_prompt_manager_prompt_name { #completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_name .prompt-manager-inspect-action:hover {
text-decoration: underline;
}
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt_disabled .completion_prompt_manager_prompt_name .prompt-manager-inspect-action {
color: var(--white30a); color: var(--white30a);
} }
#completion_prompt_manager #completion_prompt_manager_list .completion_prompt_manager_prompt.completion_prompt_manager_prompt_disabled {
border: 1px solid var(--white20a);
}
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .mes_edit { #completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .mes_edit {
margin-left: 0.5em; margin-left: 0.5em;
} }

18
public/scripts/PromptManager.js
View File

@ -1219,6 +1219,8 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
detachSpanHtml = ` detachSpanHtml = `
<span title="detach" class="prompt-manager-detach-action caution fa-solid fa-chain-broken"></span> <span title="detach" class="prompt-manager-detach-action caution fa-solid fa-chain-broken"></span>
`; `;
} else {
detachSpanHtml = `<span class="fa-solid">&nbsp;</span>`;
} }
let editSpanHtml = ''; let editSpanHtml = '';
@ -1226,13 +1228,8 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
editSpanHtml = ` editSpanHtml = `
<span title="edit" class="prompt-manager-edit-action fa-solid fa-pencil"></span> <span title="edit" class="prompt-manager-edit-action fa-solid fa-pencil"></span>
`; `;
} } else {
editSpanHtml = `<span class="fa-solid">&nbsp;</span>`;
let inspectSpanHtml = '';
if (this.isPromptInspectionAllowed(prompt)) {
inspectSpanHtml = `
<span title="inspect" class="prompt-manager-inspect-action fa-solid fa-magnifying-glass"></span>
`;
} }
let toggleSpanHtml = ''; let toggleSpanHtml = '';
@ -1241,7 +1238,7 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
<span class="prompt-manager-toggle-action ${listEntry.enabled ? 'fa-solid fa-toggle-on' : 'fa-solid fa-toggle-off'}"></span> <span class="prompt-manager-toggle-action ${listEntry.enabled ? 'fa-solid fa-toggle-on' : 'fa-solid fa-toggle-off'}"></span>
`; `;
} else { } else {
toggleSpanHtml = `<span class="fa-solid'"></span>`; toggleSpanHtml = `<span class="fa-solid">&nbsp;</span>`;
} }
listItemHtml += ` listItemHtml += `
@ -1250,13 +1247,12 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
${prompt.marker ? '<span class="fa-solid fa-thumb-tack" title="Prompt Marker"></span>' : ''} ${prompt.marker ? '<span class="fa-solid fa-thumb-tack" title="Prompt Marker"></span>' : ''}
${!prompt.marker && prompt.system_prompt ? '<span class="fa-solid fa-globe" title="Global Prompt"></span>' : ''} ${!prompt.marker && prompt.system_prompt ? '<span class="fa-solid fa-globe" title="Global Prompt"></span>' : ''}
${!prompt.marker && !prompt.system_prompt ? '<span class="fa-solid fa-user" title="User Prompt"></span>' : ''} ${!prompt.marker && !prompt.system_prompt ? '<span class="fa-solid fa-user" title="User Prompt"></span>' : ''}
${prompt.name} ${this.isPromptInspectionAllowed(prompt) ? `<a class="prompt-manager-inspect-action">${prompt.name}</a>` : prompt.name }
</span> </span>
<span> <span>
<span class="prompt_manager_prompt_controls"> <span class="prompt_manager_prompt_controls">
${detachSpanHtml}
${editSpanHtml} ${editSpanHtml}
${inspectSpanHtml} ${detachSpanHtml}
${toggleSpanHtml} ${toggleSpanHtml}
</span> </span>
</span> </span>