implement qml UI

client/ui/qml/PageSetupWizardHighLevel.qml

@@ -0,0 +1,97 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import Page 1.0
+import "./"
+
+Item {
+    id: root
+    width: GC.screenWidth
+    height: GC.screenHeight
+    ImageButtonType {
+        id: back_from_setup_wizard
+        x: 10
+        y: 10
+        width: 26
+        height: 20
+        icon.source: "qrc:/images/arrow_left.png"
+        onClicked: {
+            UiLogic.closePage()
+        }
+    }
+    Text {
+        font.family: "Lato"
+        font.styleName: "normal"
+        font.pixelSize: 24
+        color: "#100A44"
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        text: qsTr("Setup Wizard")
+        x: 10
+        y: 35
+        width: 361
+        height: 31
+    }
+    Item {
+        x: 10
+        y: 70
+        width: 361
+        height: 561
+        LabelType {
+            x: 30
+            y: 10
+            width: 321
+            height: 321
+            text: qsTr("AmneziaVPN will install VPN protocol which is not visible for your internet provider and government firewall. Your VPN connection will be detected by your provider as regular web traffic to particular web site.\n\nYou SHOULD set this web site address to some foreign web site which is updatesnot blocked by your internet provider. Other words you need to type below some foreign web site address which is accessible without VPN.\n\nPlease note, this protocol still does not support export connection profile to mobile devices. Keep for updates.")
+        }
+        LabelType {
+            x: 30
+            y: 400
+            width: 321
+            height: 71
+            text: qsTr("OpenVPN over Cloak (VPN obfuscation) profile will be installed")
+        }
+        LabelType {
+            x: 30
+            y: 330
+            width: 291
+            height: 21
+            text: qsTr("Type web site address for mask")
+        }
+        TextFieldType {
+            id: website_masking
+            x: 30
+            y: 360
+            width: 301
+            height: 41
+            text: UiLogic.lineEditSetupWizardHighWebsiteMaskingText
+            onEditingFinished: {
+                let _text = website_masking.text
+                _text.replace("http://", "");
+                _text.replace("https://", "");
+                if (!_text) {
+                    return
+                }
+                _text = _text.split("/").first();
+                UiLogic.lineEditSetupWizardHighWebsiteMaskingText = _text
+            }
+            onAccepted: {
+                next_button.clicked()
+            }
+        }
+        BlueButtonType {
+            id: next_button
+            x: 30
+            y: 490
+            width: 301
+            height: 40
+            text: qsTr("Next")
+            onClicked: {
+                let domain = website_masking.text;
+                if (!domain || !domain.includes(".")) {
+                    return
+                }
+                UiLogic.goToPage(Page.WizardVpnMode)
+            }
+        }
+    }
+}