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.
118 lines
3.6 KiB
QML
118 lines
3.6 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
import PageEnum 1.0
|
|
|
|
import "../Controls2"
|
|
import "../Controls2/TextTypes"
|
|
import "../Config"
|
|
|
|
DrawerType2 {
|
|
id: root
|
|
|
|
property bool isAppSplitTinnelingEnabled: Qt.platform.os === "windows" || Qt.platform.os === "android"
|
|
|
|
anchors.fill: parent
|
|
expandedHeight: parent.height * 0.7
|
|
|
|
expandedContent: ColumnLayout {
|
|
id: content
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
spacing: 0
|
|
|
|
Connections {
|
|
target: root
|
|
enabled: !GC.isMobile()
|
|
function onOpened() {
|
|
focusItem.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
Header2Type {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 24
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
Layout.bottomMargin: 16
|
|
|
|
headerText: qsTr("Split tunneling")
|
|
descriptionText: qsTr("Allows you to connect to some sites or applications through a VPN connection and bypass others")
|
|
}
|
|
|
|
Item {
|
|
id: focusItem
|
|
KeyNavigation.tab: splitTunnelingSwitch.visible ? splitTunnelingSwitch : siteBasedSplitTunnelingSwitch.rightButton
|
|
}
|
|
|
|
LabelWithButtonType {
|
|
id: splitTunnelingSwitch
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
|
|
visible: ServersModel.isDefaultServerDefaultContainerHasSplitTunneling && ServersModel.getDefaultServerData("isServerFromApi")
|
|
|
|
text: qsTr("Split tunneling on the server")
|
|
descriptionText: qsTr("Enabled \nCan't be disabled for current server")
|
|
rightImageSource: "qrc:/images/controls/chevron-right.svg"
|
|
|
|
KeyNavigation.tab: siteBasedSplitTunnelingSwitch.visible ? siteBasedSplitTunnelingSwitch.rightButton : focusItem
|
|
|
|
clickedFunction: function() {
|
|
// PageController.goToPage(PageEnum.PageSettingsSplitTunneling)
|
|
// root.close()
|
|
}
|
|
}
|
|
|
|
DividerType {
|
|
visible: ServersModel.isDefaultServerDefaultContainerHasSplitTunneling && ServersModel.getDefaultServerData("isServerFromApi")
|
|
}
|
|
|
|
LabelWithButtonType {
|
|
id: siteBasedSplitTunnelingSwitch
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
|
|
text: qsTr("Site-based split tunneling")
|
|
descriptionText: enabled && SitesModel.isTunnelingEnabled ? qsTr("Enabled") : qsTr("Disabled")
|
|
rightImageSource: "qrc:/images/controls/chevron-right.svg"
|
|
|
|
KeyNavigation.tab: appSplitTunnelingSwitch.visible ?
|
|
appSplitTunnelingSwitch.rightButton :
|
|
focusItem
|
|
|
|
clickedFunction: function() {
|
|
PageController.goToPage(PageEnum.PageSettingsSplitTunneling)
|
|
root.close()
|
|
}
|
|
}
|
|
|
|
DividerType {
|
|
}
|
|
|
|
LabelWithButtonType {
|
|
id: appSplitTunnelingSwitch
|
|
visible: isAppSplitTinnelingEnabled
|
|
|
|
Layout.fillWidth: true
|
|
|
|
text: qsTr("App-based split tunneling")
|
|
descriptionText: AppSplitTunnelingModel.isTunnelingEnabled ? qsTr("Enabled") : qsTr("Disabled")
|
|
rightImageSource: "qrc:/images/controls/chevron-right.svg"
|
|
|
|
KeyNavigation.tab: focusItem
|
|
|
|
clickedFunction: function() {
|
|
PageController.goToPage(PageEnum.PageSettingsAppSplitTunneling)
|
|
root.close()
|
|
}
|
|
}
|
|
|
|
DividerType {
|
|
visible: isAppSplitTinnelingEnabled
|
|
}
|
|
}
|
|
}
|