Make page orientations translatable

Fixes #3880

Author: carlobeltrame

frontend/src/components/print/config/PicassoConfig.vue

@@ -28,22 +28,10 @@
 </template>
 
 <script>
-import cloneDeep from 'lodash-es/cloneDeep'
 import DialogScheduleEntryFilter from './DialogScheduleEntryFilter.vue'
 import { filterMatchScheduleEntry } from '@/common/helpers/filterMatchScheduleEntry.js'
 import { repairPrintFilterConfig } from '../repairPrintConfig.js'
 
-const ORIENTATIONS = [
-  {
-    value: 'L',
-    text: 'Landscape',
-  },
-  {
-    value: 'P',
-    text: 'Portrait',
-  },
-]
-
 export default {
   name: 'PicassoConfig',
   components: { DialogScheduleEntryFilter },
@@ -53,7 +41,16 @@ export default {
   },
   data() {
     return {
-      orientations: cloneDeep(ORIENTATIONS),
+      orientations: [
+        {
+          value: 'L',
+          text: this.$tc('components.print.config.picassoConfig.landscape'),
+        },
+        {
+          value: 'P',
+          text: this.$tc('components.print.config.picassoConfig.portrait'),
+        },
+      ],
     }
   },
   computed: {
@@ -111,7 +108,7 @@ export default {
         return knownPeriods.includes(period)
       })
     }
-    if (!ORIENTATIONS.map((o) => o.value).includes(config.options.orientation)) {
+    if (!this.orientations.map((o) => o.value).includes(config.options.orientation)) {
       config.options.orientation = 'L'
     }
     return repairPrintFilterConfig(config, camp, knownPeriods)

frontend/src/locales/de.json

@@ -360,7 +360,9 @@
         },
         "picassoConfig": {
           "orientation": "Seitenlayout",
-          "periods": "Lagerabschnitt(e)"
+          "landscape": "Querformat",
+          "periods": "Lagerabschnitt(e)",
+          "portrait": "Hochformat"
         },
         "programConfig": {
           "dayOverview": "Tagesübersicht"

frontend/src/locales/en.json

@@ -360,7 +360,9 @@
         },
         "picassoConfig": {
           "orientation": "Page layout",
-          "periods": "Period(s)"
+          "landscape": "Landscape",
+          "periods": "Period(s)",
+          "portrait": "Portrait"
         },
         "programConfig": {
           "dayOverview": "print day overview"