Ajoute un lien vers les caractéristiques spéciales dans listing du ma…

…tériel

CHANGELOG.md

@@ -18,6 +18,7 @@ Ce projet adhère au principe du [Semantic Versioning](https://semver.org/spec/v
 - Améliore l'affichage de l'onglet "Facturation" des événements pour les utilisateurs du groupe "visiteur" (#104).
 - Place le champ "sous-catégorie" en dessous du champ "catégorie" dans l'édition de matériel (#105).
 - Pré-rempli le champ "quantité" du formulaire de nouveau matériel à 1 (#106).
+- Dans le listing du matériel, ajoute un lien vers la gestion des caractéristiques spéciales.
 
 ## 0.11.0 (2021-01-14)
 

client/src/locale/en/pages.js

@@ -146,6 +146,7 @@ export default {
     'title': "Materials",
     'help': "You can choose a park, a category or some tags to filter materials.",
     'action-add': "New material",
+    'manage-attributes': "Manage special attributes",
     'add': "New material",
     'edit': "Modify material «\u00a0{pageSubTitle}\u00a0»",
     'help-edit': "Give a short name, and use the description field to detail the material if needed.",

client/src/locale/fr/pages.js

@@ -146,6 +146,7 @@ export default {
     'title': "Matériel",
     'help': "Vous pouvez choisir un parc, une catégorie ou des étiquettes pour filtrer le matériel.",
     'action-add': "Nouveau matériel",
+    'manage-attributes': "Gérer les caractéristiques spéciales",
     'add': "Nouveau matériel",
     'edit': "Modifier le matériel «\u00a0{pageSubTitle}\u00a0»",
     'help-edit': "Trouvez un nom assez court, et utilisez plutôt la description pour détailler le matériel si besoin.",

client/src/pages/Materials/Materials.scss

@@ -3,6 +3,18 @@
     width: 15rem;
   }
 
+  &__main-view {
+    position: relative;
+  }
+
+  &__attributes-link {
+    display: block;
+    position: absolute;
+    top: 10px;
+    right: $content-padding-large-vertical;
+    z-index: 1;
+  }
+
   &__ref,
   &__park,
   &__category,
@@ -74,6 +86,10 @@
     &__tags {
       display: table-cell;
     }
+
+    &__attributes-link {
+      right: calc(#{$content-padding-large-vertical} + 45px + #{$content-padding-small-vertical});
+    }
   }
 }
 

client/src/pages/Materials/Materials.vue

@@ -22,7 +22,10 @@
       </div>
     </div>
 
-    <div class="content__main-view">
+    <div class="content__main-view Materials__main-view">
+      <router-link to="/attributes" class="Materials__attributes-link">
+        {{ $t('page-materials.manage-attributes') }}
+      </router-link>
       <v-server-table
         ref="DataTable"
         name="materialsTable"