Suppression du label 'experimental' sur les fiches d'ouverture plus a…

…jout de traduction et explication
oblyk · Nov 30, 2024 · e8f6a8a · e8f6a8a
1 parent 9747480
commit e8f6a8a
Show file tree

Hide file tree

Showing 5 changed files with 54 additions and 50 deletions.
diff --git a/components/gyms/admin/GymAdminRouteFigures.vue b/components/gyms/admin/GymAdminRouteFigures.vue
@@ -36,20 +36,8 @@
             </v-list-item-icon>
             <v-list-item-content>
               <v-list-item-title>
-                Fiches d'ouvertures
+                {{ $t('components.openingSheet.list') }}
               </v-list-item-title>
-              <v-list-item-subtitle>
-                <v-chip
-                  small
-                  color="blue"
-                  class="white--text font-weight-bold"
-                >
-                  <v-icon small class="mr-2">
-                    {{ mdiFlask }}
-                  </v-icon>
-                  ÉXPÉRIMENTAL
-                </v-chip>
-              </v-list-item-subtitle>
             </v-list-item-content>
           </v-list-item>
         </v-list>
@@ -79,7 +67,7 @@
 </template>
 
 <script>
-import { mdiSourceBranch, mdiTable, mdiChartBar, mdiDotsVertical, mdiFileRefreshOutline, mdiFlask } from '@mdi/js'
+import { mdiSourceBranch, mdiTable, mdiChartBar, mdiDotsVertical, mdiFileRefreshOutline } from '@mdi/js'
 import GymApi from '~/services/oblyk-api/GymApi'
 
 export default {
@@ -99,8 +87,7 @@ export default {
       mdiTable,
       mdiChartBar,
       mdiDotsVertical,
-      mdiFileRefreshOutline,
-      mdiFlask
+      mdiFileRefreshOutline
     }
   },
 

