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.
149 lines
4 KiB
QML
149 lines
4 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
import SortFilterProxyModel 0.2
|
|
|
|
import PageEnum 1.0
|
|
import ProtocolEnum 1.0
|
|
|
|
import "../Controls2"
|
|
import "../Controls2/TextTypes"
|
|
|
|
|
|
ListView {
|
|
id: menuContent
|
|
|
|
property var rootWidth
|
|
property var selectedText
|
|
|
|
property bool a: true
|
|
|
|
width: rootWidth
|
|
height: menuContent.contentItem.height
|
|
|
|
clip: true
|
|
interactive: false
|
|
|
|
property FlickableType parentFlickable
|
|
property var lastItemTabClicked
|
|
|
|
property int currentFocusIndex: 0
|
|
|
|
activeFocusOnTab: true
|
|
onActiveFocusChanged: {
|
|
if (activeFocus) {
|
|
this.currentFocusIndex = 0
|
|
this.itemAtIndex(currentFocusIndex).forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
Keys.onTabPressed: {
|
|
if (currentFocusIndex < this.count - 1) {
|
|
currentFocusIndex += 1
|
|
this.itemAtIndex(currentFocusIndex).forceActiveFocus()
|
|
} else {
|
|
currentFocusIndex = 0
|
|
if (lastItemTabClicked && typeof lastItemTabClicked === "function") {
|
|
lastItemTabClicked()
|
|
}
|
|
}
|
|
}
|
|
|
|
onVisibleChanged: {
|
|
if (visible) {
|
|
currentFocusIndex = 0
|
|
focusItem.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: focusItem
|
|
}
|
|
|
|
onCurrentFocusIndexChanged: {
|
|
if (parentFlickable) {
|
|
parentFlickable.ensureVisible(this.itemAtIndex(currentFocusIndex))
|
|
}
|
|
}
|
|
|
|
ButtonGroup {
|
|
id: containersRadioButtonGroup
|
|
}
|
|
|
|
delegate: Item {
|
|
implicitWidth: rootWidth
|
|
implicitHeight: content.implicitHeight
|
|
|
|
onActiveFocusChanged: {
|
|
if (activeFocus) {
|
|
containerRadioButton.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
|
|
anchors.fill: parent
|
|
anchors.rightMargin: 16
|
|
anchors.leftMargin: 16
|
|
|
|
VerticalRadioButton {
|
|
id: containerRadioButton
|
|
|
|
Layout.fillWidth: true
|
|
|
|
text: name
|
|
descriptionText: description
|
|
|
|
ButtonGroup.group: containersRadioButtonGroup
|
|
|
|
imageSource: "qrc:/images/controls/download.svg"
|
|
showImage: !isInstalled
|
|
|
|
checkable: isInstalled && !ConnectionController.isConnected
|
|
checked: proxyDefaultServerContainersModel.mapToSource(index) === ServersModel.getDefaultServerData("defaultContainer")
|
|
|
|
onClicked: {
|
|
if (ConnectionController.isConnected && isInstalled) {
|
|
PageController.showNotificationMessage(qsTr("Unable change protocol while there is an active connection"))
|
|
return
|
|
}
|
|
|
|
if (checked) {
|
|
containersDropDown.close()
|
|
ServersModel.setDefaultContainer(ServersModel.defaultIndex, proxyDefaultServerContainersModel.mapToSource(index))
|
|
} else {
|
|
ContainersModel.setProcessedContainerIndex(proxyDefaultServerContainersModel.mapToSource(index))
|
|
InstallController.setShouldCreateServer(false)
|
|
PageController.goToPage(PageEnum.PageSetupWizardProtocolSettings)
|
|
containersDropDown.close()
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: containerRadioButton
|
|
cursorShape: Qt.PointingHandCursor
|
|
enabled: false
|
|
}
|
|
|
|
Keys.onEnterPressed: {
|
|
if (checkable) {
|
|
checked = true
|
|
}
|
|
containerRadioButton.clicked()
|
|
}
|
|
Keys.onReturnPressed: {
|
|
if (checkable) {
|
|
checked = true
|
|
}
|
|
containerRadioButton.clicked()
|
|
}
|
|
}
|
|
|
|
DividerType {
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
}
|
|
}
|