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

fix some css

Browse Source
This commit is contained in:
Romulus21
2020-03-28 12:04:27 +01:00
parent 80c5eb53b6
commit 53ad9586a2
12 changed files with 114 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/js/views/Memo/MemoCreate.vue
View File

@@ -1,11 +1,16 @@
<template>
<div class="p-2">
<div class="memo-edit p-2">
<div class="flex-between mb-1">
<a href="#" @click="$router.back()" class="link">
< Back
</a>
</div>
<form @submit.prevent="submitForm">
<InputField name="name" label="Memo Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" />
<TextAreaField name="memo" label="Memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" />
<InputField name="name" label="Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" />
<TextAreaField class="memo-text-area" name="memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" />
<div class="flex-end">
<button @click="$router.back()" class="btn-alert mr-3">Cancel</button>
<button @click="$router.back()" class="btn-alert mr-1">Cancel</button>
<button class="btn-primary">Add New Memo</button>
</div>
</form>

10
resources/js/views/Memo/MemoEdit.vue
View File

@@ -1,16 +1,16 @@
<template>
<div class="p-2">
<div class="flex-between">
<div class="memo-edit p-2">
<div class="flex-between mb-1">
<a href="#" @click="$router.back()" class="link">
< Back
</a>
</div>
<form @submit.prevent="submitForm">
<InputField name="name" :data="form.name" label="Memo Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" />
<TextAreaField name="memo" :data="form.memo" label="Memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" />
<InputField name="name" :data="form.name" label="Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" />
<TextAreaField class="memo-text-area" name="memo" :data="form.memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" />
<div class="flex-end">
<button class="btn-alert mr-3">Cancel</button>
<button class="btn-alert mr-1">Cancel</button>
<button class="btn-primary">Save</button>
</div>

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

@@ -23,7 +23,7 @@
:message="alertMessage"
class="mb-1"
/>
<form @submit.prevent="addMember">
<form @submit.prevent="addMember" class="mb-2">
<InputField
name="name"
type="text"
@@ -33,9 +33,9 @@
@update:field="form.name = $event"
/>
<InputField name="email" type="email" label="Adresse email du nouveau membre" placeholder="E-mail" :errors="errors" @update:field="form.email = $event" />
<button>Ajouter</button>
<button class="btn-primary">Ajouter</button>
</form>
<div>
<div class="mb-2">
<h2>Liste des utilisateurs</h2>
<ul>
<li v-if="loading">> Loading...</li>
@@ -79,31 +79,27 @@
})
},
mounted() {
if(authUser.data.attributes.is_admin) {
axios.get('/api/users')
.then(response => {
this.users = response.data.data
this.loading = false
})
.catch(error => {
this.loading = false
alert('Unable to fetch users.')
})
}
axios.get('/api/users')
.then(response => {
this.users = response.data.data
this.loading = false
})
.catch(error => {
this.loading = false
alert('Unable to fetch users.')
})
},
methods: {
addMember: function () {
if(authUser.data.attributes.is_admin && this.form.name.length >= 4 && this.form.email.length >= 12) {
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 => {
console.log(res)
this.form.name = ''
this.form.email = ''
this.alertType = 'success'
this.alertMessage = `${res.data.data.attributes.name} a bien été créé`
})
.catch(errors => {
console.log(errors)
this.alertType = 'error'
this.alertMessage = 'L\'utilisateur n\'a pas été créé'
})