diff --git a/lang/en-US.js b/lang/en-US.js
@@ -110,6 +110,7 @@ export default {
     editComment: 'Edit comment',
     editInformation: 'Edit information',
     reportProblem: 'Report a problem',
+    newSheet: 'New sheet',
     addVideo: 'Add video',
     editVideo: 'Edit video',
     addPlaceOfSale: 'Add sale location',
@@ -239,6 +240,8 @@ export default {
     goTo: 'Go to %{name}',
     realFavorite: 'Real favorite',
     realFavoriteCount: 'One favourite | %{count} favourites',
+    experimental: 'Experimental',
+    archives: 'Archives',
     at: 'at',
     is: 'is',
     in: 'in',
@@ -288,6 +291,8 @@ export default {
     ongoing: 'Ongoing',
     past: 'Past',
     inBrief: 'In brief',
+    createdOn: 'Created on %{date}',
+    archivedOn: 'Archived on %{date}',
     months: {
       '01': '01 - January',
       '02': '02 - February',
@@ -1354,6 +1359,15 @@ export default {
       explainJustification: 'Please fill out the form below and give us some information that will allow us to verify that you are entitled to manage this climbing gym.',
       requestIsSent: 'We have registered your request !<br> We will process it as soon as possible.'
     },
+    openingSheet: {
+      list: 'Opening sheets',
+      explain: 'The opening sheets allow you to select one or more sectors of your climbing gym, and indicate the re-openings to be planned by your route setters.',
+      noSheet: "You don't have any opening sheets yet.",
+      style: 'Style',
+      open: 'Open',
+      toOpen: 'To open',
+      opened: 'Opened'
+    },
     gymSpace: {
       list: 'Spaces',
       name: 'Space',
@@ -1374,6 +1388,7 @@ export default {
       archived: 'Archived spaces'
     },
     gymSector: {
+      name: 'Sector',
       addNew: 'Create a new sector',
       chooseSector: 'Choose a sector',
       addNewExplain: 'A sector is a small division of a space, for example: The large slope, slabs, etc.. This is where the lines will be filled in.',

diff --git a/lang/fr-FR.js b/lang/fr-FR.js
@@ -110,6 +110,7 @@ export default {
     editComment: 'Éditer le commentaire',
     editInformation: 'Éditer les informations',
     reportProblem: 'Signaler un problème',
+    newSheet: 'Nouvelle fiche',
     addVideo: 'Ajouter une vidéo',
     editVideo: 'Éditer la vidéo',
     addPlaceOfSale: 'Ajouter un point de vente',
@@ -239,6 +240,8 @@ export default {
     goTo: 'Aller à %{name}',
     realFavorite: 'Coup de cœur',
     realFavoriteCount: 'Un coup de cœur | %{count} coups de cœur',
+    experimental: 'Expérimental',
+    archives: 'Archives',
     at: 'le',
     is: 'à',
     in: 'en',
@@ -288,6 +291,8 @@ export default {
     ongoing: 'En cours',
     past: 'Passé',
     inBrief: 'En bref',
+    createdOn: 'Créé le %{date}',
+    archivedOn: 'Archivé le %{date}',
     months: {
       '01': '01 - Janvier',
       '02': '02 - Février',
@@ -1354,6 +1359,15 @@ export default {
       explainJustification: 'Merci de remplir le formulaire ci-dessous en nous donnant des éléments qui nous permettraient de vérifier que vous êtes bien en droit de gérer cette salle.',
       requestIsSent: 'Nous avons bien enregistré votre demande !<br> Nous la traiterons le plus rapidement possible.'
     },
+    openingSheet: {
+      list: "Fiches d'ouvertures",
+      explain: "Les fiches d'ouvertures vous permettes de sélectionner un ou plusieurs secteurs de votre salle, et indiquer les ré-ouvertures à prévoir par vos ouvreurs et ouvreuses.",
+      noSheet: "Vous n'avez pas encore de fiches d'ouvertures.",
+      style: 'Style',
+      open: 'Actuelle',
+      toOpen: 'À ouvrir',
+      opened: 'Ouvert'
+    },
     gymSpace: {
       name: 'Espace',
       list: 'Les espaces',
@@ -1374,6 +1388,7 @@ export default {
       archived: 'Espaces archivés'
     },
     gymSector: {
+      name: 'Secteur',
       addNew: 'Créer un nouveau secteur',
       chooseSector: 'Choisissez un secteur',
       addNewExplain: "Un secteur est une petite division d'un espace, exemple : Grand devers droite, couloir 4, etc. C'est là que seront renseignées les lignes",

diff --git a/pages/gyms/_gymId/_gymName/admins/opening-sheets/_gymOpeningSheetId/index.vue b/pages/gyms/_gymId/_gymName/admins/opening-sheets/_gymOpeningSheetId/index.vue
@@ -6,12 +6,6 @@
     <spinner v-if="!gym" />
     <div v-else>
       <v-breadcrumbs :items="breadcrumbs" />
-      <v-sheet class="beta-background white--text font-weight-bold rounded pa-3 mb-2">
-        <v-icon left color="white">
-          {{ mdiFlask }}
-        </v-icon>
-        Fonction en cours de développement
-      </v-sheet>
       <div v-if="!loadingSheet">
         <v-sheet class="rounded pa-4 mb-2">
           <h1
@@ -49,7 +43,7 @@
               v-else
               class="text--disabled hover-border py-1 rounded-sm"
             >
-              ajouter une note
+              {{ $t('actions.addNote') }}
             </cite>
           </div>
           <v-textarea
@@ -60,13 +54,13 @@
             @blur="updateMain"
           />
           <p class="text--disabled mt-2 mb-0">
-            Fiche créée le {{ humanizeDate(sheet.history.created_at) }}
+            {{ $t('common.createdOn', { date: humanizeDate(sheet.history.created_at) }) }}
           </p>
           <p
             v-if="sheet.archived_at"
             class="text--disabled mt-0 mb-0"
           >
-            Fiche archivée le {{ humanizeDate(sheet.archived_at) }}
+            {{ $t('common.archivedOn', { date: humanizeDate(sheet.archived_at) }) }}
           </p>
           <div class="text-right">
             <v-menu offset-y>
@@ -89,7 +83,7 @@
                     <v-icon>{{ mdiArchive }}</v-icon>
                   </v-list-item-icon>
                   <v-list-item-title class="red--text">
-                    {{ sheet.archived_at ? $t('actions.unArchive') : $t('actions.archive')  }}
+                    {{ sheet.archived_at ? $t('actions.unArchive') : $t('actions.archive') }}
                   </v-list-item-title>
                 </v-list-item>
                 <v-list-item @click="deleteSheet()">
@@ -143,7 +137,7 @@
           </v-sheet>
 
           <v-sheet class="rounded mb-2 py-1 px-2">
-            Style :
+            {{ $t('components.openingSheet.style') }} :
             <v-btn
               v-for="(style, styleIndex) in styles"
               :key="`style-index-${styleIndex}`"
@@ -256,7 +250,6 @@
 
 <script>
 import {
-  mdiFlask,
   mdiCircle,
   mdiCircleOffOutline,
   mdiFormatColorFill,
@@ -298,7 +291,6 @@ export default {
         description: null
       },
 
-      mdiFlask,
       mdiCircle,
       mdiCircleOffOutline,
       mdiFormatColorFill,
@@ -342,15 +334,15 @@ export default {
     headers () {
       const headers = {
         top: [{ label: '', colspan: 1 }],
-        bottom: [{ label: 'Secteur', colspan: 1, borderLeft: false }]
+        bottom: [{ label: this.$t('components.gymSector.name'), colspan: 1, borderLeft: false }]
       }
       for (let i = 0; i < this.sheet.number_of_columns; i++) {
         headers.top.push({ label: `Voie ${i + 1}`, colspan: 3, borderLeft: true })
       }
       for (let i = 0; i < this.sheet.number_of_columns; i++) {
-        headers.bottom.push({ label: 'Actuelle', colspan: 1, borderLeft: true })
-        headers.bottom.push({ label: 'À ouvrir', colspan: 1, borderLeft: false })
-        headers.bottom.push({ label: 'Ouvert', colspan: 1, borderLeft: false })
+        headers.bottom.push({ label: this.$t('components.openingSheet.open'), colspan: 1, borderLeft: true })
+        headers.bottom.push({ label: this.$t('components.openingSheet.toOpen'), colspan: 1, borderLeft: false })
+        headers.bottom.push({ label: this.$t('components.openingSheet.opened'), colspan: 1, borderLeft: false })
       }
       return headers
     },

diff --git a/pages/gyms/_gymId/_gymName/admins/opening-sheets/index.vue b/pages/gyms/_gymId/_gymName/admins/opening-sheets/index.vue
@@ -3,15 +3,12 @@
     <spinner v-if="!gym" />
     <div v-else>
       <v-breadcrumbs :items="breadcrumbs" />
-      <v-sheet class="beta-background white--text font-weight-bold rounded pa-3 mb-2">
-        <v-icon left color="white">
-          {{ mdiFlask }}
-        </v-icon>
-        Fonction en cours de développement
-      </v-sheet>
-      <h1 class="mb-2">
-        Les fiches d'ouvertures
+      <h1 class="mb-0">
+        {{ $t('components.openingSheet.list') }}
       </h1>
+      <p class="subtitle-2 text--disabled">
+        {{ $t('components.openingSheet.explain') }}
+      </p>
       <div class="text-right mb-3">
         <v-btn
           v-if="!showArchive"
@@ -22,15 +19,15 @@
           <v-icon left>
             {{ mdiArchive }}
           </v-icon>
-          Archives
+          {{ $t('common.archives') }}
         </v-btn>
         <v-btn
           v-if="showArchive"
           outlined
           text
           @click="closeArchives()"
         >
-          Archives
+          {{ $t('common.archives') }}
           <v-icon right>
             {{ mdiClose }}
           </v-icon>
@@ -44,7 +41,7 @@
           <v-icon left>
             {{ mdiFilePlusOutline }}
           </v-icon>
-          Nouvelle fiche
+          {{ $t('actions.newSheet') }}
         </v-btn>
       </div>
       <v-skeleton-loader
@@ -66,9 +63,9 @@
               </nuxt-link>
             </v-list-item-title>
             <v-list-item-subtitle>
-              <span v-if="sheet.archived_at">
-                Archivé le {{ humanizeDate(sheet.archived_at) }} -
-              </span>
+              <cite v-if="sheet.archived_at">
+                {{ $t('common.archivedOn', { date: humanizeDate(sheet.archived_at) }) }}
+              </cite>
               {{ sheet.description }}
             </v-list-item-subtitle>
           </v-list-item-content>
@@ -120,15 +117,14 @@
         v-if="sheets.length === 0 && !loadingSheets"
         class="my-5 text-center text--disabled"
       >
-        Vous n'avez pas encore de fiches d'ouvertures, cliquez sur (Nouvelle fiche) pour en créer une.
+        {{ $t('components.openingSheet.noSheet') }}
       </p>
     </div>
   </v-container>
 </template>
 
 <script>
 import {
-  mdiFlask,
   mdiDotsVertical,
   mdiTrashCan,
   mdiPrinter,
@@ -154,7 +150,6 @@ export default {
       sheets: [],
       showArchive: false,
 
-      mdiFlask,
       mdiDotsVertical,
       mdiTrashCan,
       mdiPrinter,