feat: #2648 outings view count

src/components/generics/icons/IconViewCount.vue

@@ -0,0 +1,14 @@
+<template>
+  <fa-icon icon="eye" :fixed-width="fixedWidth" />
+</template>
+
+<script>
+export default {
+  props: {
+    fixedWidth: {
+      type: Boolean,
+      default: false,
+    },
+  },
+};
+</script>

src/js/constants/documentsProperties.json

@@ -149,6 +149,8 @@
       { "id": "date_start", "properties": { "url": "date", "required": false } },
       { "id": "dates", "properties": { "url": "date", "required": false } },
       { "id": "disable_comments" },
+      { "id": "disable_view_count" },
+      { "id": "view_count" },
       { "id": "elevation_access", "properties": { "url": "oparka" } },
       {
         "id": "elevation_down_snow",

src/js/constants/fieldsProperties.json

@@ -233,6 +233,13 @@
     "type": "boolean",
     "default": false
   },
+  "disable_view_count": {
+    "type": "boolean",
+    "default": false
+  },
+  "view_count": {
+    "type": "number"
+  },
   "durations": {
     "values": "route_duration_types",
     "multiple": true,

src/translations/en.json

@@ -375,6 +375,8 @@
     },
     "difficulties_height": "Difficulties start altitude",
     "disable_comments": "Disable comments",
+    "disable_view_count": "Disable view count",
+    "view_count": "views",
     "durations": "Durations",
     "durations (days)": "duration (days)",
     "easy": {

src/translations/fr.json

@@ -1007,6 +1007,8 @@
     },
     "difficulties_height": "Altitude du début des difficultés",
     "disable_comments": "Désactiver les commentaires",
+    "disable_view_count": "Désactiver le compteur de vues",
+    "view_count": "vues",
     "draft": {
       "quality_types": "ébauche"
     },

src/views/document/utils/boxes/ToolBox.vue

@@ -81,6 +81,11 @@
       <span>{{ quality.i18nName }}</span> {{ quality.i18nValue }}
     </div>
 
+    <div class="view-count" v-if="viewCount">
+      <icon-view-count fixed-width></icon-view-count>
+      {{ viewCount.value }} <span>{{ viewCount.i18nName }}</span>
+    </div>
+
     <tool-box-button
       v-if="isEditable"
       :to="{ name: documentType + '-edit', params: { id: document.document_id, lang: lang } }"
@@ -177,6 +182,7 @@
 
 <script>
 import IconQuality from '../../../../components/generics/icons/IconQuality.vue';
+import IconViewCount from '../../../../components/generics/icons/IconViewCount.vue';
 import DeleteDocumentWindow from '../windows/DeleteDocumentWindow';
 import DeleteLocaleWindow from '../windows/DeleteLocaleWindow';
 import MergeDocumentWindow from '../windows/MergeDocumentWindow';
@@ -203,6 +209,7 @@ export default {
     LicenseBox,
     AssociatedDocuments,
     IconQuality,
+    IconViewCount,
     AssociationsWindow,
     DeleteLocaleWindow,
     DeleteDocumentWindow,
@@ -269,6 +276,20 @@ export default {
       };
     },
 
+    viewCount() {
+      const fields = constants.objectDefinitions[this.documentType].fields;
+      const value = this.document[fields.view_count.name];
+      const isValue = value !== null && value !== undefined;
+      if (!fields.view_count || !isValue) {
+        return;
+      }
+      return {
+        ...fields.view_count,
+        value,
+        i18nName: this.$gettext(fields.view_count.name),
+      };
+    },
+
     fundraiser() {
       return getFundraiser(this.document);
     },
@@ -418,7 +439,7 @@ export default {
   content: ' \2022 '; /* \2022 is bull */
 }
 
-.quality {
+.quality .view-count {
   span:nth-of-type(1) {
     @include colon;
   }

src/views/wiki/edition/OutingEditionView.vue

@@ -149,6 +149,9 @@
         />
         <form-field :document="document" :field="fields.disable_comments" />
       </div>
+      <div class="columns">
+        <form-field :document="document" :field="fields.disable_view_count" />
+      </div>
     </form-section>
 
     <form-section