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

Add special tag to filter by groups

Browse Source
This commit is contained in:
SillyLossy
2023-05-08 02:39:17 +03:00
parent 80e822d9b4
commit d1369004bb
2 changed files with 29 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/scripts/tags.js
View File

@@ -14,7 +14,11 @@ export {
};
const random_id = () => Math.round(Date.now() * Math.random()).toString();
const TAG_LOGIC_AND = true;
const TAG_LOGIC_AND = true; // switch to false to use OR logic for combining tags
const ACTIONABLE_TAGS = {
GROUP: { id: 0, name: 'Groups', color: 'rgba(100, 100, 100, 0.4)', action: filterByGroups },
}
const DEFAULT_TAGS = [
{ id: random_id(), name: "Plain Text" },
@@ -28,6 +32,17 @@ const DEFAULT_TAGS = [
let tags = [];
let tag_map = {};
function filterByGroups() {
const isSelected = $(this).hasClass('selected');
const displayGroupsOnly = !isSelected;
$(this).toggleClass('selected', displayGroupsOnly);
$('#rm_print_characters_block > div').removeClass('hiddenByGroup');
$('#rm_print_characters_block > div').each((_, element) => {
$(element).toggleClass('hiddenByGroup', displayGroupsOnly && !$(element).hasClass('group_select'));
});
}
function loadTagsSettings(settings) {
tags = settings.tags !== undefined ? settings.tags : DEFAULT_TAGS;
tag_map = settings.tag_map !== undefined ? settings.tag_map : Object.create(null);
@@ -160,7 +175,7 @@ function createNewTag(tagName) {
return tag;
}
function appendTagToList(listElement, tag, { removable, editable, selectable }) {
function appendTagToList(listElement, tag, { removable, selectable, action }) {
if (!listElement) {
return;
}
@@ -179,6 +194,11 @@ function appendTagToList(listElement, tag, { removable, editable, selectable })
tagElement.on('click', () => onTagFilterClick.bind(tagElement)(listElement));
}
if (action) {
tagElement.on('click', () => action.bind(tagElement)(listElement));
tagElement.addClass('actionable');
}
$(listElement).append(tagElement);
}
@@ -188,7 +208,7 @@ function onTagFilterClick(listElement) {
$(this).toggleClass('selected', !wasSelected);
const tagIds = [...($(listElement).find(".tag.selected").map((_, el) => $(el).attr("id")))];
const tagIds = [...($(listElement).find(".tag.selected:not(.actionable)").map((_, el) => $(el).attr("id")))];
$('#rm_print_characters_block > div').each((_, element) => applyFilterToElement(tagIds, element));
}
@@ -227,8 +247,12 @@ function printTags() {
.filter(x => characterTagIds.includes(x.id))
.sort((a, b) => a.name.localeCompare(b.name));
for (const tag of Object.values(ACTIONABLE_TAGS)) {
appendTagToList('#rm_tag_filter', tag, { removable: false, selectable: false, action: tag.action });
}
for (const tag of tagsToDisplay) {
appendTagToList('#rm_tag_filter', tag, { removable: false, editable: false, selectable: true, });
appendTagToList('#rm_tag_filter', tag, { removable: false, selectable: true, });
}
}