feat(archive): add archive/unarchive action/section to context navigation

AI-assistant: Claude Code 2.1.101 (Claude Sonnet 4.6)

Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>

Author: AndyScherzinger

src/modules/navigation/partials/NavigationContextItem.vue

@@ -35,6 +35,22 @@
 				</template>
 				{{ t('tables', 'Delete application') }}
 			</NcActionButton>
+			<!-- ARCHIVE -->
+			<NcActionButton v-if="!context.archived" :close-after-click="true" @click="toggleArchiveContext(true)">
+				<template #icon>
+					<ArchiveArrowDown :size="20" />
+				</template>
+				{{ t('tables', 'Archive application') }}
+			</NcActionButton>
+
+			<!-- UNARCHIVE -->
+			<NcActionButton v-if="context.archived" :close-after-click="true" @click="toggleArchiveContext(false)">
+				<template #icon>
+					<ArchiveArrowUpOutline :size="20" />
+				</template>
+				{{ t('tables', 'Unarchive application') }}
+			</NcActionButton>
+
 			<NcActionCheckbox :checked="showInNavigation" data-cy="navigationContextShowInNavSwitch" @change="changeDisplayMode">
 				{{ t('tables', 'Show in app list') }}
 			</NcActionCheckbox>
@@ -50,6 +66,8 @@ import { emit } from '@nextcloud/event-bus'
 import PlaylistEdit from 'vue-material-design-icons/PlaylistEdit.vue'
 import FileSwapOutline from 'vue-material-design-icons/FileSwapOutline.vue'
 import DeleteOutline from 'vue-material-design-icons/TrashCanOutline.vue'
+import ArchiveArrowDown from 'vue-material-design-icons/ArchiveArrowDown.vue'
+import ArchiveArrowUpOutline from 'vue-material-design-icons/ArchiveArrowUpOutline.vue'
 import permissionsMixin from '../../../shared/components/ncTable/mixins/permissionsMixin.js'
 import svgHelper from '../../../shared/components/ncIconPicker/mixins/svgHelper.js'
 import { NAV_ENTRY_MODE } from '../../../shared/constants.ts'
@@ -64,6 +82,8 @@ export default {
 		FileSwapOutline,
 		TableIcon,
 		DeleteOutline,
+		ArchiveArrowDown,
+		ArchiveArrowUpOutline,
 		NcIconSvgWrapper,
 		NcAppNavigationItem,
 		NcActionButton,
@@ -99,7 +119,7 @@ export default {
 	},
 
 	methods: {
-		...mapActions(useTablesStore, ['updateDisplayMode']),
+		...mapActions(useTablesStore, ['updateDisplayMode', 'archiveContext', 'unarchiveContext']),
 		emit,
 		async editContext() {
 			emit('tables:context:edit', this.context.id)
@@ -118,6 +138,13 @@ export default {
 			}
 			return false
 		},
+		async toggleArchiveContext(archived) {
+			if (archived) {
+				await this.archiveContext({ id: this.context.id })
+			} else {
+				await this.unarchiveContext({ id: this.context.id })
+			}
+		},
 		async changeDisplayMode() {
 			const value = !this.showInNavigation
 			const displayMode = value ? NAV_ENTRY_MODE.NAV_ENTRY_MODE_ALL : NAV_ENTRY_MODE.NAV_ENTRY_MODE_HIDDEN

src/modules/navigation/sections/Navigation.vue

@@ -68,9 +68,26 @@
 					</template>
 				</NcAppNavigationCaption>
 
-				<template v-for="node in getAllContexts">
+				<template v-for="node in getActiveContexts">
 					<NavigationContextItem :key="node.id" :context="node" />
 				</template>
+
+				<!-- ARCHIVED APPLICATIONS -->
+				<NcAppNavigationItem v-if="getArchivedContexts.length > 0" :name="t('tables', 'Archived applications')"
+					:allow-collapse="true" :open="false">
+					<template #icon>
+						<ArchiveOutline :size="20" />
+					</template>
+
+					<template #counter>
+						<NcCounterBubble>
+							{{ getArchivedContexts.length }}
+						</NcCounterBubble>
+					</template>
+
+					<NavigationContextItem v-for="context in getArchivedContexts" :key="context.id"
+						:context="context" />
+				</NcAppNavigationItem>
 			</ul>
 
 			<div v-if="filterString !== ''" class="search-info">
@@ -183,6 +200,12 @@ export default {
 		getAllContexts() {
 			return this.contexts.filter(context => context.name.toLowerCase().includes(this.filterString.toLowerCase()))
 		},
+		getActiveContexts() {
+			return this.getAllContexts.filter(context => !context.archived)
+		},
+		getArchivedContexts() {
+			return this.getAllContexts.filter(context => context.archived)
+		},
 		isStandaloneContext() {
 			try {
 				// this state is only set by the PageController.context route