428 lines
12 KiB
QML
428 lines
12 KiB
QML
import QtQuick 2.9
|
|
import QtMultimedia 5.8
|
|
import QtQuick.Window 2.2
|
|
import QtQuick.Controls 2.12
|
|
import QtQuick.Layouts 1.3
|
|
import QtGraphicalEffects 1.0
|
|
import QtQuick.Templates 2.12 as T
|
|
import "../components"
|
|
|
|
Column {
|
|
id: control
|
|
|
|
property string title: qsTr("base station")
|
|
|
|
property bool baseConnected: speedBackend.baseStationState === "connected"
|
|
property var parentObj
|
|
|
|
opacity: 0
|
|
|
|
function doFirmwareUpdate() {
|
|
doFirmwareUpdateTimer.start()
|
|
}
|
|
|
|
Timer {
|
|
id: doFirmwareUpdateTimer
|
|
|
|
interval: 10
|
|
repeat: false
|
|
running: false
|
|
|
|
onTriggered: {
|
|
busyDl.open()
|
|
var ret = speedBackend.updateBasestationFirmware()
|
|
busyDl.displayMessageAndClose(ret ? "OK":"error", ret ? "#6bd43b":"#e03b2f" )
|
|
}
|
|
}
|
|
|
|
ConnectionDelegate {
|
|
id: connectToBaseDel
|
|
text: status.status === "connected" ? qsTr("disconnect"): status.status === "disconnected" ? qsTr("connect"):qsTr("connecting...")
|
|
|
|
status: { "status": speedBackend.baseStationState, "progress": 100 }
|
|
connect: speedBackend.connectBaseStation
|
|
disconnect: speedBackend.disconnectBaseStation
|
|
type: "baseStation"
|
|
|
|
width: parent.width
|
|
height: parentObj.delegateHeight
|
|
}
|
|
|
|
Loader {
|
|
id: baseStationOptionsLd
|
|
|
|
property alias parentComp: control
|
|
property alias baseConnected: control.baseConnected
|
|
|
|
onBaseConnectedChanged: {
|
|
disappearAnim.start()
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
baseStationOptionsLd.sourceComponent = control.baseConnected ? baseStationConnectedOptionsComp : baseStationDisconnectedOptionsComp
|
|
item.opacity = 1
|
|
item.scale = 1
|
|
}
|
|
|
|
sourceComponent: null
|
|
|
|
ParallelAnimation {
|
|
id: disappearAnim
|
|
|
|
NumberAnimation {
|
|
property: "opacity"
|
|
to: 0
|
|
duration: 100
|
|
target: baseStationOptionsLd.item
|
|
}
|
|
|
|
NumberAnimation {
|
|
property: "scale"
|
|
to: 0.95
|
|
duration: 100
|
|
target: baseStationOptionsLd.item
|
|
}
|
|
|
|
onRunningChanged: {
|
|
if(!running) {
|
|
baseStationOptionsLd.sourceComponent = control.baseConnected ? baseStationConnectedOptionsComp : baseStationDisconnectedOptionsComp
|
|
appearAnim.start()
|
|
}
|
|
}
|
|
}
|
|
|
|
ParallelAnimation {
|
|
id: appearAnim
|
|
|
|
NumberAnimation {
|
|
property: "opacity"
|
|
from: 0
|
|
to: 1
|
|
duration: 100
|
|
target: baseStationOptionsLd.item
|
|
}
|
|
|
|
NumberAnimation {
|
|
property: "scale"
|
|
from: 0.95
|
|
to: 1
|
|
duration: 100
|
|
target: baseStationOptionsLd.item
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
Component {
|
|
id: baseStationDisconnectedOptionsComp
|
|
|
|
Column {
|
|
id: baseStationDisconnectedOptions
|
|
|
|
width: parentComp.width
|
|
|
|
opacity: 0 // opacity and scale are adjusted by baseStationOptionsLd
|
|
scale: 0.95
|
|
|
|
InputDelegate {
|
|
id: baseStationIpDel
|
|
|
|
text: qsTr("IP")
|
|
|
|
inputHint: "IP"
|
|
inputText: speedBackend.readSetting("baseStationIpAdress")
|
|
inputTextFieldWidth: width * 0.7
|
|
|
|
onInputTextChanged: {
|
|
speedBackend.writeSetting("baseStationIpAdress", inputText)
|
|
speedBackend.reloadBaseStationIpAdress()
|
|
}
|
|
|
|
width: parent.width
|
|
height: parentObj.delegateHeight
|
|
|
|
visible: height > 5
|
|
|
|
Behavior on height {
|
|
NumberAnimation {
|
|
duration: 400
|
|
easing.type: Easing.Linear
|
|
}
|
|
}
|
|
}
|
|
|
|
SmoothItemDelegate {
|
|
id: baseStationHelpDel
|
|
|
|
width: parent.width
|
|
height: parentObj.delegateHeight
|
|
|
|
text: qsTr("what is this for?")
|
|
|
|
onClicked: {
|
|
Qt.openUrlExternally("https://itsblue.de/index.php/speed-climbing?ref=ScStwApp")
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
Component {
|
|
id: baseStationConnectedOptionsComp
|
|
|
|
ScrollView{
|
|
id: flickable
|
|
contentHeight: baseStationConnectedOptions.childrenRect.height
|
|
contentWidth: -1
|
|
width: parentComp.width
|
|
height: control.height - baseStationOptionsLd.y
|
|
|
|
clip: true
|
|
|
|
opacity: 0 // opacity and scale are adjusted by baseStationOptionsLd
|
|
scale: 0.95
|
|
|
|
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
|
ScrollBar.vertical: ScrollBar {
|
|
parent: flickable.parent
|
|
anchors.top: flickable.top
|
|
anchors.left: flickable.right
|
|
anchors.bottom: flickable.bottom
|
|
policy: ScrollBar.AlwaysOn
|
|
interactive: false
|
|
}
|
|
|
|
Column {
|
|
id: baseStationConnectedOptions
|
|
|
|
width: parentComp.width
|
|
|
|
SmoothSliderDelegate {
|
|
id: baseStationVolumeDel
|
|
text: qsTr("volume")
|
|
|
|
width: parent.width
|
|
height: parentObj.delegateHeight
|
|
|
|
sliderValue: 0
|
|
|
|
onSliderFinished: {
|
|
enabled = false
|
|
speedBackend.writeSetting("soundVolume", sliderValue)
|
|
enabled = true
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
var val = speedBackend.readSetting("soundVolume")
|
|
if(val !== "false"){
|
|
sliderValue = parseFloat(val)
|
|
}
|
|
}
|
|
}
|
|
|
|
NextPageDelegate {
|
|
id: baseStationConnectionsDel
|
|
text: qsTr("connected extensions")
|
|
|
|
width: parent.width
|
|
height: parentObj.delegateHeight
|
|
|
|
visible: height > 5
|
|
|
|
onClicked: {
|
|
parentObj.push(baseStationConnections)
|
|
}
|
|
}
|
|
|
|
SmoothItemDelegate {
|
|
id: connectUsbExtensionsDel
|
|
|
|
width: parent.width
|
|
height: parentObj.delegateHeight
|
|
|
|
text: "pair extensions"
|
|
|
|
onClicked: {
|
|
busyDl.open()
|
|
var ret = speedBackend.pairConnectedUsbExtensions()
|
|
busyDl.displayMessageAndClose(ret ? "OK":"error", ret ? "#6bd43b":"#e03b2f" )
|
|
}
|
|
}
|
|
|
|
SmoothItemDelegate {
|
|
id: baseStationUpdateDel
|
|
|
|
// 0: hidden 1: update firmware 2: sync time
|
|
property int mode: speedBackend.baseStationProperties["firmware"]["upToDate"] ?
|
|
(Math.abs(parseInt(speedBackend.baseStationProperties["timeOffset"])) > 10000 ? 2:0)
|
|
:1
|
|
|
|
width: parent.width
|
|
height: mode > 0 ? parentObj.delegateHeight:0
|
|
|
|
visible: height > 5
|
|
|
|
text: mode === 2 ? qsTr("sync time"):qsTr("update firmware")
|
|
|
|
onClicked: {
|
|
if(mode === 1) {
|
|
control.doFirmwareUpdate()
|
|
}
|
|
else if(mode === 2){
|
|
busyDl.open()
|
|
var ret = speedBackend.updateBasestationTime()
|
|
busyDl.displayMessageAndClose(ret ? "OK":"error", ret ? "#6bd43b":"#e03b2f" )
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.left: parent.left
|
|
width: parent.width
|
|
height: 1
|
|
color: appTheme.style.lineColor
|
|
}
|
|
|
|
Item {
|
|
anchors.left: parent.left
|
|
width: parent.width
|
|
height: parentObj.delegateHeight * 0.5
|
|
|
|
|
|
Label {
|
|
|
|
anchors {
|
|
top: parent.top
|
|
left: parent.left
|
|
}
|
|
|
|
width: parent.width * 0.5
|
|
height: parent.height * 0.5
|
|
|
|
|
|
verticalAlignment: Text.AlignTop
|
|
horizontalAlignment: Text.AlignLeft
|
|
|
|
fontSizeMode: Text.Fit
|
|
font.pixelSize: height
|
|
|
|
minimumPixelSize: 1
|
|
|
|
color: appTheme.style.lineColor
|
|
text: "version: " + speedBackend.baseStationProperties["firmware"]["version"]
|
|
}
|
|
|
|
Label {
|
|
|
|
property var date: new Date(new Date().getTime() + parseInt(speedBackend.baseStationProperties["timeOffset"]))
|
|
|
|
anchors {
|
|
top: parent.top
|
|
right: parent.right
|
|
}
|
|
|
|
width: parent.width * 0.5
|
|
height: parent.height
|
|
|
|
verticalAlignment: Text.AlignTop
|
|
horizontalAlignment: Text.AlignRight
|
|
|
|
fontSizeMode: Text.Fit
|
|
|
|
minimumPixelSize: 1
|
|
font.pixelSize: height
|
|
|
|
color: appTheme.style.lineColor
|
|
text: date.toLocaleDateString() + "\n" + date.toLocaleTimeString()
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
Popup {
|
|
id: busyDl
|
|
|
|
property string message: ""
|
|
property color messageColor: "transparent"
|
|
|
|
x: Math.round((parent.width - width) / 2)
|
|
y: Math.round((parent.height - height) / 2)
|
|
|
|
width: app.width
|
|
height: app.height
|
|
|
|
modal: true
|
|
dim: true
|
|
|
|
closePolicy: Dialog.NoAutoClose
|
|
|
|
function displayMessageAndClose(message, messageColor) {
|
|
busyDl.message = message
|
|
busyDl.messageColor = messageColor
|
|
|
|
closeDelayTimer.start()
|
|
}
|
|
|
|
Timer {
|
|
id: closeDelayTimer
|
|
|
|
interval: 1000
|
|
repeat: false
|
|
running: false
|
|
|
|
onTriggered: {
|
|
busyDl.close()
|
|
busyDl.message = ""
|
|
busyDl.messageColor = "transparent"
|
|
}
|
|
}
|
|
|
|
background: Item {
|
|
FancyBusyIndicator {
|
|
anchors.centerIn: parent
|
|
opacity: busyDl.message === "" ? 1:0
|
|
|
|
lineColor: "white"
|
|
|
|
Behavior on opacity { NumberAnimation { duration: 150 } }
|
|
}
|
|
|
|
Label {
|
|
anchors.centerIn: parent
|
|
|
|
width: parent.width * 0.5
|
|
height: parent.height * 0.5
|
|
|
|
opacity: busyDl.message === "" ? 0:1
|
|
|
|
color: busyDl.messageColor
|
|
text: busyDl.message
|
|
|
|
fontSizeMode: Text.Fit
|
|
font.pixelSize: height
|
|
minimumPixelSize: 1
|
|
|
|
font.bold: true
|
|
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
|
|
Behavior on opacity { NumberAnimation { duration: 150 } }
|
|
}
|
|
}
|
|
|
|
T.Overlay.modal: Rectangle {
|
|
id: modalRect
|
|
color: "#80404040"
|
|
Behavior on opacity { NumberAnimation { duration: 150 } }
|
|
}
|
|
}
|
|
}
|
|
|