Add button to bulk import all tags

651072c61b29fa779f875081d11bb7e1aa338be4

d-ber <davide.bertalero@studenti.unimi.it>

public/scripts/BulkEditOverlay.js+17 -2 Viewed

 import { favsToHotswap } from './RossAscends-mods.js';
 import { hideLoader, showLoader } from './loader.js';
 import { convertCharacterToPersona } from './personas.js';
 import { createTagInput, getTagKeyForEntity, getTagsList, printTagList, tag_map, compareTagsForSort, removeTagFromMap, importTags } from './tags.js';
 /**
  * Static object representing the actions of the

                             <i class="fa-solid fa-trash-can margin-right-10px"></i>
                             Mutual
                         </div>
 +                        <div id="bulk_tag_popup_import_all_tags" class="menu_button" title="Import all tags from selected characters" data-i18n="[title]Import all tags from selected characters">
 +                            Import All
 +                        </div>
                         <div id="bulk_tag_popup_cancel" class="menu_button" data-i18n="Cancel">Close</div>
                     </div>
                 </div>

         document.querySelector('#bulk_tag_popup_reset').addEventListener('click', this.resetTags.bind(this));
         document.querySelector('#bulk_tag_popup_remove_mutual').addEventListener('click', this.removeMutual.bind(this));
         document.querySelector('#bulk_tag_popup_cancel').addEventListener('click', this.hide.bind(this));
 +        document.querySelector('#bulk_tag_popup_import_all_tags').addEventListener('click', this.importAllTags.bind(this));
 +    }
++
 +    /**
 +     * Import all tags for all selected characters
 +     */
 +    async importAllTags() {
 +        for (const characterId of this.characterIds) {
 +            await importTags(characters[characterId], { importAll: true });
 +        }
++
 +        $('#bulkTagList').empty();
+    }
     /**

             this.container.removeEventListener('mouseup', cancelHold);
             this.container.removeEventListener('touchend', cancelHold);
         },
                     BulkEditOverlay.longPressDelay);
     };
     handleLongPressEnd = (event) => {

public/scripts/tags.js+7 -4 Viewed

+ *
  * @param {Character} character - The character
  * @param {object} [options] - Options
 + * @param {boolean} [options.importAll=false] - Whether to import all tags without dialog
  * @param {boolean} [options.forceShow=false] - Whether to force showing the import dialog
  * @returns {Promise<boolean>} Boolean indicating whether any tag was imported
  */
 async function importTags(character, { importAll = false, forceShow = false } = {}) {
     // Gather the tags to import based on the selected setting
     const tagNamesToImport = await handleTagImport(character, { importAll, forceShow });
     if (!tagNamesToImport?.length) {
         console.debug('No tags to import');
         return;

+ *
  * @param {Character} character - The character
  * @param {object} [options] - Options
 + * @param {boolean} [options.importAll=false] - Whether to import all tags without dialog
  * @param {boolean} [options.forceShow=false] - Whether to force showing the import dialog
  * @returns {Promise<string[]>} Array of strings representing the tags to import
  */
 async function handleTagImport(character, { importAll = false, forceShow = false } = {}) {
     /** @type {string[]} */
     const importTags = character.tags.map(t => t.trim()).filter(t => t)
         .filter(t => !IMPORT_EXLCUDED_TAGS.includes(t))

     // Choose the setting for this dialog. If from settings, verify the setting really exists, otherwise take "ASK".
     const setting = forceShow ? tag_import_setting.ASK
 -        : Object.values(tag_import_setting).find(setting => setting === power_user.tag_import_setting) ?? tag_import_setting.ASK;
 +        : importAll ? tag_import_setting.ALL
 +            : Object.values(tag_import_setting).find(setting => setting === power_user.tag_import_setting) ?? tag_import_setting.ASK;
     switch (setting) {
         case tag_import_setting.ALL: