add frontend handling of locked form

Signed-off-by: Christian Hartmann <chris-hartmann@gmx.de>

Author: Chartman123

src/components/PillMenu.vue

@@ -10,7 +10,7 @@
 			:key="option.id"
 			:aria-label="isMobile ? option.ariaLabel : null"
 			:checked="active.id"
-			:disabled="disabled"
+			:disabled="disabled || option.disabled"
 			class="pill-menu__toggle"
 			:class="{ 'pill-menu__toggle--icon-only': isMobile && option.icon }"
 			button-variant

src/components/SidebarTabs/SettingsSidebarTab.vue

@@ -166,6 +166,11 @@ export default {
 			type: Object,
 			required: true,
 		},
+
+		locked: {
+			type: Boolean,
+			required: true,
+		},
 	},
 
 	data() {

src/components/SidebarTabs/SharingSidebarTab.vue

@@ -232,6 +232,11 @@ export default {
 			type: Object,
 			required: true,
 		},
+
+		locked: {
+			type: Boolean,
+			required: true,
+		},
 	},
 
 	data() {

src/components/TopBar.vue

@@ -53,6 +53,7 @@ const editView = {
 	icon: mdiPencil,
 	title: t('forms', 'Edit'),
 	id: 'edit',
+	disabled: false,
 }
 const resultsView = {
 	ariaLabel: t('forms', 'Show results'),
@@ -78,6 +79,11 @@ export default {
 			default: false,
 		},
 
+		locked: {
+			type: Boolean,
+			required: true,
+		},
+
 		sidebarOpened: {
 			type: Boolean,
 			default: false,
@@ -112,7 +118,10 @@ export default {
 				views.push(submitView)
 			}
 			if (this.canEdit) {
-				views.push(editView)
+				views.push({
+					...editView,
+					disabled: this.locked,
+				})
 			}
 			if (this.canSeeResults) {
 				views.push(resultsView)

src/mixins/ViewsMixin.js

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
+import { getCurrentUser } from '@nextcloud/auth'
 import { generateOcsUrl } from '@nextcloud/router'
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
@@ -12,6 +13,7 @@ import MarkdownIt from 'markdown-it'
 import CancelableRequest from '../utils/CancelableRequest.js'
 import OcsResponse2Data from '../utils/OcsResponse2Data.js'
 import logger from '../utils/Logger.js'
+import moment from '@nextcloud/moment'
 
 export default {
 	provide() {
@@ -92,6 +94,20 @@ export default {
 				|| this.form.description
 			)
 		},
+
+		isFormLocked() {
+			logger.debug('Checking if form is locked', {
+				lockedUntil: this.form.lockedUntil,
+				currentTime: moment().unix(),
+				formLockedBy: this.form.lockedBy,
+				currentUser: getCurrentUser().uid,
+			})
+			return (
+				this.form.lockedUntil === 0
+				|| (this.form.lockedUntil > moment().unix()
+					&& this.form.lockedBy !== getCurrentUser().uid)
+			)
+		},
 	},
 
 	methods: {

src/views/Create.vue

@@ -11,6 +11,7 @@
 		<!-- Show results & sidebar button -->
 		<TopBar
 			:archived="isFormArchived"
+			:locked="isFormLocked"
 			:permissions="form?.permissions"
 			:sidebar-opened="sidebarOpened"
 			:submission-count="form?.submissionCount"
@@ -39,6 +40,29 @@
 			</template>
 		</NcEmptyContent>
 
+		<NcEmptyContent
+			v-else-if="isFormLocked"
+			class="emtpycontent"
+			:name="t('forms', 'Form is locked')"
+			:description="
+				t(
+					'forms',
+					'Form \'{title}\' is locked by \'{lockedBy}\' and cannot be modified. The lock will expire {lockedUntil}',
+					{
+						title: form.title,
+						lockedBy: form.lockedBy,
+						lockedUntil:
+							form.lockedUntil === 0
+								? t('forms', 'never')
+								: t('forms', lockedUntilFormatted),
+					},
+				)
+			">
+			<template #icon>
+				<IconLock :size="64" />
+			</template>
+		</NcEmptyContent>
+
 		<template v-else>
 			<!-- Forms title & description-->
 			<header>
@@ -279,6 +303,10 @@ export default {
 			const { datetime, ...filteredAnswerTypes } = answerTypes
 			return filteredAnswerTypes
 		},
+
+		lockedUntilFormatted() {
+			return moment(this.form.lockedUntil, 'X').fromNow()
+		}
 	},
 
 	watch: {

src/views/Results.vue

@@ -20,6 +20,7 @@
 
 		<TopBar
 			:archived="isFormArchived"
+			:locked="isFormLocked"
 			:permissions="form?.permissions"
 			:sidebar-opened="sidebarOpened"
 			:submission-count="form?.submissionCount"

src/views/Sidebar.vue

@@ -16,6 +16,7 @@
 			</template>
 			<SharingSidebarTab
 				:form="form"
+				:locked="isFormLocked"
 				@update:formProp="onPropertyChange"
 				@add-share="onAddShare"
 				@remove-share="onRemoveShare"
@@ -29,7 +30,10 @@
 			<template #icon>
 				<IconSettings :size="20" />
 			</template>
-			<SettingsSidebarTab :form="form" @update:formProp="onPropertyChange" />
+			<SettingsSidebarTab
+				:form="form"
+				:locked="isFormLocked"
+				@update:formProp="onPropertyChange" />
 		</NcAppSidebarTab>
 	</NcAppSidebar>
 </template>

src/views/Submit.vue

@@ -10,6 +10,7 @@
 		<TopBar
 			v-if="!publicView"
 			:archived="isArchived"
+			:locked="isFormLocked"
 			:permissions="form?.permissions"
 			:sidebar-opened="sidebarOpened"
 			:submission-count="form?.submissionCount"