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.
107 lines
2.4 KiB
QML
107 lines
2.4 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
import "../Controls2"
|
|
import "../Controls2/TextTypes"
|
|
|
|
import "../Config"
|
|
|
|
DrawerType2 {
|
|
id: root
|
|
|
|
property string headerText
|
|
property string descriptionText
|
|
property string yesButtonText
|
|
property string noButtonText
|
|
|
|
property var yesButtonFunction
|
|
property var noButtonFunction
|
|
|
|
expandedContent: ColumnLayout {
|
|
id: content
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
spacing: 8
|
|
|
|
onImplicitHeightChanged: {
|
|
root.expandedHeight = content.implicitHeight + 32
|
|
}
|
|
|
|
Connections {
|
|
target: root
|
|
enabled: !GC.isMobile()
|
|
function onOpened() {
|
|
focusItem.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
Header2TextType {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
text: headerText
|
|
}
|
|
|
|
ParagraphTextType {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 8
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
text: descriptionText
|
|
}
|
|
|
|
Item {
|
|
id: focusItem
|
|
KeyNavigation.tab: yesButton
|
|
}
|
|
|
|
BasicButtonType {
|
|
id: yesButton
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
text: yesButtonText
|
|
|
|
clickedFunc: function() {
|
|
if (yesButtonFunction && typeof yesButtonFunction === "function") {
|
|
yesButtonFunction()
|
|
}
|
|
}
|
|
|
|
KeyNavigation.tab: noButton
|
|
}
|
|
|
|
BasicButtonType {
|
|
id: noButton
|
|
Layout.fillWidth: true
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
defaultColor: "transparent"
|
|
hoveredColor: Qt.rgba(1, 1, 1, 0.08)
|
|
pressedColor: Qt.rgba(1, 1, 1, 0.12)
|
|
disabledColor: "#878B91"
|
|
textColor: "#D7D8DB"
|
|
borderWidth: 1
|
|
|
|
text: noButtonText
|
|
|
|
clickedFunc: function() {
|
|
if (noButtonFunction && typeof noButtonFunction === "function") {
|
|
noButtonFunction()
|
|
}
|
|
}
|
|
|
|
KeyNavigation.tab: focusItem
|
|
}
|
|
}
|
|
}
|