0e4ae26bae
- Added tab navigation functional. - In basic types added parentFlickable property, which will help to ensure, that the item is visible within flickable parent during tab navigation. - Added focus state for some basic types. - In PageType qml file added lastItemTabClicked function, which will help to focus tab bar buttons when the last tab on the current page clicked. - Added Focus for back button for all pages and drawers. - Added scroll on tab for Servers ListView on PageHome.
94 lines
2.2 KiB
QML
94 lines
2.2 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
import PageEnum 1.0
|
|
|
|
import "./"
|
|
import "../Controls2"
|
|
import "../Controls2/TextTypes"
|
|
import "../Config"
|
|
|
|
PageType {
|
|
id: root
|
|
|
|
defaultActiveFocusItem: textKey.textField
|
|
|
|
|
|
Item {
|
|
id: focusItem
|
|
KeyNavigation.tab: backButton
|
|
}
|
|
|
|
FlickableType {
|
|
id: fl
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
contentHeight: content.height
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
spacing: 16
|
|
|
|
BackButtonType {
|
|
id: backButton
|
|
Layout.topMargin: 20
|
|
KeyNavigation.tab: textKey.textField
|
|
}
|
|
|
|
HeaderType {
|
|
Layout.fillWidth: true
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
headerText: qsTr("Connection key")
|
|
descriptionText: qsTr("A line that starts with vpn://...")
|
|
}
|
|
|
|
TextFieldWithHeaderType {
|
|
id: textKey
|
|
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 32
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
headerText: qsTr("Key")
|
|
textFieldPlaceholderText: "vpn://"
|
|
buttonText: qsTr("Insert")
|
|
|
|
clickedFunc: function() {
|
|
textField.text = ""
|
|
textField.paste()
|
|
}
|
|
|
|
KeyNavigation.tab: continueButton
|
|
}
|
|
}
|
|
}
|
|
|
|
BasicButtonType {
|
|
id: continueButton
|
|
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 16
|
|
anchors.leftMargin: 16
|
|
anchors.bottomMargin: 32
|
|
|
|
text: qsTr("Continue")
|
|
Keys.onTabPressed: lastItemTabClicked(focusItem)
|
|
|
|
clickedFunc: function() {
|
|
if (ImportController.extractConfigFromData(textKey.textFieldText)) {
|
|
PageController.goToPage(PageEnum.PageSetupWizardViewConfig)
|
|
}
|
|
}
|
|
}
|
|
}
|