Added presets and tag editor handling to the image upload page

src/content/components/philomena/TagsForm.ts

@@ -24,7 +24,7 @@ export class TagsForm extends BaseComponent {
     this.#togglePresetsButton.textContent = 'Presets';
 
     this.container
-      .querySelector('.fancy-tag-edit ~ button:last-of-type')
+      .querySelector(':is(.fancy-tag-edit, .fancy-tag-upload) ~ button:last-of-type')
       ?.after(this.#togglePresetsButton, this.#presetsList.container);
 
     this.#plainEditorTextarea = this.container.querySelector('textarea.tagsinput');
@@ -243,4 +243,14 @@ export class TagsForm extends BaseComponent {
       (tagEditor as TagsForm).refreshTagColors();
     });
   }
+
+  static initializeUploadEditor() {
+    const uploadEditorContainer = document.querySelector<HTMLElement>('.field:has(.fancy-tag-upload)');
+
+    if (!uploadEditorContainer) {
+      return;
+    }
+
+    new TagsForm(uploadEditorContainer).initialize();
+  }
 }

src/content/upload.ts

@@ -0,0 +1,3 @@
+import { TagsForm } from "$content/components/philomena/TagsForm";
+
+TagsForm.initializeUploadEditor();