Display: Implement rotation setting and removed icons

webapp/src/locales/de.json

@@ -508,8 +508,12 @@
         "PowerSafeHint": "Schaltet das Display aus, wenn kein Wechselrichter Strom erzeugt",
         "Screensaver": "Screensaver aktivieren:",
         "ScreensaverHint": "Bewegt die Ausgabe bei jeder Aktualisierung um ein Einbrennen zu verhindern (v. a. für OLED-Displays nützlich)",
-        "ShowLogo": "Logo anzeigen:",
         "Contrast": "Kontrast ({contrast}):",
+        "Rotation": "Rotation:",
+        "rot0": "Keine Rotation",
+        "rot90": "90 Grad Drehung",
+        "rot180": "180 Grad Drehung",
+        "rot270": "270 Grad Drehung",
         "Save": "@:dtuadmin.Save"
     },
     "pininfo": {

webapp/src/locales/en.json

@@ -508,8 +508,12 @@
         "PowerSafeHint": "Turn off the display if no inverter is producing.",
         "Screensaver": "Enable Screensaver:",
         "ScreensaverHint": "Move the display a little bit on each update to prevent burn-in. (Useful especially for OLED displays)",
-        "ShowLogo": "Show Logo:",
         "Contrast": "Contrast ({contrast}):",
+        "Rotation": "Rotation:",
+        "rot0": "No rotation",
+        "rot90": "90 degree rotation",
+        "rot180": "180 degree rotation",
+        "rot270": "270 degree rotation",
         "Save": "@:dtuadmin.Save"
     },
     "pininfo": {

webapp/src/locales/fr.json

@@ -508,8 +508,12 @@
         "PowerSafeHint": "Eteindre l'écran si aucun onduleur n'est en production.",
         "Screensaver": "Activer l'écran de veille",
         "ScreensaverHint": "Déplacez un peu l'écran à chaque mise à jour pour éviter le phénomène de brûlure. (Utile surtout pour les écrans OLED)",
-        "ShowLogo": "Afficher le logo",
         "Contrast": "Contraste ({contrast}):",
+        "Rotation": "Rotation:",
+        "rot0": "No rotation",
+        "rot90": "90 degree rotation",
+        "rot180": "180 degree rotation",
+        "rot270": "270 degree rotation",
         "Save": "@:dtuadmin.Save"
     },
     "pininfo": {

webapp/src/types/DeviceConfig.ts

@@ -1,7 +1,7 @@
 import type { Device } from "./PinMapping";
 
 export interface Display {
-    show_logo: boolean;
+    rotation: number;
     power_safe: boolean;
     screensaver: boolean;
     contrast: number;

webapp/src/views/DeviceAdminView.vue

@@ -57,8 +57,18 @@
                                 v-model="deviceConfigList.display.screensaver" type="checkbox"
                                 :tooltip="$t('deviceadmin.ScreensaverHint')" />
 
-                            <InputElement :label="$t('deviceadmin.ShowLogo')"
-                                v-model="deviceConfigList.display.show_logo" type="checkbox" />
+                            <div class="row mb-3">
+                                <label class="col-sm-2 col-form-label">
+                                    {{ $t('deviceadmin.Rotation') }}
+                                </label>
+                                <div class="col-sm-10">
+                                    <select class="form-select" v-model="deviceConfigList.display.rotation">
+                                        <option v-for="rotation in displayRotationList" :key="rotation.key" :value="rotation.key">
+                                            {{ rotation.value }}
+                                        </option>
+                                    </select>
+                                </div>
+                            </div>
 
                             <div class="row mb-3">
                                 <label for="inputDisplayContrast" class="col-sm-2 col-form-label">{{
@@ -108,6 +118,12 @@ export default defineComponent({
             alertMessage: "",
             alertType: "info",
             showAlert: false,
+            displayRotationList: [
+                { key: 0, value: this.$t('deviceadmin.rot0') },
+                { key: 1, value: this.$t('deviceadmin.rot90') },
+                { key: 2, value: this.$t('deviceadmin.rot180') },
+                { key: 3, value: this.$t('deviceadmin.rot270') },
+            ],
         }
     },
     created() {