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

Migrated Icons to Material Symbols

Browse Source
This commit is contained in:
ebolam
2022-08-16 20:17:27 -04:00
parent f6896b057c
commit 3c14241fa5
2 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/koboldai.css
View File

@@ -1262,3 +1262,7 @@ body.NotConnected {
/* Support for IE. */
font-feature-settings: 'liga';
}
h2 .material-icons-outlined {
font-size: 32px;
}

41
static/koboldai.js
View File

@@ -1247,10 +1247,10 @@ function world_info_folder(data) {
title.addEventListener('drop', drop);
collapse_icon = document.createElement("span");
collapse_icon.id = "world_info_folder_collapse_"+folder_name;
collapse_icon.classList.add("oi");
collapse_icon.classList.add("wi_folder_collapser");
collapse_icon.setAttribute("data-glyph", "chevron-bottom");
collapse_icon.classList.add("material-icons-outlined");
collapse_icon.setAttribute("folder", folder_name);
collapse_icon.textContent = "expand_more";
collapse_icon.onclick = function () {
hide_wi_folder(this.getAttribute("folder"));
document.getElementById('world_info_folder_expand_'+this.getAttribute("folder")).classList.remove('hidden');
@@ -1259,10 +1259,10 @@ function world_info_folder(data) {
title.append(collapse_icon);
expand_icon = document.createElement("span");
expand_icon.id = "world_info_folder_expand_"+folder_name;
expand_icon.classList.add("oi");
expand_icon.classList.add("wi_folder_collapser");
expand_icon.setAttribute("data-glyph", "chevron-right");
expand_icon.classList.add("material-icons-outlined");
expand_icon.setAttribute("folder", folder_name);
expand_icon.textContent = "chevron_right";
expand_icon.onclick = function () {
unhide_wi_folder(this.getAttribute("folder"));
document.getElementById('world_info_folder_collapse_'+this.getAttribute("folder")).classList.remove('hidden');
@@ -1271,8 +1271,9 @@ function world_info_folder(data) {
expand_icon.classList.add("hidden");
title.append(expand_icon);
icon = document.createElement("span");
icon.classList.add("oi");
icon.setAttribute("data-glyph", "folder");
icon.classList.add("material-icons-outlined");
icon.setAttribute("folder", folder_name);
icon.textContent = "folder";
title.append(icon);
title_text = document.createElement("span");
title_text.setAttribute("contenteditable", true);
@@ -1287,16 +1288,20 @@ function world_info_folder(data) {
title.append(title_text);
folder.append(title);
//create add button
new_icon = document.createElement("span");
new_icon.classList.add("wi_add_button");
add_icon = document.createElement("span");
add_icon.classList.add("oi");
add_icon.classList.add("wi_add_button");
add_icon.setAttribute("data-glyph", "plus");
add_icon.textContent = "Add World Info Entry";
add_icon.setAttribute("folder", folder_name);
add_icon.onclick = function() {
add_icon.classList.add("material-icons-outlined");
add_icon.textContent = "post_add";
new_icon.append(add_icon);
add_text = document.createElement("span");
add_text.textContent = "Add World Info Entry";
add_text.setAttribute("folder", folder_name);
add_text.onclick = function() {
create_new_wi_entry(this.getAttribute("folder"));
}
folder.append(add_icon);
new_icon.append(add_text);
folder.append(new_icon);
//We want to insert this folder before the next folder
if (i+1 < folders.length) {
@@ -1350,12 +1355,16 @@ function world_info_folder(data) {
add_folder.id = "new_world_info_button";
temp = document.createElement("h2");
add_icon = document.createElement("span");
add_icon.classList.add("oi");
add_icon.setAttribute("data-glyph", "plus");
add_icon.textContent = "Add World Info Folder";
icon = document.createElement("span");
icon.classList.add("material-icons-outlined");
icon.textContent = "create_new_folder";
add_icon.append(icon);
text_span = document.createElement("span");
text_span.textContent = "Add World Info Folder";
add_icon.onclick = function() {
socket.emit("create_world_info_folder", {});
}
add_icon.append(text_span);
temp.append(add_icon);
add_folder.append(temp);
document.getElementById("WI_Area").append(add_folder);