feature: added ui for DefaultVPN

2024-12-13 16:08:52 +07:00 · 2024-12-13 16:08:52 +07:00 · 2cfdc1df64
commit 2cfdc1df64
parent d06924c59d
25 changed files with 1444 additions and 4 deletions
--- a/client/ui/qml/DefaultVpn/Pages/PageHome.qml
+++ b/client/ui/qml/DefaultVpn/Pages/PageHome.qml
@ -0,0 +1,122 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import PageEnum 1.0
+import Config 1.0
+
+import "../Components"
+import "../Controls"
+import "../Controls/TextTypes"
+
+Page {
+    id: root
+
+    ColumnLayout {
+        anchors.fill: parent
+        anchors.topMargin: 8
+        anchors.bottomMargin: 36
+        anchors.leftMargin: 16
+        anchors.rightMargin: 16
+
+        spacing: 0
+
+        Text {
+            lineHeight: 68
+            lineHeightMode: Text.FixedHeight
+
+            color: Style.color.gray2
+            font.pixelSize: 56
+            font.weight: 700
+            font.family: Style.font
+
+            horizontalAlignment: Qt.AlignLeft
+
+            text: ConnectionController.isConnected ? qsTr("Online") : qsTr("Offline")
+        }
+
+        Item {
+            Layout.fillHeight: true
+        }
+
+        XSmallTextType {
+            text: qsTr("Connection to")
+
+            horizontalAlignment: Qt.AlignLeft
+            verticalAlignment: Qt.AlignVCenter
+        }
+
+        RowLayout {
+            DropDownType {
+                Layout.fillWidth: true
+
+                text: ServersModel.defaultServerName
+
+                onClicked: function() {
+                    PageController.goToPage(PageEnum.PageSettingsServersList)
+                }
+            }
+
+            WhiteButtonWithBorder {
+                imageSource: "qrc:/images/controls/plus.svg"
+
+                onClicked: function() {
+                    PageController.goToPage(PageEnum.PageSetupWizardConfigSource)
+                }
+            }
+        }
+
+        Button {
+            id: connectButton
+
+            Layout.fillWidth: true
+            implicitHeight: 358
+
+            Layout.topMargin: 16
+
+            background: Rectangle {
+                anchors.fill: parent
+
+                radius: 16
+
+                color: {
+                    if (ConnectionController.isConnectionInProgress) {
+                        return Style.color.accent3
+                    } else if (ConnectionController.isConnected) {
+                        return Style.color.accent1
+                    } else {
+                        return Style.color.black
+                    }
+                }
+
+                ColumnLayout {
+                    anchors.centerIn: parent
+
+                    Image {
+                        Layout.alignment: Qt.AlignCenter
+
+                        source: "qrc:/images/controls/connect-button.svg"
+                    }
+
+                    Header3TextType {
+                        Layout.alignment: Qt.AlignCenter
+                        Layout.topMargin: 24
+
+                        text: ConnectionController.connectionStateText
+
+                        color: Style.color.white
+                    }
+
+                    Item {
+                        Layout.fillWidth: true
+                    }
+                }
+            }
+
+            onClicked: function() {
+                ServersModel.setProcessedServerIndex(ServersModel.defaultIndex)
+                ConnectionController.connectButtonClicked()
+            }
+        }
+    }
+}