update

src/views/Admin/OrganizationList.vue

@@ -51,6 +51,13 @@
                     v-model="editedItem.validationState"
                     label="DEBUG: status de la validation"
                   ></v-select>
+                  <v-textarea
+                    rows="2"
+                    row-height="15"
+                    v-if="editedItem.validationState === 'rejected' && editedIndex !== -1"
+                    v-model="editedItem.rejectionDescription"
+                    label="Description du refus de publication">
+                  </v-textarea>
                   <div v-if="editedIndex === -1">
                     <p>
                       Remarque : Lorsque vous allez créer cette association un email contenant le lien de connexion va être automatiquement envoyé sur l'adresse renseignée.
@@ -298,7 +305,8 @@ export default {
     const item = {
       adminName: '',
       email: '',
-      validationState: 'none'
+      validationState: 'none',
+      rejectionDescription: ''
     }
     return {
       dialog: false,
@@ -399,7 +407,8 @@ export default {
         this.$apitator.put('/admin/organizations/' + this.editedItem._id, {
           adminName: this.editedItem.adminName,
           email: this.editedItem.email,
-          validationState: this.editedItem.validationState
+          validationState: this.editedItem.validationState,
+          rejectionDescription: this.editedItem.rejectionDescription
         }, { withAuth: true }).then(res => {
           console.log(res.data)
           this.$store.commit('ADD_ALERT', {

src/views/Delegate/Gallery.vue

@@ -11,14 +11,23 @@
           @click="$refs.avatarEditor.toggle()"
           color="white"
         >Changer la couverture</v-btn>
-        <v-btn
-          v-if="$store.state.data.cover !== null"
-          class="ml-3"
-          @click="clearCover()"
-          color="white"
-          icon
-          outlined
-        ><v-icon>clear</v-icon></v-btn>
+        <v-tooltip bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              v-if="$store.state.data.cover !== null"
+              class="ml-3"
+              @click="clearCover()"
+              color="white"
+              v-bind="attrs"
+              v-on="on"
+              icon
+              outlined
+            >
+              <v-icon>clear</v-icon>
+            </v-btn>
+          </template>
+          <span>Supprimer la couverture</span>
+        </v-tooltip>
       </div>
     </div>
 
@@ -67,24 +76,38 @@
             class="grey darken-4"
           ></v-img>
           <v-card-actions>
-            <v-btn
-              icon
-              color="gray"
-              small
-              :disabled="index === 0"
-              @click="shiftLeftMedia(media)"
-            >
-              <v-icon>keyboard_arrow_left</v-icon>
-            </v-btn>
-            <v-btn
-              icon
-              color="gray"
-              small
-              :disabled="index + 1 === $store.state.data.gallery.length"
-              @click="shiftRightMedia(media)"
-            >
-              <v-icon>keyboard_arrow_right</v-icon>
-            </v-btn>
+            <v-tooltip bottom>
+              <template v-slot:activator="{ on, attrs }">
+                <v-btn
+                  icon
+                  color="gray"
+                  small
+                  v-bind="attrs"
+                  v-on="on"
+                  :disabled="index === 0"
+                  @click="shiftLeftMedia(media)"
+                >
+                  <v-icon>keyboard_arrow_left</v-icon>
+                </v-btn>
+              </template>
+              <span>Décaler vers la gauche</span>
+            </v-tooltip>
+            <v-tooltip bottom>
+              <template v-slot:activator="{ on, attrs }">
+                <v-btn
+                  icon
+                  color="gray"
+                  small
+                  v-bind="attrs"
+                  v-on="on"
+                  :disabled="index + 1 === $store.state.data.gallery.length"
+                  @click="shiftRightMedia(media)"
+                >
+                  <v-icon>keyboard_arrow_right</v-icon>
+                </v-btn>
+              </template>
+              <span>Décaler vers la droite</span>
+            </v-tooltip>
             <v-spacer />
             <v-btn icon color="error" small @click="openDeleteMediaModal(media)">
               <v-icon small>delete</v-icon>

src/views/Delegate/Main.vue

@@ -8,6 +8,9 @@
       </v-col>
       <v-col cols="12" sm="12" md="6" style="align-items: center; justify-content: center; display: flex;">
         <v-btn @click="$refs.avatarEditor.toggle()" color="primary" outlined>
+          <v-icon left>
+            edit
+          </v-icon>
           Changer le logo
         </v-btn>
       </v-col>

src/views/Delegate/Pricing.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="d-flex justify-end">
-      <v-btn @click="openAddModal()" color="teal" outlined>
+      <v-btn @click="openAddModal()" color="primary" outlined>
         <v-icon left>add</v-icon>
         Ajouter un tarif
       </v-btn>
@@ -18,18 +18,18 @@
         Aucune catégorie horaires ajoutées pour le moment
       </v-alert>
     </div>
-    <v-row v-else>
+    <v-row v-else class="justify-content: center">
       <v-col
         v-for="pricing in $store.state.data.pricing"
         :key="pricing._id"
         cols="12"
         sm="12"
         md="6"
-        lg="6"
+        lg="4"
       >
         <v-card
           class="mx-auto"
-          max-width="344"
+          max-width="400"
         >
           <v-card-text>
             <div v-text="pricing.name" />

src/views/Delegate/Schedule.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="d-flex justify-end">
-      <v-btn @click="openAddCategoryModal()" color="teal" outlined>
+      <v-btn @click="openAddCategoryModal()" color="primary" outlined>
         <v-icon left>add</v-icon>
         Ajouter une catégorie
       </v-btn>