pre deployed

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)