feat: Print version on document

src/views/document/BookView.vue

@@ -3,7 +3,7 @@
     <loading-notification :promise="promise" />
     <document-view-header v-if="document" :document="document" :version="version" />
     <div v-if="document" class="columns is-block-print">
-      <div class="column is-3">
+      <div class="column is-3 is-12-print">
         <div class="box">
           <activities-field :document="document" />
           <field-view :document="document" :field="fields.author" />

src/views/document/OutingView.vue

@@ -6,7 +6,7 @@
     <images-box v-if="document" :document="document" />
 
     <div v-if="document" class="columns is-multiline is-block-print">
-      <div class="column is-3 no-print">
+      <div class="column is-3 is-12-print">
         <map-box :document="document" />
         <tool-box :document="document" v-if="!$screen.isMobile" />
       </div>

src/views/document/RouteView.vue

@@ -3,7 +3,7 @@
     <loading-notification :promise="promise" />
     <document-view-header v-if="document" :document="document" :version="version" />
     <div v-if="document" class="columns is-block-print">
-      <div class="column is-3 no-print">
+      <div class="column is-3 is-12-print">
         <map-box :document="document" @has-protection-area="hasProtectionArea = true" />
         <tool-box :document="document" v-if="!$screen.isMobile" />
       </div>

src/views/document/WaypointView.vue

@@ -10,7 +10,7 @@
     </document-view-header>
 
     <div v-if="document" class="columns">
-      <div class="column is-3 no-print">
+      <div class="column is-3">
         <map-box :document="document" />
         <tool-box :document="document" v-if="!$screen.isMobile" />
       </div>

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

@@ -6,62 +6,64 @@
       target="_blank"
       rel="noreferer"
     >
-      <icon-creative-commons />
-      CC
-      <span
-        :title="
-          $gettext(
-            'Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.'
-          )
-        "
-      >
-        BY
-      </span>
-      <span
-        :title="
-          $gettext(
-            'ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.'
-          )
-        "
-      >
-        SA
-      </span>
-      3.0
-      <br />
-      <span v-translate> This content is licensed under Creative Commons BY-SA 3.0 </span>
+      <div>
+        <icon-creative-commons />
+        CC
+        <span
+          :title="
+            $gettext(
+              'Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.'
+            )
+          "
+        >
+          BY
+        </span>
+        <span
+          :title="
+            $gettext(
+              'ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.'
+            )
+          "
+        >
+          SA
+        </span>
+        3.0
+      </div>
+      <div v-translate>This content is licensed under Creative Commons BY-SA 3.0</div>
     </a>
     <a
       v-else-if="license == 'by-nc-nd'"
       :href="'https://creativecommons.org/licenses/by-nc-nd/3.0/deed.' + $language.current"
       target="_blank"
       rel="noreferer"
     >
-      <icon-creative-commons />
-      CC
-      <span
-        :title="
-          $gettext(
-            'Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.'
-          )
-        "
-      >
-        BY
-      </span>
-      <span :title="$gettext('NonCommercial — You may not use the material for commercial purposes.')"> NC </span>
-      <span
-        :title="
-          $gettext(
-            'NoDerivatives — If you remix, transform, or build upon the material, you may not distribute the modified material.'
-          )
-        "
-      >
-        ND
-      </span>
-      3.0
-      <br />
-      <span v-translate> This content is licensed under Creative Commons BY-NC-ND 3.0 </span>
+      <div>
+        <icon-creative-commons />
+        CC
+        <span
+          :title="
+            $gettext(
+              'Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.'
+            )
+          "
+        >
+          BY
+        </span>
+        <span :title="$gettext('NonCommercial — You may not use the material for commercial purposes.')"> NC </span>
+        <span
+          :title="
+            $gettext(
+              'NoDerivatives — If you remix, transform, or build upon the material, you may not distribute the modified material.'
+            )
+          "
+        >
+          ND
+        </span>
+        3.0
+      </div>
+      <div v-translate>This content is licensed under Creative Commons BY-NC-ND 3.0</div>
     </a>
-    <span
+    <div
       v-else-if="license == 'copyright'"
       :title="
         $gettext(
@@ -71,7 +73,7 @@
     >
       <fa-icon icon="ban" />
       <span v-translate> This book cover is the property of its editor and/or author </span>
-    </span>
+    </div>
   </div>
 </template>
 
@@ -121,3 +123,10 @@ export default {
   },
 };
 </script>
+<style scoped lang="scss">
+@media print {
+  div {
+    display: inline-block;
+  }
+}
+</style>

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

@@ -0,0 +1,22 @@
+<template>
+  <div class="has-text-centered">
+    <span v-translate>Revision</span><span>&nbsp;: n° {{ version }}</span>
+  </div>
+</template>
+
+<script>
+import { requireDocumentProperty } from '@/js/properties-mixins';
+
+export default {
+  mixins: [requireDocumentProperty],
+  computed: {
+    version() {
+      if (this.document.locales[0].version > this.document.version) {
+        return this.document.locales[0].version;
+      } else {
+        return this.document.version;
+      }
+    },
+  },
+};
+</script>