pre deployed

resources/js/components/Nav.vue

@@ -25,30 +25,7 @@
 </template>
 
 <script>
-    import { mapGetters } from 'vuex'
-    import Avatar from "./Avatar";
-
     export default {
         name: "Nav",
-        components: {
-            Avatar
-        },
-        computed: {
-            ...mapGetters({
-                authUser: 'authUser'
-            })
-        },
-        methods: {
-            logout: function () {
-                axios.post('logout')
-                    .then(res => {
-                        if(res.status ===302 || 401) {
-                            window.location.href = '/login'
-                        }
-                    }).catch(error => {
-
-                })
-            }
-        }
     }
 </script>

resources/js/components/TopBar.vue

@@ -46,5 +46,17 @@
                 authUser: 'authUser',
             })
         },
+        methods: {
+            logout: function () {
+                axios.post('logout')
+                    .then(res => {
+                        if(res.status ===302 || 401) {
+                            window.location.href = '/login'
+                        }
+                    }).catch(error => {
+
+                })
+            }
+        }
     }
 </script>

resources/js/views/Home.vue

@@ -1,7 +1,6 @@
 <template>
     <div class="p-2">
         <h1>Home</h1>
-        <router-link to="/css-testeur">Css Testeur</router-link>
     </div>
 </template>
 

resources/js/views/User/UserAdmin.vue

@@ -32,24 +32,20 @@
           :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"
-        />
+        <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>
+            <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>
+            Css Testeur pour constituer un thème : <router-link to="/css-testeur">Css Testeur</router-link>
+        </div>
     </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>
 
@@ -83,20 +79,21 @@
             })
         },
         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.')
-                })
+            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.')
+                    })
+            }
         },
         methods: {
             addMember: function () {
-                console.log('addMember')
-                if(this.form.name.length <= 4 && this.form.name.email <= 12) {
+                if(authUser.data.attributes.is_admin && 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)

resources/views/auth/passwords/email.blade.php

@@ -7,7 +7,7 @@
 
         <div class="card-body">
             @if (session('status'))
-                <div class="alert alert-success" role="alert">
+                <div class="alert alert-success p-1 mb-1" role="alert">
                     {{ session('status') }}
                 </div>
             @endif