feat: Add cloning functionality to archived forms in frontend

This enables the clone button for archived forms and emits the neccessary events to Forms.vue Signed-off-by: Christian Hartmann <chris-hartmann@gmx.de>
nextcloud · Jan 14, 2025 · bf0fc08 · bf0fc08
1 parent 7732133
commit bf0fc08
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/Forms.vue b/src/Forms.vue
@@ -131,7 +131,10 @@
 		</template>
 
 		<!-- Archived forms modal -->
-		<ArchivedFormsModal :open.sync="showArchivedForms" :forms="archivedForms" />
+		<ArchivedFormsModal
+			:open.sync="showArchivedForms"
+			:forms="archivedForms"
+			@clone="onCloneForm" />
 	</NcContent>
 </template>
 

diff --git a/src/components/AppNavigationForm.vue b/src/components/AppNavigationForm.vue
@@ -57,7 +57,7 @@
 				{{ t('forms', 'Results') }}
 			</NcActionRouter>
 			<NcActionButton
-				v-if="canEdit && !isArchived"
+				v-if="canEdit"
 				:close-after-click="true"
 				@click="onCloneForm">
 				<template #icon>
@@ -278,6 +278,7 @@ export default {
 		onShareForm() {
 			this.$emit('open-sharing', this.form.hash)
 		},
+
 		onCloneForm() {
 			this.$emit('clone', this.form.id)
 		},

diff --git a/src/components/ArchivedFormsModal.vue b/src/components/ArchivedFormsModal.vue
@@ -17,6 +17,7 @@
 				:form="form"
 				:read-only="false"
 				force-display-actions
+				@clone="onCloneForm(form.id)"
 				@delete="onDelete(form)"
 				@mobile-close-navigation="$emit('update:open', false)" />
 		</ul>
@@ -69,6 +70,11 @@ export default defineComponent({
 	methods: {
 		t,
 
+		onCloneForm(formId) {
+			this.$emit('clone', formId)
+			this.$emit('update:open', false)
+		},
+
 		onDelete(form) {
 			this.shownForms = this.shownForms.filter(({ id }) => id !== form.id)
 		},