rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-18 13:10:40 +01: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
Show Stats 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%
}
#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 {
padding: 0 0.5em;
color: var(--white50a);
@ -64,7 +59,13 @@
#completion_prompt_manager #completion_prompt_manager_list li.completion_prompt_manager_prompt .prompt_manager_prompt_controls {
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 {
@ -160,14 +161,23 @@
overflow: hidden;
}
#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 .completion_prompt_manager_prompt_name .prompt-manager-inspect-action {
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);
}
#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 {
margin-left: 0.5em;
}

20
public/scripts/PromptManager.js
View File

@ -674,7 +674,7 @@ PromptManagerModule.prototype.checkForMissingPrompts = function(prompts) {
* @returns {boolean} True if the prompt is a marker, false otherwise.
*/
PromptManagerModule.prototype.isPromptInspectionAllowed = function (prompt) {
return true === prompt.marker;
return true === prompt.marker;
}
/**
@ -1219,6 +1219,8 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
detachSpanHtml = `
<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 = '';
@ -1226,13 +1228,8 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
editSpanHtml = `
<span title="edit" class="prompt-manager-edit-action fa-solid fa-pencil"></span>
`;
}
let inspectSpanHtml = '';
if (this.isPromptInspectionAllowed(prompt)) {
inspectSpanHtml = `
<span title="inspect" class="prompt-manager-inspect-action fa-solid fa-magnifying-glass"></span>
`;
} else {
editSpanHtml = `<span class="fa-solid">&nbsp;</span>`;
}
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>
`;
} else {
toggleSpanHtml = `<span class="fa-solid'"></span>`;
toggleSpanHtml = `<span class="fa-solid">&nbsp;</span>`;
}
listItemHtml += `
@ -1250,13 +1247,12 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
${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-user" title="User Prompt"></span>' : ''}
${prompt.name}
${this.isPromptInspectionAllowed(prompt) ? `<a class="prompt-manager-inspect-action">${prompt.name}</a>` : prompt.name }
</span>
<span>
<span class="prompt_manager_prompt_controls">
${detachSpanHtml}
${editSpanHtml}
${inspectSpanHtml}
${detachSpanHtml}
${toggleSpanHtml}
</span>
</span>