From 4a94799602d600e451ebcfa6acbf34857e84830d Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <spamfree@matthieubessat.fr>
Date: Fri, 17 Jul 2020 11:25:50 +0200
Subject: [PATCH] update

---
 index.html                           |  1 +
 src/App.vue                          |  4 +++-
 src/components/GlobalSnackbar.vue    |  7 +++---
 src/layouts/Admin.vue                | 10 ++++----
 src/layouts/Delegate.vue             | 16 ++++++-------
 src/views/Admin/OrganizationList.vue | 36 +++++++++++++++-------------
 src/views/Admin/Tags.vue             |  1 +
 src/views/Delegate/Contact.vue       | 27 ++++++++++++++-------
 src/views/Delegate/Main.vue          |  7 ++++++
 src/views/Delegate/Pricing.vue       |  2 +-
 src/views/Delegate/Schedule.vue      | 13 ++++------
 11 files changed, 71 insertions(+), 53 deletions(-)
 create mode 100644 index.html

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..af69ec1
--- /dev/null
+++ b/index.html
@@ -0,0 +1 @@
+2cf5ddea54d
diff --git a/src/App.vue b/src/App.vue
index 65c2de7..f7e024b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,8 @@
 <template>
   <v-app>
-    <router-view/>
+    <v-main>
+      <router-view/>
+    </v-main>
     <GlobalSnackbar />
   </v-app>
 </template>
diff --git a/src/components/GlobalSnackbar.vue b/src/components/GlobalSnackbar.vue
index 24914fe..e28463e 100644
--- a/src/components/GlobalSnackbar.vue
+++ b/src/components/GlobalSnackbar.vue
@@ -1,11 +1,12 @@
 <template>
   <div>
     <v-snackbar
-      right
-      bottom
+      :right="!$vuetify.breakpoint.mobile"
       :color="$store.state.alert.color"
-      multi-line
+      :vertical="$vuetify.breakpoint.mobile"
+      :multi-line="$vuetify.breakpoint.mobile"
       v-model="$store.state.alert.enabled"
+      :timeout="500000"
     >
       {{ $store.state.alert.text }}
 
diff --git a/src/layouts/Admin.vue b/src/layouts/Admin.vue
index b8e40b1..2c5e20b 100644
--- a/src/layouts/Admin.vue
+++ b/src/layouts/Admin.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-main>
+  <div>
     <div v-if="enabled">
       <v-app-bar
         app
@@ -51,11 +51,11 @@
         </v-card-title>
         <v-card-text>
           <p>
-            Vous n'êtes pas encore connecté à l'interface d'administration veuillez copier-coller la clée administrateur dans la boîte ci-dessous.
+            Vous n'êtes pas encore connecté à l'interface d'administration veuillez copier-coller la clé administrateur dans la boîte ci-dessous.
           </p>
           <v-text-field
             autofocus
-            label="Clée"
+            label="Clé"
             v-model="token"
             :type="showPassword ? 'text' : 'password'"
             :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
@@ -73,7 +73,7 @@
         </v-card-actions>
       </v-card>
     </div>
-  </v-main>
+  </div>
 </template>
 
 <script>
@@ -120,7 +120,7 @@ export default {
         if (this.token !== '') {
           this.$store.commit('ADD_ALERT', {
             color: 'error',
-            text: 'Clée administrateur invalide !'
+            text: 'Clé administrateur invalide !'
           })
         }
       })
diff --git a/src/layouts/Delegate.vue b/src/layouts/Delegate.vue
index d6075ef..5122a7f 100644
--- a/src/layouts/Delegate.vue
+++ b/src/layouts/Delegate.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-main>
+  <div>
     <div v-if="enabled">
       <v-toolbar
         color="orange darken-3"
@@ -53,13 +53,13 @@
             ref="tabs"
           >
             <v-tab @click="navigate('DelegateMain')">
-              Résumé
+              Présentation
             </v-tab>
             <v-tab @click="navigate('DelegateGallery')">
               Images/vidéos
             </v-tab>
             <v-tab @click="navigate('DelegatePresentation')">
-              Présentation
+              Description
             </v-tab>
             <v-tab @click="navigate('DelegateSchedule')">
               Horaires
@@ -125,10 +125,10 @@
         </v-card-title>
         <v-card-text>
           <p>
