+
+
+
+
+
+
+
+ {{ t('systemtags', 'Create tag') }}
+
+
+
+
+
+
+ {{ formatTagName(tag) }}
+
+
+
+
+
+
+ {{ t('systemtags', 'Select or create tags to apply to all selected files') }}
+
+
+
+
+
+
+
+
+ {{ t('systemtags', 'Cancel') }}
+
+
+ {{ t('systemtags', 'Apply changes') }}
+
+
+
+
+
+
+
+
diff --git a/apps/systemtags/src/files_actions/bulkSystemTagsAction.ts b/apps/systemtags/src/files_actions/bulkSystemTagsAction.ts
new file mode 100644
index 0000000000000..a28706bae8f74
--- /dev/null
+++ b/apps/systemtags/src/files_actions/bulkSystemTagsAction.ts
@@ -0,0 +1,45 @@
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+import { type Node } from '@nextcloud/files'
+
+import { defineAsyncComponent } from 'vue'
+import { FileAction } from '@nextcloud/files'
+import { t } from '@nextcloud/l10n'
+import TagMultipleSvg from '@mdi/svg/svg/tag-multiple.svg?raw'
+
+import { spawnDialog } from '@nextcloud/dialogs'
+import { fetchTags } from '../services/api'
+
+export const action = new FileAction({
+ id: 'systemtags:bulk',
+ displayName: () => t('systemtags', 'Manage tags'),
+ iconSvgInline: () => TagMultipleSvg,
+
+ enabled(nodes) {
+ // Only for multiple nodes
+ if (nodes.length <= 1) {
+ return false
+ }
+
+ return true
+ },
+
+ async exec() {
+ return null
+ },
+
+ async execBatch(nodes: Node[]) {
+ const tags = await fetchTags()
+ const response = await new Promise