Added context viewer to escape close and click off close

This commit is contained in:
ebolam
2022-09-06 17:21:04 -04:00
parent 0eceb28741
commit fb9cdf6fa0
3 changed files with 35 additions and 33 deletions

View File

@@ -2829,7 +2829,7 @@ function close_menus() {
document.getElementById('save-confirm').classList.add("hidden");
document.getElementById('error_message').classList.add("hidden");
document.getElementById("advanced_theme_editor").classList.add("hidden");
document.getElementById("context-viewer-container").classList.add("hidden");
//unselect sampler items
for (temp of document.getElementsByClassName("sample_order")) {

View File

@@ -113,41 +113,10 @@
</div>
<iframe id="download_iframe" style="display:none;"></iframe>
<div id="context-viewer-container" class="hidden">
<div id="context-viewer">
<div id="context-viewer-header">
<h3 class="noselect">Context Viewer</h3>
<div id="context-viewer-header-right">
<div>
<span class="noselect">Key:</span>
<div>
<span class="noselect context-block-example context-sp">Soft Prompt</span>
<span class="noselect context-block-example context-prompt">Prompt</span>
<span class="noselect context-block-example context-wi">World Info</span>
<span class="noselect context-block-example context-memory">Memory</span>
<span class="noselect context-block-example context-an">Author's Note</span>
<span class="noselect context-block-example context-action">Action</span>
</div>
</div>
<span id="context-viewer-close" class="material-icons-outlined">close</span>
</div>
</div>
<span class="help_text">
Context is the text the AI is sent when you ask it to generate text.
As the context is limited in size, you can use the Context Viewer to check if things you want the AI to know are in the context.
</span>
<div id="context-container"></div>
</div>
</div>
<div id="file-upload-notice" class="hidden">
<span class="material-icons-outlined">upload_file</span>
</div>
<div id="finder-container" class="hidden">
<div id="finder">
<input id="finder-input" placeholder="Search for something..."></input>
</div>
</div>
</body>
</html>

View File

@@ -109,4 +109,37 @@
<div class="popup_load_cancel">
<button type="button" class="btn btn-primary" onclick="document.getElementById('advanced_theme_editor').classList.add('hidden');">Ok</button>
</div>
</div>
<!---------------- Context Viewer ---------------------->
<div id="context-viewer-container" class="hidden">
<div id="context-viewer">
<div id="context-viewer-header">
<h3 class="noselect">Context Viewer</h3>
<div id="context-viewer-header-right">
<div>
<span class="noselect">Key:</span>
<div>
<span class="noselect context-block-example context-sp">Soft Prompt</span>
<span class="noselect context-block-example context-prompt">Prompt</span>
<span class="noselect context-block-example context-wi">World Info</span>
<span class="noselect context-block-example context-memory">Memory</span>
<span class="noselect context-block-example context-an">Author's Note</span>
<span class="noselect context-block-example context-action">Action</span>
</div>
</div>
<span id="context-viewer-close" class="material-icons-outlined">close</span>
</div>
</div>
<span class="help_text">
Context is the text the AI is sent when you ask it to generate text.
As the context is limited in size, you can use the Context Viewer to check if things you want the AI to know are in the context.
</span>
<div id="context-container"></div>
</div>
</div>
<!---------------- Finder ---------------------->
<div id="finder-container" class="hidden">
<div id="finder">
<input id="finder-input" placeholder="Search for something..."></input>
</div>
</div>