-            Vous n'êtes pas encore connecté à l'interface de modification de votre association, veuillez copier-coller la clée qui vous a été envoyé par e-mail dans la boîte ci-dessous.
+            Vous n'êtes pas encore connecté à l'interface de modification de votre association, veuillez copier-coller la clé qui vous a été envoyé par e-mail dans la boîte ci-dessous.
           </p>
           <v-text-field
-            label="Clée"
+            label="Clé"
             autofocus
             v-model="token"
             :type="showPassword ? 'text' : 'password'"
@@ -205,7 +205,7 @@
         </v-card-actions>
       </v-card>
     </v-dialog>
-  </v-main>
+  </div>
 </template>
 
 <script>
@@ -322,7 +322,7 @@ export default {
         if (this.token !== '' || inUrl) {
           this.$store.commit('ADD_ALERT', {
             color: 'error',
-            text: 'Clée invalide !'
+            text: 'Clé invalide !'
           })
         }
       })
@@ -382,7 +382,7 @@ export default {
       const data = this.$store.state.data
       this.canPublish =
         data.name.length > 0 &&
-        data.descriptionShort.length > 15
+        data.descriptionShort.length > 10
     },
     askApproval () {
       this.askingApprovalLoading = true
diff --git a/src/views/Admin/OrganizationList.vue b/src/views/Admin/OrganizationList.vue
index c36b028..ee72f98 100644
--- a/src/views/Admin/OrganizationList.vue
+++ b/src/views/Admin/OrganizationList.vue
@@ -42,17 +42,17 @@
                   <v-text-field
                     v-model="editedItem.adminName"
                     required
-                    label="Nom (interne) de l'associatiton">
+                    label="Nom de l'associatiton">
                   </v-text-field>
                   <v-text-field
                     v-model="editedItem.email"
                     label="E-mail utilisé pour recevoir le lien/la clé d'identification">
                   </v-text-field>
-                  <v-select
+                  <!-- <v-select
                     :items="validationState"
                     v-model="editedItem.validationState"
                     label="DEBUG: status de la validation"
-                  ></v-select>
+                  ></v-select> -->
                   <v-textarea
                     rows="2"
                     row-height="15"
@@ -94,7 +94,7 @@
           </v-chip>
         </template>
         <template v-slot:item.actions="{ item }">
-          <v-tooltip top>
+          <v-tooltip top v-if="item.validationState === 'published' || item.validationState === 'rejected'">
             <template v-slot:activator="{ on, attrs }">
               <v-btn icon small color="success">
                 <v-icon
@@ -107,7 +107,7 @@
                 </v-icon>
               </v-btn>
             </template>
-            <span>Ouvrir la page publique (version non publié)</span>
+            <span>Ouvrir la page publique (version publié)</span>
           </v-tooltip>
           <v-tooltip top>
             <template v-slot:activator="{ on, attrs }">
@@ -163,11 +163,11 @@
                   v-bind="attrs"
                   v-on="on"
                 >
-                  done
+                  grading
                 </v-icon>
               </v-btn>
             </template>
-            <span>Valider les changements</span>
+            <span>Vérifier les changements</span>
           </v-tooltip>
         </template>
         <template v-slot:no-data>
@@ -207,7 +207,7 @@
               </v-list-item-icon>
               <v-list-item-content>
                 <v-list-item-title>{{ toSeeItem.token }}</v-list-item-title>
-                <v-list-item-subtitle>Token/clée</v-list-item-subtitle>
+                <v-list-item-subtitle>Token/clé</v-list-item-subtitle>
               </v-list-item-content>
             </v-list-item>
 
@@ -285,11 +285,13 @@
       :dialogTitle="approveModalTitle"
       @close="approveModal = false"
     >
-      <v-btn outlined dark text @click="rejectionModal = true">
-        <v-icon>clear</v-icon>
+      <v-btn outlined text dark class="error" @click="rejectionModal = true">
+        <v-icon :left="!$vuetify.breakpoint.mobile">rate_review</v-icon>
+        <span v-if="!$vuetify.breakpoint.mobile">Refuser</span>
       </v-btn>
-      <v-btn outlined dark text @click="approve()">
-        <v-icon>done</v-icon>
+      <v-btn outlined text dark class="success" @click="approve()">
+        <v-icon :left="!$vuetify.breakpoint.mobile">check_circle</v-icon>
+        <span v-if="!$vuetify.breakpoint.mobile">Publier</span>
       </v-btn>
     </Preview>
     <v-dialog max-width="500px" v-model="rejectionModal">
@@ -325,7 +327,7 @@ export default {
     const item = {
       adminName: '',
       email: '',
-      validationState: 'none',
+      validationState: 'unaware',
       rejectionDescription: '',
       slug: ''
     }
@@ -483,19 +485,19 @@ export default {
     },
 
     generateToken (item) {
-      if (!confirm('Êtes vous sur de reinitialiser la clée de cette association ? Les liens de connexions existants seront inutilisables.')) {
+      if (!confirm('Êtes vous sur de reinitialiser la clé de cette association ? Les liens de connexions existants seront inutilisables.')) {
         return
       }
       this.$apitator.post('/admin/organizations/' + item._id + '/reset-token', {}, { withAuth: true }).then(() => {
         this.detailsModal = false
         this.$store.commit('ADD_ALERT', {
           color: 'success',
-          text: 'La clée de cette association a été reinitialisé'
+          text: 'La clé de cette association a été reinitialisé'
         })
       }).catch(() => {
         this.$store.commit('ADD_ALERT', {
           color: 'error',
-          text: 'Impossible de reinitialiser la clée de cette association'
+          text: 'Impossible de reinitialiser la clé de cette association'
         })
       })
     },
@@ -505,7 +507,7 @@ export default {
         this.detailsModal = false
         this.$store.commit('ADD_ALERT', {
           color: 'success',
-          text: 'Un email va être envoyé à cette association contenant la clée'
+          text: 'Un email va être envoyé à cette association contenant la clé'
         })
       }).catch(() => {
         this.$store.commit('ADD_ALERT', {
diff --git a/src/views/Admin/Tags.vue b/src/views/Admin/Tags.vue
index cb23bcd..b01b596 100644
--- a/src/views/Admin/Tags.vue
+++ b/src/views/Admin/Tags.vue
@@ -39,6 +39,7 @@
                   <span class="headline">{{ formTitle }}</span>
                 </v-card-title>
                 <v-card-text>
+                  <a href="https://fontawesome.com/icons?d=gallery&m=free">https://fontawesome.com/icons?d=gallery&m=free</a>
                   <v-text-field
                     v-model="editedItem.name"
                     required
diff --git a/src/views/Delegate/Contact.vue b/src/views/Delegate/Contact.vue
index 55189d8..94713c7 100644
--- a/src/views/Delegate/Contact.vue
+++ b/src/views/Delegate/Contact.vue
@@ -15,7 +15,6 @@
       label="Personne responsable"
       outlined
       v-model="$store.state.data.contacts.person" />
-
     <v-text-field
       prepend-icon="alternate_email"
       label="Email"
@@ -36,22 +35,26 @@
       prepend-icon="room"
       label="Adresse"
       outlined
-      v-model="$store.state.data.contacts.address" />
+      v-model="$store.state.data.contacts.address"
+      :rules="rules.address" />
     <v-text-field
       prepend-icon="$vuetify.icons.facebook"
       label="Compte facebook"
       outlined
-      v-model="$store.state.data.contacts.facebook" />
+      v-model="$store.state.data.contacts.facebook"
+      :rules="rules.facebook" />
     <v-text-field
       prepend-icon="$vuetify.icons.twitter"
       label="Compte twitter"
       outlined
-      v-model="$store.state.data.contacts.twitter" />
+      v-model="$store.state.data.contacts.twitter"
+      :rules="rules.twitter" />
     <v-text-field
       prepend-icon="$vuetify.icons.instagram"
       label="Compte instagram"
       outlined
-      v-model="$store.state.data.contacts.instagram" />
+      v-model="$store.state.data.contacts.instagram"
+      :rules="rules.instagram" />
   </div>
 </template>
 
@@ -59,17 +62,23 @@
 export default {
   data: () => ({
     rules: {
+      website: [
+        v => v === '' || /.+@.+\..+/.test(v) || "L'email doit être valide"
+      ],
       email: [
-        v => /.+@.+\..+/.test(v) || "L'email doit être valide"
+        v => v === '' || /.+@.+\..+/.test(v) || "L'email doit être valide"
+      ],
+      address: [
+        v => v.length < 200 || 'Maximum 200 caractères'
       ],
       facebook: [
-        v => /(http(s)?:\/\/)?(www\.)?facebook\.com\/(\S+){3,}/.test(v) || 'Ce champs doit être une url facebook valide'
+        v => v === '' || /(http(s)?:\/\/)?(www\.)?facebook\.com\/(\S+){3,}/g.test(v) || 'Ce champs doit être une url facebook valide'
       ],
       twitter: [
-        v => /(http(s)?:\/\/)?(www\.)?twitter\.com\/(\S+){3,}/.test(v) || 'Ce champs doit être une url twitter valide'
+        v => v === '' || /(http(s)?:\/\/)?(www\.)?twitter\.com\/(\S+){3,}/g.test(v) || 'Ce champs doit être une url twitter valide'
       ],
       instagram: [
-        v => /(http(s)?:\/\/)?(www\.)?instagram\.com\/(\S+){3,}/.test(v) || 'Ce champs doit être une url instagram valide'
+        v => v === '' || /(http(s)?:\/\/)?(www\.)?instagram\.com\/(\S+){3,}/g.test(v) || 'Ce champs doit être une url instagram valide'
       ]
     }
   }),
diff --git a/src/views/Delegate/Main.vue b/src/views/Delegate/Main.vue
index 78ebc2a..a1d37e6 100644
--- a/src/views/Delegate/Main.vue
+++ b/src/views/Delegate/Main.vue
@@ -63,6 +63,13 @@ export default {
     }
   }),
 
+  // mounted () {
+  //   this.$store.commit('ADD_ALERT', {
+  //     color: 'error',
+  //     text: 'Dolor sadipscing tempor consetetur et tempor accusam nonumy. Ut sit nonumy magna ea aliquyam no. Elitr et elitr est ut,.'
+  //   })
+  // },
+
   methods: {
     handleAvatarEditorSubmitted: function (blob) {
       const form = new FormData()
diff --git a/src/views/Delegate/Pricing.vue b/src/views/Delegate/Pricing.vue
index bc5c9b8..3ca965f 100644
--- a/src/views/Delegate/Pricing.vue
+++ b/src/views/Delegate/Pricing.vue
@@ -15,7 +15,7 @@
         outlined
         type="info"
       >
-        Aucune catégorie horaires ajoutées pour le moment
+        Aucun tarifs ajoutée pour le moment
       </v-alert>
     </div>
     <v-row v-else class="justify-content: center">
diff --git a/src/views/Delegate/Schedule.vue b/src/views/Delegate/Schedule.vue
index b024def..a438970 100644
--- a/src/views/Delegate/Schedule.vue
+++ b/src/views/Delegate/Schedule.vue
@@ -15,7 +15,7 @@
         outlined
         type="info"
       >
-        Aucune catégorie horaires ajoutées pour le moment
+        Aucune catégorie horaire ajoutée pour le moment
       </v-alert>
     </div>
     <div v-else>
@@ -89,7 +89,7 @@
                 </div>
               </v-list>
               <div v-else class="grey--text text--darken-1">
-                Pas d'interval horaires pour cette catégorie pour l'instant
+                Pas d'intervalles horaires pour cette catégorie pour l'instant
               </div>
             </div>
           </div>
@@ -151,7 +151,7 @@
       max-width="500px"
       v-model="whenModal">
       <v-card>
-        <v-card-title v-text="modalTitle + ' un interval horaire'" />
+        <v-card-title v-text="modalTitle + ' un intervalle horaire'" />
         <v-card-text>
           <v-select
             prepend-icon="event"
@@ -233,7 +233,7 @@
       v-model="deleteWhenModal">
       <v-card>
         <v-card-title>
-          Voulez vous vraiment supprimer cette interval horaire ?
+          Voulez vous vraiment supprimer cette intervalle horaire ?
         </v-card-title>
         <v-card-actions>
           <v-btn @click="deleteWhenModal = false" text color="primary">
@@ -425,11 +425,6 @@ export default {
           return i
         })
       }
-      this.when = {
-        day: '',
-        from: '10:00',
-        to: '11:00'
-      }
       this.$store.commit('SET_DATA', { schedule })
       this.whenModal = false
     },