added client management panel

- added classes for displaying the client management panel
- added class for displaying the client info
- added page to display a list of clients
- added page to display OpenVpn client information
- added diagram with OpenVpn certificate revocation process

client/ui/qml/Pages/PageServerSettings.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Controls
+import QtQuick.Layouts
 import PageEnum 1.0
 import "./"
 import "../Controls"
@@ -15,114 +16,135 @@ PageBase {
     BackButton {
         id: back
     }
+
     Caption {
+        id: caption
         text: qsTr("Server settings")
         anchors.horizontalCenter: parent.horizontalCenter
     }
-    LabelType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 150
-        width: 341
-        height: 31
-        font.pixelSize: 20
-        horizontalAlignment: Text.AlignHCenter
-        text: ServerSettingsLogic.labelCurrentVpnProtocolText
-    }
-//    LabelType {
-//        anchors.horizontalCenter: parent.horizontalCenter
-//        y: 120
-//        width: 341
-//        height: 31
-//        font.pixelSize: 20
-//        horizontalAlignment: Text.AlignHCenter
-//        text: ServerSettingsLogic.labelServerText
-//    }
-    TextFieldType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 120
-        width: 341
-        height: 31
-        font.pixelSize: 20
-        horizontalAlignment: Text.AlignHCenter
-        text: ServerSettingsLogic.labelServerText
-        readOnly: true
-        background: Item {}
-    }
 
-    LabelType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 530
-        width: 301
-        height: 41
-        text: ServerSettingsLogic.labelWaitInfoText
-        visible: ServerSettingsLogic.labelWaitInfoVisible
-    }
-    TextFieldType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 80
-        width: 251
-        height: 31
-        text: ServerSettingsLogic.lineEditDescriptionText
-        onEditingFinished: {
-            ServerSettingsLogic.lineEditDescriptionText = text
-            ServerSettingsLogic.onLineEditDescriptionEditingFinished()
-        }
-    }
-    BlueButtonType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 410
-        width: parent.width - 40
-        height: 40
-        text: ServerSettingsLogic.pushButtonClearText
-        visible: ServerSettingsLogic.pushButtonClearVisible
-        onClicked: {
-            ServerSettingsLogic.onPushButtonClearServer()
-        }
-    }
-    BlueButtonType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 350
-        width: parent.width - 40
-        height: 40
-        text: ServerSettingsLogic.pushButtonClearClientCacheText
-        visible: ServerSettingsLogic.pushButtonClearClientCacheVisible
-        onClicked: {
-            ServerSettingsLogic.onPushButtonClearClientCacheClicked()
-        }
-    }
-    BlueButtonType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 470
-        width: parent.width - 40
-        height: 40
-        text: qsTr("Forget this server")
-        onClicked: {
-            ServerSettingsLogic.onPushButtonForgetServer()
-        }
-    }
-    BlueButtonType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 210
-        width: parent.width - 40
-        height: 40
-        text: qsTr("Protocols and Services")
-        onClicked: {
-            UiLogic.goToPage(PageEnum.ServerContainers)
-        }
-    }
-    BlueButtonType {
-        anchors.horizontalCenter: parent.horizontalCenter
-        y: 260
-        width: parent.width - 40
-        height: 40
-        text: qsTr("Share Server (FULL ACCESS)")
-        visible: ServerSettingsLogic.pushButtonShareFullVisible
-        onClicked: {
-            ServerSettingsLogic.onPushButtonShareFullClicked()
+    Flickable {
+        id: fl
+        width: root.width
+        anchors.top: caption.bottom
+        anchors.topMargin: 20
+        anchors.bottom: logo.top
+        anchors.bottomMargin: 20
+        anchors.left: root.left
+        anchors.leftMargin: 30
+        anchors.right: root.right
+        anchors.rightMargin: 30
+
+        contentHeight: content.height
+        clip: true
+
+        ColumnLayout {
+            id: content
+            enabled: logic.pageEnabled
+            anchors.top: parent.top
+            anchors.left: parent.left
+            anchors.right: parent.right
+
+            TextFieldType {
+                Layout.alignment: Qt.AlignHCenter
+                Layout.preferredWidth: 251
+                Layout.preferredHeight: 31
+                text: ServerSettingsLogic.lineEditDescriptionText
+                onEditingFinished: {
+                    ServerSettingsLogic.lineEditDescriptionText = text
+                    ServerSettingsLogic.onLineEditDescriptionEditingFinished()
+                }
+            }
+
+            TextFieldType {
+                Layout.fillWidth: true
+                font.pixelSize: 20
+                horizontalAlignment: Text.AlignHCenter
+                text: ServerSettingsLogic.labelServerText
+                readOnly: true
+                background: Item {}
+            }
+
+            LabelType {
+                Layout.fillWidth: true
+                font.pixelSize: 20
+                horizontalAlignment: Text.AlignHCenter
+                text: ServerSettingsLogic.labelCurrentVpnProtocolText
+            }
+
+            BlueButtonType {
+                Layout.topMargin: 15
+                Layout.fillWidth: true
+                Layout.preferredHeight: 41
+                text: qsTr("Protocols and Services")
+                onClicked: {
+                    UiLogic.goToPage(PageEnum.ServerContainers)
+                }
+            }
+
+            BlueButtonType {
+                Layout.topMargin: 10
+                Layout.fillWidth: true
+                Layout.preferredHeight: 41
+                text: qsTr("Share Server (FULL ACCESS)")
+                visible: ServerSettingsLogic.pushButtonShareFullVisible
+                onClicked: {
+                    ServerSettingsLogic.onPushButtonShareFullClicked()
+                }
+            }
+
+            BlueButtonType {
+                Layout.topMargin: 10
+                Layout.fillWidth: true
+                Layout.preferredHeight: 41
+                text: qsTr("Clients Management")
+                onClicked: {
+                    UiLogic.goToPage(PageEnum.ClientManagement)
+                }
+            }
+
+            BlueButtonType {
+                Layout.topMargin: 30
+                Layout.fillWidth: true
+                Layout.preferredHeight: 41
+                text: ServerSettingsLogic.pushButtonClearClientCacheText
+                visible: ServerSettingsLogic.pushButtonClearClientCacheVisible
+                onClicked: {
+                    ServerSettingsLogic.onPushButtonClearClientCacheClicked()
+                }
+            }
+
+            BlueButtonType {
+                Layout.topMargin: 10
+                Layout.fillWidth: true
+                Layout.preferredHeight: 41
+                text: ServerSettingsLogic.pushButtonClearText
+                visible: ServerSettingsLogic.pushButtonClearVisible
+                onClicked: {
+                    ServerSettingsLogic.onPushButtonClearServer()
+                }
+            }
+
+            BlueButtonType {
+                Layout.topMargin: 10
+                Layout.fillWidth: true
+                Layout.preferredHeight: 41
+                text: qsTr("Forget this server")
+                onClicked: {
+                    ServerSettingsLogic.onPushButtonForgetServer()
+                }
+            }
+
+            LabelType {
+                Layout.fillWidth: true
+                text: ServerSettingsLogic.labelWaitInfoText
+                visible: ServerSettingsLogic.labelWaitInfoVisible
+            }
         }
     }
 
     Logo {
+        id: logo
         anchors.bottom: parent.bottom
     }
 }