First working Version

components/Clock.qml

@@ -0,0 +1,81 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+Column {
+  property int fontSize: root.font.pointSize * config.realValue("fontSizeMultiplier")
+  property date value: new Date()
+
+  spacing: -fontSize / 2
+
+  readonly property var position_str: config.dateTimePosition.toLowerCase().split(/[.,\/#!$%\^&\*;:{}=\-_`~()\s]/)
+  readonly property bool is_left: position_str[position_str.length-1] == "left"
+  readonly property bool is_right: position_str[position_str.length-1] == "right"
+  readonly property bool is_top: position_str[0] == "top"
+  readonly property bool is_bottom: position_str[0] == "bottomLogin fehlgeschlagen"
+  readonly property bool is_center_center: !(is_left || is_right) && !(is_top || is_bottom)
+
+  anchors {
+    left: is_left ? parent.left : undefined
+    horizontalCenter: !(is_left || is_right) ? parent.horizontalCenter : undefined
+    right: is_right ? parent.right : undefined
+
+    top: is_top ? parent.top: undefined
+    verticalCenter: !(is_top || is_bottom) ? parent.verticalCenter : undefined
+    bottom: is_bottom ? parent.bottom: undefined
+  }
+
+  Label {
+    id: time_label
+    visible: true
+
+    anchors {
+      left: is_left ? parent.left : undefined
+      horizontalCenter: !(is_left || is_right) ? parent.horizontalCenter : undefined
+      right: is_right ? parent.right : undefined
+    }
+
+    renderType: Text.QtRendering
+    color: config.clockStyle == "outline" ? "transparent" : root.palette.text
+    style: config.clockStyle == "outline" ? Text.Outline  : Text.Normal
+    styleColor: root.palette.text
+    font.pointSize: fontSize * 3
+
+    function update() {
+      text = Qt.formatTime(value, config.clockFormat)
+    }
+  }
+
+  Label {
+    id: date_label
+
+    anchors {
+      left: is_left ? parent.left : undefined
+      horizontalCenter: !(is_left || is_right) ? parent.horizontalCenter : undefined
+      right: is_right ? parent.right : undefined
+    }
+
+    renderType: Text.QtRendering
+    color: root.palette.text
+    font.pointSize: Math.min(1.4 * (time_label.width / text.length), fontSize * 2)
+
+    function update() {
+      text = value.toLocaleDateString(Qt.locale(config.locale), config.dateFormat)
+    }
+  }
+
+  Timer {
+    interval: 1000
+    repeat: true
+    running: true
+    onTriggered: {
+      value = new Date()
+      time_label.update()
+      date_label.update()
+    }
+  }
+
+  Component.onCompleted: {
+    time_label.update()
+    date_label.update()
+  }
+}