210 lines
6.8 KiB
QML
210 lines
6.8 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
import Style 1.0
|
|
|
|
import "../Controls2"
|
|
import "../Controls2/TextTypes"
|
|
import "../Config"
|
|
|
|
DrawerType2 {
|
|
id: root
|
|
|
|
expandedContent: Item {
|
|
id: container
|
|
|
|
implicitHeight: root.height * 0.9
|
|
|
|
Component.onCompleted: {
|
|
root.expandedHeight = container.implicitHeight
|
|
}
|
|
|
|
Connections {
|
|
target: root
|
|
enabled: !GC.isMobile()
|
|
function onOpened() {
|
|
focusItem.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: focusItem
|
|
KeyNavigation.tab: backButton
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: backButtonLayout
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.topMargin: 16
|
|
|
|
BackButtonType {
|
|
id: backButton
|
|
backButtonImage: "qrc:/images/controls/arrow-left.svg"
|
|
backButtonFunction: function() { root.close() }
|
|
KeyNavigation.tab: listView
|
|
}
|
|
}
|
|
|
|
FlickableType {
|
|
anchors.top: backButtonLayout.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
contentHeight: content.implicitHeight
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
|
|
anchors.fill: parent
|
|
|
|
Header2Type {
|
|
id: header
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 16
|
|
Layout.rightMargin: 16
|
|
Layout.leftMargin: 16
|
|
|
|
headerText: qsTr("Choose language")
|
|
}
|
|
|
|
ListView {
|
|
id: listView
|
|
|
|
Layout.fillWidth: true
|
|
height: listView.contentItem.height
|
|
|
|
clip: true
|
|
interactive: false
|
|
|
|
model: LanguageModel
|
|
currentIndex: LanguageModel.currentLanguageIndex
|
|
|
|
ButtonGroup {
|
|
id: buttonGroup
|
|
}
|
|
|
|
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 {
|
|
listViewFocusItem.forceActiveFocus()
|
|
focusItem.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: listViewFocusItem
|
|
Keys.onTabPressed: {
|
|
root.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
onVisibleChanged: {
|
|
if (visible) {
|
|
listViewFocusItem.forceActiveFocus()
|
|
focusItem.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
delegate: Item {
|
|
implicitWidth: root.width
|
|
implicitHeight: delegateContent.implicitHeight
|
|
|
|
onActiveFocusChanged: {
|
|
if (activeFocus) {
|
|
radioButton.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: delegateContent
|
|
|
|
anchors.fill: parent
|
|
|
|
RadioButton {
|
|
id: radioButton
|
|
|
|
implicitWidth: parent.width
|
|
implicitHeight: radioButtonContent.implicitHeight
|
|
|
|
hoverEnabled: true
|
|
|
|
indicator: Rectangle {
|
|
width: parent.width - 1
|
|
height: parent.height
|
|
color: radioButton.hovered ? AmneziaStyle.color.greyDark : AmneziaStyle.color.blackLight
|
|
border.color: radioButton.focus ? AmneziaStyle.color.white : AmneziaStyle.color.transparent
|
|
border.width: radioButton.focus ? 1 : 0
|
|
|
|
Behavior on color {
|
|
PropertyAnimation { duration: 200 }
|
|
}
|
|
Behavior on border.color {
|
|
PropertyAnimation { duration: 200 }
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
id: radioButtonContent
|
|
anchors.fill: parent
|
|
|
|
anchors.rightMargin: 16
|
|
anchors.leftMargin: 16
|
|
|
|
spacing: 0
|
|
|
|
z: 1
|
|
|
|
ParagraphTextType {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 20
|
|
Layout.bottomMargin: 20
|
|
|
|
text: languageName
|
|
}
|
|
|
|
Image {
|
|
source: "qrc:/images/controls/check.svg"
|
|
visible: radioButton.checked
|
|
|
|
width: 24
|
|
height: 24
|
|
|
|
Layout.rightMargin: 8
|
|
}
|
|
}
|
|
|
|
ButtonGroup.group: buttonGroup
|
|
checked: listView.currentIndex === index
|
|
|
|
onClicked: {
|
|
listView.currentIndex = index
|
|
LanguageModel.changeLanguage(languageIndex)
|
|
root.close()
|
|
}
|
|
}
|
|
}
|
|
|
|
Keys.onEnterPressed: radioButton.clicked()
|
|
Keys.onReturnPressed: radioButton.clicked()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|