From cac64b09781adbbc432f031df83c7f72f333da0e Mon Sep 17 00:00:00 2001
From: Bastien Jacquelin <bastien.jacquelin@etu.uca.fr>
Date: Tue, 7 Mar 2023 09:50:40 +0100
Subject: [PATCH] error message pb

---
 src/view/nav-bar.js | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/view/nav-bar.js b/src/view/nav-bar.js
index cf54461..c32ab38 100644
--- a/src/view/nav-bar.js
+++ b/src/view/nav-bar.js
@@ -7,13 +7,36 @@ export default{
 			id:'',
 			name:'',
 			description:'',
-			clicked: false
+			clicked: false,
+			errMessage:''
 		}
 	},
 	methods: {
 		myfun: function() {
 			this.clicked=!this.clicked;
 		},
+		checkFields: function() {
+			if(this.id===""){
+				this.errMessage+="The id field must be required "
+			}
+			else if(this.name===""){
+				this.errMessage+="The name field must be required "
+			}
+			else if(this.description===""){
+				this.errMessage+="The description field must be required "
+			}
+			else{
+				if(this.name.lenght<5){
+					this.errMessage+="The name must have at least 5 caracters "
+				}
+				if(this.description.lenght<20){
+					this.description+="The description must have at least 20 caracters "
+				}
+			}
+			if (this.errMessage.lenght==0) {
+				this.addTeam();
+			}
+		},
 		addTeam: function() {
 			let team = new Team(this.id, this.name, this.description);
 			console.log(team);
@@ -31,6 +54,7 @@ export default{
 			</div>
 			<form @submit.prevent v-if="clicked">
 			<br>
+			<label>{{errMessage}}</label><br/>
 			<div>
 				<label>id</label><br/>
 				<input type="number" v-model="id"/>
@@ -46,7 +70,7 @@ export default{
 				<textarea v-model="description"></textarea>
 			</div>
 
-			<input type="submit" value="Submit" v-on:click="addTeam"/>
+			<input type="submit" value="Submit" v-on:click="checkFields"/>
 			</form>
 		`
 }
\ No newline at end of file