Romain/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add hangman dictionnary & input ajustment

Browse Source
This commit is contained in:
Romulus21
2020-04-11 17:26:44 +02:00
parent c7d4e69149
commit 37c4c2c090
11 changed files with 64 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
resources/js/views/User/UserAdmin.vue
View File

@@ -14,9 +14,11 @@
<AlertBox v-if="alertType" :type="alertType" :message="alertMessage" class="mb-1" />
<form @submit.prevent="addMember" class="mb-2">
<div class="flex">
<InputField name="name" type="text" label="Nom du nouveau membre" placeholder="Nom" required :errors="errors" @update:field="form.name = $event" class="mr-1" />
<InputField name="name" label="Nom du nouveau membre" placeholder="Nom" required :errors="errors" @update:field="form.name = $event" class="mr-1" />
<InputField name="email" type="email" label="Adresse email du nouveau membre" placeholder="E-mail" required :errors="errors" @update:field="form.email = $event" class="mr-1" />
<button class="btn-primary inline">Ajouter</button>
<div class="flex-middle mt-4">
<button class="btn-primary">Ajouter</button>
</div>
</div>
</form>
<div class="mb-2">
@@ -73,22 +75,16 @@
},
methods: {
addMember: function () {
if(this.form.name.length >= 4 && this.form.email.length >= 12) {
axios.post('/api/users', {name: this.form.name, email: this.form.email})
.then(res => {
this.form.name = ''
this.form.email = ''
this.alertType = 'success'
this.alertMessage = `${res.data.data.attributes.name} a bien été créé`
})
.catch(errors => {
this.alertType = 'error'
this.alertMessage = 'L\'utilisateur n\'a pas été créé'
})
} else {
this.alertType = 'error'
this.alertMessage = 'Le formulaire n\'est pas correctement renseigné.'
}
axios.post('/api/users', {name: this.form.name, email: this.form.email})
.then(res => {
this.form.name = ''
this.form.email = ''
this.alertType = 'success'
this.alertMessage = `${res.data.data.attributes.name} a bien été créé`
})
.catch(errors => {
this.errors = errors.response.data.errors
})
}
}
}