status-desktop/ui/app/AppLayouts/Profile/views/LanguageView.qml

141 lines
4.3 KiB
QML

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import utils 1.0
import shared.panels 1.0
import shared.popups 1.0
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Components 0.1
import "../popups"
import "../stores"
Item {
id: root
property LanguageStore languageStore
property int profileContentWidth
QtObject {
id: d
property int margins: 64
property int zOnTop: 100
function setViewIdleState() {
languagePicker.close()
}
}
z: d.zOnTop
Layout.fillHeight: true
Layout.fillWidth: true
clip: true
onVisibleChanged: { if(!visible) d.setViewIdleState()}
Component.onCompleted: { root.languageStore.initializeLanguageModel() }
Column {
z: d.zOnTop
width: 560 - (2 * Style.current.padding)
anchors.margins: d.margins
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.left: parent.left
spacing: 45
StatusBaseText {
id: title
text: qsTr("Language & Currency")
font.weight: Font.Bold
font.pixelSize: 22
color: Theme.palette.directColor1
anchors.bottomMargin: Style.current.padding
}
Item {
id: language
width: parent.width
height: 38
z: d.zOnTop
StatusBaseText {
text: qsTr("Language")
anchors.left: parent.left
font.pixelSize: 15
color: Theme.palette.directColor1
}
StatusListPicker {
id: languagePicker
property string newKey
Timer {
id: pause
interval: 100
onTriggered: {
// changeLocale function operation blocks a little bit the UI so getting around it with a small pause (timer) in order to get the desired visual behavior
root.languageStore.changeLocale(languagePicker.newKey)
}
}
z: d.zOnTop
width: 104
height: parent.height
anchors.right: parent.right
inputList: root.languageStore.languageModel
searchText: qsTr("Search Languages")
onItemPickerChanged: {
if(selected && localAppSettings.locale !== key) {
// TEMPORARY: It should be removed as it is only used in Linux OS but it must be investigated how to change language in execution time, as well, in Linux (will be addressed in another task)
if (Qt.platform.os === Constants.linux) {
linuxConfirmationDialog.active = true
linuxConfirmationDialog.item.newLocale = key
linuxConfirmationDialog.item.open()
}
else {
languagePicker.newKey = key
pause.start()
}
}
}
}
}
Separator {
anchors.left: parent.left
anchors.leftMargin: -Style.current.padding
anchors.right: parent.right
anchors.rightMargin: -Style.current.padding
}
}
// TEMPORARY: It should be removed as it is only used in Linux OS but it must be investigated how to change language in execution time, as well, in Linux (will be addressed in another task)
Loader {
id: linuxConfirmationDialog
active: false
sourceComponent: ConfirmationDialog {
property string newLocale
header.title: qsTr("Change language")
confirmationText: qsTr("Display language has been changed. You must restart the application for changes to take effect.")
confirmButtonLabel: qsTr("Close the app now")
onConfirmButtonClicked: {
root.languageStore.changeLocale(newLocale)
loader.active = false
Qt.quit()
}
}
}
// Outsite area
MouseArea {
anchors.fill: parent
onClicked: { d.setViewIdleState() }
}
}