SillyTavern/public/scripts/bulk-edit.js

120 lines
3.8 KiB
JavaScript
Raw Normal View History

2024-04-14 23:39:15 +02:00
import { characterGroupOverlay } from '../script.js';
2023-12-04 18:32:41 +01:00
import { BulkEditOverlay, BulkEditOverlayState } from './BulkEditOverlay.js';
2023-10-21 15:12:09 +02:00
let is_bulk_edit = false;
2023-10-21 15:12:09 +02:00
const enableBulkEdit = () => {
enableBulkSelect();
characterGroupOverlay.selectState();
// show the bulk edit option buttons
$('.bulkEditOptionElement').show();
2023-10-21 15:12:09 +02:00
is_bulk_edit = true;
characterGroupOverlay.updateSelectedCount(0);
2023-12-02 20:11:06 +01:00
};
2023-10-21 15:12:09 +02:00
const disableBulkEdit = () => {
disableBulkSelect();
characterGroupOverlay.browseState();
// hide the bulk edit option buttons
$('.bulkEditOptionElement').hide();
2023-10-21 15:12:09 +02:00
is_bulk_edit = false;
characterGroupOverlay.updateSelectedCount(0);
2023-12-02 20:11:06 +01:00
};
2023-10-21 15:12:09 +02:00
const toggleBulkEditMode = (isBulkEdit) => {
if (isBulkEdit) {
disableBulkEdit();
} else {
enableBulkEdit();
}
2023-12-02 20:11:06 +01:00
};
2023-10-21 15:12:09 +02:00
characterGroupOverlay.addStateChangeCallback((state) => {
2023-11-06 17:20:18 +01:00
if (state === BulkEditOverlayState.select) enableBulkEdit();
if (state === BulkEditOverlayState.browse) disableBulkEdit();
2023-10-21 15:12:09 +02:00
});
/**
* Toggles bulk edit mode on/off when the edit button is clicked.
*/
function onEditButtonClick() {
2023-12-02 19:04:51 +01:00
console.log('Edit button clicked');
2023-10-21 15:12:09 +02:00
toggleBulkEditMode(is_bulk_edit);
}
/**
* Toggles the select state of all characters in bulk edit mode to selected. If all are selected, they'll be deselected.
*/
function onSelectAllButtonClick() {
console.log('Bulk select all button clicked');
const characters = Array.from(document.querySelectorAll('#' + BulkEditOverlay.containerId + ' .' + BulkEditOverlay.characterClass));
let atLeastOneSelected = false;
for (const character of characters) {
const checked = $(character).find('.bulk_select_checkbox:checked').length > 0;
if (!checked && character instanceof HTMLElement) {
characterGroupOverlay.toggleSingleCharacter(character);
atLeastOneSelected = true;
}
}
if (!atLeastOneSelected) {
// If none was selected, trigger click on all to deselect all of them
for(const character of characters) {
const checked = $(character).find('.bulk_select_checkbox:checked') ?? false;
if (checked && character instanceof HTMLElement) {
characterGroupOverlay.toggleSingleCharacter(character);
}
}
}
}
/**
* Deletes all characters that have been selected via the bulk checkboxes.
*/
async function onDeleteButtonClick() {
2023-12-02 19:04:51 +01:00
console.log('Delete button clicked');
// We just let the button trigger the context menu delete option
await characterGroupOverlay.handleContextMenuDelete();
}
/**
* Enables bulk selection by adding a checkbox next to each character.
*/
function enableBulkSelect() {
2023-12-02 19:04:51 +01:00
$('#rm_print_characters_block .character_select').each((i, el) => {
// Prevent checkbox from adding multiple times (because of stage change callback)
if ($(el).find('.bulk_select_checkbox').length > 0) {
return;
}
2023-12-02 19:04:51 +01:00
const checkbox = $('<input type=\'checkbox\' class=\'bulk_select_checkbox\'>');
checkbox.on('change', () => {
// Do something when the checkbox is changed
});
$(el).prepend(checkbox);
});
2023-12-02 19:04:51 +01:00
$('#rm_print_characters_block').addClass('bulk_select');
// We also need to disable the default click event for the character_select divs
2023-12-02 19:04:51 +01:00
$(document).on('click', '.bulk_select_checkbox', function (event) {
event.stopImmediatePropagation();
});
}
/**
* Disables bulk selection by removing the checkboxes.
*/
function disableBulkSelect() {
2023-12-02 19:04:51 +01:00
$('.bulk_select_checkbox').remove();
$('#rm_print_characters_block').removeClass('bulk_select');
}
/**
* Entry point that runs on page load.
*/
jQuery(() => {
2023-12-02 19:04:51 +01:00
$('#bulkEditButton').on('click', onEditButtonClick);
$('#bulkSelectAllButton').on('click', onSelectAllButtonClick);
2023-12-02 19:04:51 +01:00
$('#bulkDeleteButton').on('click', onDeleteButtonClick);
});