[+] added settigns widget for vpn

CellFrameDashboardGUI/DapUiQmlScreenSettings.qml

@@ -10,6 +10,11 @@ DapUiQmlScreenSettingsForm {
             name: qsTr("Network")
             element: "DapUiQmlWidgetSettingsNetwork.qml"
         }
+
+        ListElement {
+            name: qsTr("VPN")
+            element: "DapUiQmlWidgetSettingsVpn.qml"
+        }
     }
 
     ListView {

CellFrameDashboardGUI/DapUiQmlScreenVpnForm.ui.qml

@@ -2,6 +2,7 @@ import QtQuick 2.4
 import QtQuick.Controls 2.5
 import QtQuick.Controls.Styles 1.4
 import QtGraphicalEffects 1.0
+import QtQuick.Layouts 1.13
 
 Item {
     width: 400
@@ -23,9 +24,11 @@ Item {
         anchors.top: parent.top
         anchors.topMargin: 40 * pt
         anchors.horizontalCenter: parent.horizontalCenter
+        spacing: 10 * pt
 
         Image {
             id: imageVpn
+            Layout.alignment: Qt.AlignVCenter
             width: 48 * pt
             height: 48 * pt
             source: "qrc:/Resources/Icons/defaul_icon.png"
@@ -33,9 +36,8 @@ Item {
 
         Text {
             id: titleVpn
-            anchors.left: imageVpn.right
-            anchors.verticalCenter: imageVpn.verticalCenter
-            anchors.leftMargin: 10 * pt
+            Layout.alignment: Qt.AlignVCenter
+            verticalAlignment: Text.AlignVCenter
             text: "KELVPN"
             font.family: "Roboto Regular"
             font.pixelSize: 42 * pt

CellFrameDashboardGUI/DapUiQmlWidgetSettingsNetwork.qml

@@ -3,7 +3,7 @@ import QtQuick.Controls 2.12
 
 DapUiQmlWidgetSettingsNetworkForm {
     width: parent.width
-    height: childrenRect.height
+    height: childrenRect.height + 40 * pt
 
     ComboBox {
         width: 150

CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpn.qml

+import QtQuick 2.4
+
+DapUiQmlWidgetSettingsVpnForm {
+    Column {
+        anchors.left: parent.left
+        anchors.top: parent.top
+        anchors.leftMargin: 15 * pt
+        anchors.topMargin: 13 * pt
+        spacing: 15 * pt
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxBand
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "band"
+            model: ListModel {
+                ListElement {band: "100 Mbit" }
+                ListElement {band: "200 Mbit" }
+            }
+        }
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxUptime
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "uptime"
+            model: ListModel {
+                ListElement {uptime: "30 minutes" }
+                ListElement {uptime: "3 hours" }
+            }
+        }
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxEncription
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "encription"
+            model: ListModel {
+                ListElement {encription: "RSA-2048" }
+                ListElement {encription: "AES-256" }
+            }
+        }
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxBalance
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "balance"
+            model: ListModel {
+                ListElement {balance: "320 RUB" }
+                ListElement {balance: "500 RUB" }
+            }
+        }
+
+        DapUiQmlWidgetSettingsVpnComboBox {
+            id: comboBoxLanguage
+            width: 150 * pt
+            height: 32 * pt
+            textRole: "language"
+            model: ListModel {
+                ListElement {language: "RUS" }
+                ListElement {language: "ENG" }
+            }
+        }
+    }
+
+}

CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnComboBox.qml

+import QtQuick 2.4
+
+DapUiQmlWidgetSettingsVpnComboBoxForm {
+
+}

CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnComboBoxForm.ui.qml

+import QtQuick 2.4
+import QtQuick.Controls 2.5
+import QtGraphicalEffects 1.0
+
+ComboBox {
+    background: Rectangle {
+        anchors.fill: parent
+        border.color: "#707070"
+        border.width: 1
+        radius: parent.width / 2
+    }
+
+    contentItem: Text {
+        anchors.fill: parent
+        anchors.leftMargin: 12 * pt
+        anchors.rightMargin: 52 * pt
+        text: parent.displayText
+        font.family: "Regular"
+        font.pixelSize: 14 * pt
+        color: "#A7A7A7"
+        verticalAlignment: Text.AlignVCenter
+        elide: Text.ElideRight
+    }
+
+    DropShadow {
+        anchors.fill: parent
+        source: parent.background
+        verticalOffset: 4 * pt
+        samples: 13 * pt
+        color: "#40000000"
+    }
+}

CellFrameDashboardGUI/DapUiQmlWidgetSettingsVpnForm.ui.qml

+import QtQuick 2.4
+
+Item {
+    width: 400
+    height: 400
+
+}

CellFrameDashboardGUI/qml.qrc

@@ -77,5 +77,9 @@
         <file>DapUiQmlWidgetStatusBarComboBoxTokenForm.ui.qml</file>
         <file>DapUiQmlScreenVpn.qml</file>
         <file>DapUiQmlScreenVpnForm.ui.qml</file>
+        <file>DapUiQmlWidgetSettingsVpn.qml</file>
+        <file>DapUiQmlWidgetSettingsVpnForm.ui.qml</file>
+        <file>DapUiQmlWidgetSettingsVpnComboBox.qml</file>
+        <file>DapUiQmlWidgetSettingsVpnComboBoxForm.ui.qml</file>
     </qresource>
 </RCC>