text-generation-webui/js/show_controls.js

58 lines
2 KiB
JavaScript
Raw Normal View History

const chatParent = document.querySelector(".chat-parent");
function toggle_controls(value) {
const extensions = document.querySelector("#extensions");
2025-06-14 18:09:46 +02:00
2023-10-08 04:07:57 +02:00
if (value) {
// SHOW MODE: Click toggles to show hidden sidebars
const navToggle = document.getElementById("navigation-toggle");
const pastChatsToggle = document.getElementById("past-chats-toggle");
if (navToggle && document.querySelector(".header_bar")?.classList.contains("sidebar-hidden")) {
navToggle.click();
}
if (pastChatsToggle && document.getElementById("past-chats-row")?.classList.contains("sidebar-hidden")) {
pastChatsToggle.click();
}
// Show extensions only
if (extensions) {
extensions.style.display = "inherit";
}
// Remove bigchat classes
2023-10-08 04:07:57 +02:00
chatParent.classList.remove("bigchat");
document.getElementById("chat-input-row").classList.remove("bigchat");
document.getElementById("chat-col").classList.remove("bigchat");
document.getElementById("chat-tab").style.paddingBottom = "";
2023-11-19 17:31:01 +01:00
2023-12-27 18:59:23 +01:00
let gallery_element = document.getElementById("gallery-extension");
2023-11-19 17:31:01 +01:00
if (gallery_element) {
2023-12-27 18:59:23 +01:00
gallery_element.style.display = "block";
2023-11-19 17:31:01 +01:00
}
} else {
// HIDE MODE: Click toggles to hide visible sidebars
const navToggle = document.getElementById("navigation-toggle");
const pastChatsToggle = document.getElementById("past-chats-toggle");
if (navToggle && !document.querySelector(".header_bar")?.classList.contains("sidebar-hidden")) {
navToggle.click();
}
if (pastChatsToggle && !document.getElementById("past-chats-row")?.classList.contains("sidebar-hidden")) {
pastChatsToggle.click();
}
2025-06-14 18:09:46 +02:00
// Hide extensions only
if (extensions) {
extensions.style.display = "none";
}
// Add bigchat classes
2023-10-08 04:07:57 +02:00
chatParent.classList.add("bigchat");
document.getElementById("chat-input-row").classList.add("bigchat");
document.getElementById("chat-col").classList.add("bigchat");
document.getElementById("chat-tab").style.paddingBottom = "0px";
2023-10-08 04:07:57 +02:00
}
}