From 120c059e52cd3c1072853b09f092e10a3e1438db Mon Sep 17 00:00:00 2001
From: Jens Christian Aanestad <jenscaa@stud.ntnu.no>
Date: Mon, 22 Apr 2024 09:20:19 +0200
Subject: [PATCH] refactor/Added new required field in BaseInput component
---
src/components/InputFields/BaseInput.vue | 10 ++++++++--
src/views/Authentication/SignUpView.vue | 4 ----
2 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/src/components/InputFields/BaseInput.vue b/src/components/InputFields/BaseInput.vue
index c773e4c..8e20e43 100644
--- a/src/components/InputFields/BaseInput.vue
+++ b/src/components/InputFields/BaseInput.vue
@@ -37,6 +37,10 @@ const props = defineProps({
invalidMessage: {
type: String,
default: ''
+ },
+ required: {
+ type: Boolean,
+ default: true
}
});
@@ -53,9 +57,11 @@ const onInputEvent = (event: any) => {
:type="type"
class="form-control"
:placeholder="placeholder"
- :id="inputId" required
+ :id="inputId"
:min="min"
- :pattern="pattern"/>
+ :pattern="pattern"
+ :required="required"
+ />
<div class="valid-feedback">{{ validMessage }}</div>
<div class="invalid-feedback">{{ invalidMessage }}</div>
</div>
diff --git a/src/views/Authentication/SignUpView.vue b/src/views/Authentication/SignUpView.vue
index ce0bd3a..b6b2f2e 100644
--- a/src/views/Authentication/SignUpView.vue
+++ b/src/views/Authentication/SignUpView.vue
@@ -1,13 +1,9 @@
<script setup lang="ts">
-import Footer from '@/components/BaseComponents/Footer.vue'
-import Menu from '@/components/BaseComponents/Menu.vue'
import SignUp from '@/components/SignUp/SignUp.vue'
</script>
<template>
- <Menu/>
<SignUp/>
- <Footer/>
</template>
<style scoped>
--
GitLab