update PageServiceSocksProxySettings

client/ui/qml/Pages2/PageServiceSocksProxySettings.qml

@@ -25,55 +25,33 @@ PageType {
         }
     }
 
-    ColumnLayout {
+    BackButtonType {
-        id: backButtonLayout
+        id: backButton
 
         anchors.top: parent.top
         anchors.left: parent.left
         anchors.right: parent.right
-
         anchors.topMargin: 20
 
-        BackButtonType {
+        onFocusChanged: {
-            id: backButton
+            if (this.activeFocus) {
+                listView.positionViewAtBeginning()
+            }
         }
     }
 
-    FlickableType {
+    ListViewType {
-        id: fl
+        id: listView
-        anchors.top: backButtonLayout.bottom
+
+        anchors.top: backButton.bottom
         anchors.bottom: parent.bottom
-        contentHeight: listview.implicitHeight
+        anchors.right: parent.right
-
+        anchors.left: parent.left
-        ListView {
-            id: listview
-
-            width: parent.width
-            height: listview.contentItem.height
-
-            clip: true
-            interactive: false
 
         model: Socks5ProxyConfigModel
 
-            onFocusChanged: {
+        delegate: ColumnLayout {
-                if (focus) {
+            width: listView.width
-                    listview.currentItem.focusItemId.forceActiveFocus()
-                }
-            }
-
-            delegate: Item {
-                implicitWidth: listview.width
-                implicitHeight: content.implicitHeight
-
-                property alias focusItemId: hostLabel.rightButton
-
-                ColumnLayout {
-                    id: content
-
-                    anchors.top: parent.top
-                    anchors.left: parent.left
-                    anchors.right: parent.right
 
             spacing: 0
 
@@ -86,11 +64,10 @@ PageType {
             }
 
             LabelWithButtonType {
-                        id: hostLabel
                 Layout.fillWidth: true
                 Layout.topMargin: 32
-
+                Layout.rightMargin: 16
-                        parentFlickable: fl
+                Layout.bottomMargin: 16
 
                 text: qsTr("Host")
                 descriptionText: ServersModel.getProcessedServerData("hostName")
@@ -103,69 +80,57 @@ PageType {
                 clickedFunction: function() {
                     GC.copyToClipBoard(descriptionText)
                     PageController.showNotificationMessage(qsTr("Copied"))
-                            if (!GC.isMobile()) {
-                                this.rightButton.forceActiveFocus()
-                            }
                 }
             }
 
             LabelWithButtonType {
-                        id: portLabel
                 Layout.fillWidth: true
+                Layout.rightMargin: 16
+                Layout.bottomMargin: 16
 
                 text: qsTr("Port")
                 descriptionText: port
 
                 descriptionOnTop: true
 
-                        parentFlickable: fl
-
                 rightImageSource: "qrc:/images/controls/copy.svg"
                 rightImageColor: AmneziaStyle.color.paleGray
 
                 clickedFunction: function() {
                     GC.copyToClipBoard(descriptionText)
                     PageController.showNotificationMessage(qsTr("Copied"))
-                            if (!GC.isMobile()) {
-                                this.rightButton.forceActiveFocus()
-                            }
                 }
             }
 
             LabelWithButtonType {
-                        id: usernameLabel
                 Layout.fillWidth: true
+                Layout.rightMargin: 16
+                Layout.bottomMargin: 16
 
                 text: qsTr("User name")
                 descriptionText: username
 
                 descriptionOnTop: true
 
-                        parentFlickable: fl
-
                 rightImageSource: "qrc:/images/controls/copy.svg"
                 rightImageColor: AmneziaStyle.color.paleGray
 
                 clickedFunction: function() {
                     GC.copyToClipBoard(descriptionText)
                     PageController.showNotificationMessage(qsTr("Copied"))
-                            if (!GC.isMobile()) {
-                                this.rightButton.forceActiveFocus()
-                            }
                 }
             }
 
             LabelWithButtonType {
-                        id: passwordLabel
                 Layout.fillWidth: true
+                Layout.rightMargin: 16
+                Layout.bottomMargin: 16
 
                 text: qsTr("Password")
                 descriptionText: password
 
                 descriptionOnTop: true
 
-                        parentFlickable: fl
-
                 rightImageSource: "qrc:/images/controls/copy.svg"
                 rightImageColor: AmneziaStyle.color.paleGray
 
@@ -174,9 +139,6 @@ PageType {
                 clickedFunction: function() {
                     GC.copyToClipBoard(descriptionText)
                     PageController.showNotificationMessage(qsTr("Copied"))
-                            if (!GC.isMobile()) {
-                                this.rightButton.forceActiveFocus()
-                            }
                 }
             }
 
@@ -219,6 +181,8 @@ PageType {
 
                     BaseHeaderType {
                         Layout.fillWidth: true
+                        Layout.rightMargin: 16
+                        Layout.bottomMargin: 16
 
                         headerText: qsTr("SOCKS5 settings")
                     }
@@ -228,7 +192,8 @@ PageType {
 
                         Layout.fillWidth: true
                         Layout.topMargin: 40
-                                parentFlickable: fl
+                        Layout.rightMargin: 16
+                        Layout.bottomMargin: 16
 
                         headerText: qsTr("Port")
                         textField.text: port
@@ -248,7 +213,8 @@ PageType {
 
                         Layout.fillWidth: true
                         Layout.topMargin: 16
-                                parentFlickable: fl
+                        Layout.rightMargin: 16
+                        Layout.bottomMargin: 16
 
                         headerText: qsTr("Username")
                         textField.placeholderText: "username"
@@ -270,7 +236,8 @@ PageType {
 
                         Layout.fillWidth: true
                         Layout.topMargin: 16
-                                parentFlickable: fl
+                        Layout.rightMargin: 16
+                        Layout.bottomMargin: 16
 
                         headerText: qsTr("Password")
                         textField.placeholderText: "password"
@@ -299,12 +266,11 @@ PageType {
                         Layout.fillWidth: true
                         Layout.topMargin: 24
                         Layout.bottomMargin: 24
+                        Layout.rightMargin: 16
 
                         text: qsTr("Change connection settings")
 
                         clickedFunc: function() {
-                                    forceActiveFocus()
-
                             if (!portTextField.textField.acceptableInput) {
                                 portTextField.errorText = qsTr("The port must be in the range of 1 to 65535")
                                 return
@@ -340,12 +306,9 @@ PageType {
                 text: qsTr("Change connection settings")
 
                 clickedFunc: function() {
-                            forceActiveFocus()
                     changeSettingsDrawer.openTriggered()
                 }
             }
         }
     }
-        }
-    }
 }