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

Merge pull request #329 from one-some/UI2

Browse Source 
shouldShow for context menu
This commit is contained in:
ebolam
2022-12-06 17:55:14 -05:00
committed by GitHub
parent 430be39fca ed6cba5f74
commit 994acd70a6
1 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
static/koboldai.js
View File

@@ -134,6 +134,8 @@ const context_menu_actions = {
] ]
}; };
let context_menu_cache = [];
// CTRL-[X] // CTRL-[X]
const shortcuts = [ const shortcuts = [
{key: "s", desc: "Save Story", func: save_story}, {key: "s", desc: "Save Story", func: save_story},
@@ -5579,10 +5581,15 @@ process_cookies();
continue; continue;
} }
let item = $e("div", contextMenu, { let item = $e("div", contextMenu, {
classes: ["context-menu-item", "noselect", `context-menu-${key}`], classes: ["context-menu-item", "noselect", `context-menu-${key}`],
"enabled-on": action.enabledOn "enabled-on": action.enabledOn,
"cache-index": context_menu_cache.length
}); });
context_menu_cache.push({shouldShow: action.shouldShow});
let icon = $e("span", item, {classes: ["material-icons-outlined"], innerText: action.icon}); let icon = $e("span", item, {classes: ["material-icons-outlined"], innerText: action.icon});
item.append(action.label); item.append(action.label);
@@ -5612,7 +5619,15 @@ process_cookies();
// Show only applicable actions in the context menu // Show only applicable actions in the context menu
let contextMenuType = target.getAttribute("context-menu"); let contextMenuType = target.getAttribute("context-menu");
for (const contextMenuItem of contextMenu.childNodes) { for (const contextMenuItem of contextMenu.childNodes) {
if (contextMenuItem.classList.contains(`context-menu-${contextMenuType}`)) { let shouldShow = contextMenuItem.classList.contains(`context-menu-${contextMenuType}`);
if (shouldShow) {
let cacheIndex = parseInt(contextMenuItem.getAttribute("cache-index"));
let cacheEntry = context_menu_cache[cacheIndex];
if (cacheEntry && cacheEntry.shouldShow) shouldShow = cacheEntry.shouldShow();
}
if (shouldShow) {
contextMenuItem.classList.remove("hidden"); contextMenuItem.classList.remove("hidden");
} else { } else {
contextMenuItem.classList.add("hidden"); contextMenuItem.classList.add("hidden");
@@ -5642,6 +5657,15 @@ process_cookies();
$(".context-menu-item[enabled-on=ALWAYS]").removeClass("disabled"); $(".context-menu-item[enabled-on=ALWAYS]").removeClass("disabled");
// Make sure hr isn't first or last visible element
let visibles = [];
for (const item of contextMenu.children) {
if (!item.classList.contains("hidden")) visibles.push(item);
}
let lastIndex = visibles.length - 1;
if (visibles[0].tagName === "HR") visibles[0].classList.add("hidden");
if (visibles[lastIndex].tagName === "HR") visibles[lastIndex].classList.add("hidden");
contextMenu.classList.remove("hidden"); contextMenu.classList.remove("hidden");
// Set position to click position // Set position to click position