import QtQuick 2.9 import QtMultimedia 5.8 import QtQuick.Window 2.2 import QtQuick.Controls 2.2 import QtQuick.Layouts 1.3 import QtGraphicalEffects 1.0 import QtQuick.Controls.Styles 1.4 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{ 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.policy: ScrollBar.AlwaysOff 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: 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 } } } } }