fix: Prevent form submission during file upload (closes #3230)

fix: Prevent form submission during file upload (closes #3230)

Signed-off-by: Kostiantyn Miakshyn <molodchick@gmail.com>

[skip ci]

Author: Koc

src/components/Questions/QuestionFile.vue

@@ -78,6 +78,10 @@
 			</template>
 		</template>
 
+		<NcNoteCard v-if="hasError" :id="errorId" type="error">
+			{{ errorMessage }}
+		</NcNoteCard>
+
 		<div class="question__content">
 			<ul>
 				<NcListItem
@@ -201,6 +205,7 @@ export default {
 	data() {
 		return {
 			fileTypes,
+			errorMessage: null,
 			fileLoading: false,
 			maxFileSizeUnit: Object.keys(FILE_SIZE_UNITS)[0],
 			maxFileSizeValue: '',
@@ -239,6 +244,14 @@ export default {
 
 			return t('forms', 'All file types are allowed.')
 		},
+
+		hasError() {
+			return !!this.errorMessage
+		},
+
+		errorId() {
+			return `q${this.index}_error`
+		},
 	},
 
 	mounted() {
@@ -394,6 +407,18 @@ export default {
 
 			this.$emit('update:values', values)
 		},
+
+		async validate() {
+			if (this.fileLoading) {
+				this.errorMessage = t(
+					'forms',
+					'Please wait until the file has been uploaded.',
+				)
+				return false
+			}
+			this.errorMessage = null
+			return true
+		},
 	},
 }
 </script>