Added basic support layout

2 files changed, 85 insertions, 21 deletions

diff --git a/main.qml b/main.qml
index 1f74e35..31ebb0d 100644
--- a/main.qml
+++ b/main.qml
@@ -1,33 +1,98 @@
 import QtQuick 2.9
 import QtQuick.Window 2.2
 import QtQuick.Extras 1.4
+import QtQuick.Controls 2.3
 
 Window {
+    id: window
     visible: true
-    width: 640
-    height: 480
-    title: qsTr("Hello World")
-
-
-    Image {
-        id: image
-        x: 412
-        y: 166
-        width: 165
-        height: 104
-        source: "images/das-netzwerkteam-de.png"
-        fillMode: Image.PreserveAspectFit
+    width: 400
+    height: 125
+    opacity: 1
+    title: qsTr("Remote Support for your Desktop")
+
+    Text {
+        id: dbus_api_status_text
+        y: 89
+        text: qsTr("Unbekannter Status des Dienstes")
+        font.family: "Verdana"
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 5
+        anchors.left: parent.left
+        anchors.leftMargin: 5
+        font.pixelSize: 12
     }
 
+    StatusIndicator {
+        id: dbus_api_status_indicator
+        y: 110
+        width: 15
+        height: 15
+        color: "#73d216"
+        anchors.bottom: dbus_api_status_text.bottom
+        anchors.bottomMargin: 0
+        anchors.left: dbus_api_status_text.right
+        anchors.leftMargin: 5
+        visible: true
+        active: false
+    }
+
+    DelayButton {
+        id: start_support_button
+        width: 150
+        height: 40
+        text: qsTr("Dienst starten")
+        font.bold: true
+        anchors.top: your_pin_text.top
+        anchors.topMargin: 0
+        anchors.left: parent.left
+        anchors.leftMargin: 5
+        font.family: "Verdana"
+        checkable: false
+        autoRepeat: true
+        autoExclusive: false
+        display: AbstractButton.TextOnly
+        checked: false
+    }
 
     Text {
-        id: element
-        x: 104
-        y: 187
-        text: qsTr("Hallo Welt!")
-        renderType: Text.NativeRendering
+        id: your_pin_text
+        width: 210
+        height: 21
+        text: qsTr("Zugangspin zu deinem Computer")
+        clip: false
+        anchors.top: parent.top
+        anchors.topMargin: 20
+        anchors.left: start_support_button.right
+        anchors.leftMargin: 25
         font.family: "Verdana"
-        lineHeight: 1.4
-        font.pixelSize: 50
+        fontSizeMode: Text.Fit
+        font.pixelSize: 12
     }
+
+    Text {
+        id: pin_text
+        x: 235
+        width: 210
+        height: 50
+        text: qsTr("0 1 A 2 3 B")
+        font.pixelSize: 26
+        anchors.horizontalCenter: your_pin_text.horizontalCenter
+        anchors.top: your_pin_text.bottom
+        anchors.topMargin: 0
+        font.family: "Verdana"
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        fontSizeMode: Text.Fit
+    }
+}
+
+
+
+
+
+/*##^## Designer {
+    D{i:1;anchors_x:0}D{i:2;anchors_x:112;anchors_y:406}D{i:3;anchors_x:5;anchors_y:43}
+D{i:4;anchors_x:180;anchors_y:19}D{i:5;anchors_y:48}
 }
+ ##^##*/
diff --git a/qml.qrc b/qml.qrc
index b27bddb..dd554cd 100644
--- a/qml.qrc
+++ b/qml.qrc
@@ -1,7 +1,6 @@
 <RCC>
     <qresource prefix="/">
         <file>main.qml</file>
-        <file>images/das-netzwerkteam-de.png</file>
         <file>main.cpp</file>
     </qresource>
 </RCC>