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

clean tests & other things

Browse Source
This commit is contained in:
Romulus21
2020-03-25 20:11:29 +01:00
parent 11511039e9
commit 7e5d022aa2
27 changed files with 1497 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,35 +1,66 @@
<template>
<div>
<div class="flex mb-4">
<div class="avatar mr-2">
<Avatar :avatar="authUser.data.attributes.avatar" size="large" :alt="authUser.data.attributes.name" />
</div>
<div class="flex-col flex-center">
<div><strong>{{ authUser.data.attributes.name }}</strong></div>
<div><strong>{{ authUser.data.attributes.email }}</strong></div>
</div>
</div>
<div v-if="authUser.data.attributes.is_admin">
<h2 class="mb-1">Ajouter un membre</h2>
<AlertBox v-if="alertType" :type="alertType" :message="alertMessage" class="mb-1" />
<form @submit.prevent="addMember">
<InputField name="name" type="text" label="Nom du nouveau membre" placeholder="Nom" @update:field="form.name = $event" :errors="errors" />
<InputField name="email" type="email" label="Adresse email du nouveau membre" placeholder="E-mail" @update:field="form.email = $event" :errors="errors" />
<button>Ajouter</button>
</form>
</div>
<div>
<div class="flex mb-4">
<div class="avatar mr-2">
<Avatar
:avatar="authUser.data.attributes.avatar"
size="large"
:alt="authUser.data.attributes.name"
/>
</div>
<div class="flex-col flex-center">
<div><strong>{{ authUser.data.attributes.name }}</strong></div>
<div><strong>{{ authUser.data.attributes.email }}</strong></div>
</div>
</div>
<div v-if="authUser.data.attributes.is_admin">
<h2 class="mb-1">
Ajouter un membre
</h2>
<AlertBox
v-if="alertType"
:type="alertType"
:message="alertMessage"
class="mb-1"
/>
<form @submit.prevent="addMember">
<InputField
name="name"
type="text"
label="Nom du nouveau membre"
placeholder="Nom"
:errors="errors"
@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>
</form>
</div>
<div>
<h2>Liste des utilisateurs</h2>
<ul>
<li v-if="loading">> Loading...</li>
<li v-else v-for="user in users"><a :href="user.links.self">{{ user.data.attributes.name }}</a> - {{ user.data.attributes.email }} - {{ user.data.attributes.is_admin }}</li>
</ul>
</div>
</div>
</template>
<script>
import {mapGetters} from "vuex";
import Avatar from "../../components/Avatar";
import AlertBox from "../../components/AlertBox";
import InputField from "../../components/InputField";
import {mapGetters} from 'vuex';
import Avatar from '../../components/Avatar';
import AlertBox from '../../components/AlertBox';
import InputField from '../../components/InputField';
export default {
name: "UserAdmin",
name: 'UserAdmin',
components: {
Avatar, AlertBox, InputField,
},
@@ -42,6 +73,8 @@
alertType: '',
alertMessage: '',
errors: null,
loading: '',
users: null,
}
},
computed: {
@@ -49,6 +82,17 @@
authUser: 'authUser',
})
},
mounted() {
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 () {
console.log('addMember')
@@ -64,11 +108,11 @@
.catch(errors => {
console.log(errors)
this.alertType = 'error'
this.alertMessage = `L'utilisateur n'a pas été créé`
this.alertMessage = 'L\'utilisateur n\'a pas été créé'
})
} else {
this.alertType = 'error'
this.alertMessage = `Le formulaire n'est pas correctement renseigné.`
this.alertMessage = 'Le formulaire n\'est pas correctement renseigné.'
}
}
}