ActionFileinto.vue

<!--
  - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
  - SPDX-License-Identifier: AGPL-3.0-or-later
-->
<template>
	<NcSelect ref="select"
		:value="mailbox"
		:options="mailboxOptions"
		:required="true"
		:aria-label-combobox="t('mail','Select a mailbox')"
		@input="onInput" />
</template>
<script>

import NcSelect from '@nextcloud/vue/components/NcSelect'
import { mailboxHasRights } from '../../util/acl.js'
import { mapStores } from 'pinia'
import useMainStore from '../../store/mainStore.js'

export default {
	name: 'ActionFileinto',
	components: {
		NcSelect,
	},
	props: {
		action: {
			type: Object,
			required: true,
		},
		account: {
			type: Object,
			required: true,
		},
	},
	computed: {
		...mapStores(useMainStore),
		mailbox() {
			return this.action.mailbox ?? undefined
		},
		mailboxOptions() {
			const result = []

			const topMailboxes = this.mainStore.getMailboxes(this.account.accountId)
				.filter(mailbox => mailboxHasRights(mailbox, 'i'))

			for (const mailbox of topMailboxes) {
				result.push({
					value: mailbox,
					label: mailbox.displayName,
				})

				const subMailboxes = this.mainStore.getSubMailboxes(mailbox.databaseId)
				for (const subMailbox of subMailboxes) {
					result.push({
						value: subMailbox,
						label: ` > ${subMailbox.displayName}`,
					})
				}
			}

			return result
		},
	},
	methods: {
		onInput(value) {
			this.$emit('update-action', { mailbox: value })
		},
	},
}
</script>