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.
153 lines
4.1 KiB
QML
153 lines
4.1 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import QtQuick.Dialogs
|
|
|
|
import PageEnum 1.0
|
|
|
|
import "./"
|
|
import "../Controls2"
|
|
import "../Controls2/TextTypes"
|
|
import "../Config"
|
|
|
|
PageType {
|
|
id: root
|
|
|
|
defaultActiveFocusItem: header
|
|
|
|
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: 0
|
|
|
|
HeaderType {
|
|
id: header
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 24
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
headerText: qsTr("Settings")
|
|
|
|
KeyNavigation.tab: account.rightButton
|
|
}
|
|
|
|
LabelWithButtonType {
|
|
id: account
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
|
|
text: qsTr("Servers")
|
|
rightImageSource: "qrc:/images/controls/chevron-right.svg"
|
|
leftImageSource: "qrc:/images/controls/server.svg"
|
|
|
|
clickedFunction: function() {
|
|
PageController.goToPage(PageEnum.PageSettingsServersList)
|
|
}
|
|
|
|
KeyNavigation.tab: connection.rightButton
|
|
}
|
|
|
|
DividerType {}
|
|
|
|
LabelWithButtonType {
|
|
id: connection
|
|
Layout.fillWidth: true
|
|
|
|
text: qsTr("Connection")
|
|
rightImageSource: "qrc:/images/controls/chevron-right.svg"
|
|
leftImageSource: "qrc:/images/controls/radio.svg"
|
|
|
|
clickedFunction: function() {
|
|
PageController.goToPage(PageEnum.PageSettingsConnection)
|
|
}
|
|
|
|
KeyNavigation.tab: application.rightButton
|
|
}
|
|
|
|
DividerType {}
|
|
|
|
LabelWithButtonType {
|
|
id: application
|
|
Layout.fillWidth: true
|
|
|
|
text: qsTr("Application")
|
|
rightImageSource: "qrc:/images/controls/chevron-right.svg"
|
|
leftImageSource: "qrc:/images/controls/app.svg"
|
|
|
|
clickedFunction: function() {
|
|
PageController.goToPage(PageEnum.PageSettingsApplication)
|
|
}
|
|
|
|
KeyNavigation.tab: backup.rightButton
|
|
}
|
|
|
|
DividerType {}
|
|
|
|
LabelWithButtonType {
|
|
id: backup
|
|
Layout.fillWidth: true
|
|
|
|
text: qsTr("Backup")
|
|
rightImageSource: "qrc:/images/controls/chevron-right.svg"
|
|
leftImageSource: "qrc:/images/controls/save.svg"
|
|
|
|
clickedFunction: function() {
|
|
PageController.goToPage(PageEnum.PageSettingsBackup)
|
|
}
|
|
|
|
KeyNavigation.tab: about.rightButton
|
|
}
|
|
|
|
DividerType {}
|
|
|
|
LabelWithButtonType {
|
|
id: about
|
|
Layout.fillWidth: true
|
|
|
|
text: qsTr("About AmneziaVPN")
|
|
rightImageSource: "qrc:/images/controls/chevron-right.svg"
|
|
leftImageSource: "qrc:/images/controls/amnezia.svg"
|
|
|
|
clickedFunction: function() {
|
|
PageController.goToPage(PageEnum.PageSettingsAbout)
|
|
}
|
|
KeyNavigation.tab: close
|
|
|
|
}
|
|
|
|
DividerType {}
|
|
|
|
LabelWithButtonType {
|
|
id: close
|
|
visible: GC.isDesktop()
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: about.height
|
|
|
|
text: qsTr("Close application")
|
|
leftImageSource: "qrc:/images/controls/x-circle.svg"
|
|
isLeftImageHoverEnabled: false
|
|
|
|
Keys.onTabPressed: lastItemTabClicked(header)
|
|
|
|
clickedFunction: function() {
|
|
PageController.closeApplication()
|
|
}
|
|
}
|
|
|
|
DividerType {
|
|
visible: GC.isDesktop()
|
|
}
|
|
}
|
|
}
|
|
}
|