145 lines
5.0 KiB
QML
145 lines
5.0 KiB
QML
import QtQuick 2.5
|
|
import QtQuick.Controls 2.1
|
|
import QtQuick.Layouts 1.1
|
|
import Guh 1.0
|
|
import "../components"
|
|
import "../actiondelegates"
|
|
|
|
Page {
|
|
id: root
|
|
property var device: null
|
|
readonly property var deviceClass: Engine.deviceManager.deviceClasses.getDeviceClass(device.deviceClassId)
|
|
|
|
|
|
header: GuhHeader {
|
|
text: device.name
|
|
onBackPressed: pageStack.pop()
|
|
|
|
HeaderButton {
|
|
imageSource: "../images/info.svg"
|
|
onClicked: pageStack.push(Qt.resolvedUrl("GenericDeviceStateDetailsPage.qml"), {device: root.device})
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
|
|
RowLayout {
|
|
id: powerRow
|
|
Layout.fillWidth: true
|
|
Layout.margins: app.margins
|
|
spacing: app.margins
|
|
|
|
property var powerStateType: root.deviceClass.stateTypes.findByName("power")
|
|
property var powerState: root.device.states.getState(powerStateType.id)
|
|
|
|
property var brightnessStateType: root.deviceClass.stateTypes.findByName("brightness")
|
|
property var brightnessState: root.device.states.getState(brightnessStateType.id)
|
|
|
|
AbstractButton {
|
|
width: app.iconSize * 2
|
|
height: width
|
|
ColorIcon {
|
|
anchors.fill: parent
|
|
name: "../images/torch-off.svg"
|
|
color: powerRow.powerState.value === true ? keyColor : app.guhAccent
|
|
}
|
|
onClicked: {
|
|
var actionType = root.deviceClass.actionTypes.findByName("power");
|
|
var params = []
|
|
var param = {}
|
|
param["paramTypeId"] = actionType.paramTypes.get(0).id;
|
|
param["value"] = false;
|
|
params.push(param)
|
|
Engine.deviceManager.executeAction(root.device.id, powerRow.powerStateType.id, params);
|
|
}
|
|
}
|
|
|
|
ThrottledSlider {
|
|
id: brightnessSlider
|
|
Layout.fillWidth: true
|
|
value: powerRow.brightnessState.value
|
|
onMoved: {
|
|
var actionType = root.deviceClass.actionTypes.findByName("brightness");
|
|
var params = []
|
|
var param = {}
|
|
param["paramTypeId"] = actionType.paramTypes.get(0).id;
|
|
param["value"] = value;
|
|
params.push(param)
|
|
Engine.deviceManager.executeAction(root.device.id, powerRow.brightnessStateType.id, params);
|
|
}
|
|
}
|
|
|
|
AbstractButton {
|
|
width: app.iconSize * 2
|
|
height: width
|
|
ColorIcon {
|
|
anchors.fill: parent
|
|
name: "../images/torch-on.svg"
|
|
color: powerRow.powerState.value === true ? app.guhAccent : keyColor
|
|
}
|
|
onClicked: {
|
|
var actionType = root.deviceClass.actionTypes.findByName("power");
|
|
var params = []
|
|
var param = {}
|
|
param["paramTypeId"] = actionType.paramTypes.get(0).id;
|
|
param["value"] = true;
|
|
params.push(param)
|
|
Engine.deviceManager.executeAction(root.device.id, powerRow.powerStateType.id, params);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
ColorPickerCt {
|
|
id: pickerCt
|
|
Layout.fillWidth: true
|
|
Layout.margins: app.margins
|
|
property var actionType: root.deviceClass.actionTypes.findByName("colorTemperature")
|
|
property var ctState: root.device.states.getState(actionType.id)
|
|
ct: ctState.value
|
|
|
|
height: 80
|
|
|
|
touchDelegate: Rectangle {
|
|
height: pickerCt.height
|
|
width: 5
|
|
color: "black"
|
|
}
|
|
|
|
property var lastSentTime: new Date()
|
|
onCtChanged: {
|
|
var currentTime = new Date();
|
|
if (pressed && currentTime - lastSentTime > 200) {
|
|
setColorTemp(ct)
|
|
lastSentTime = currentTime
|
|
}
|
|
}
|
|
|
|
function setColorTemp(ct) {
|
|
var actionType = root.deviceClass.actionTypes.findByName("colorTemperature");
|
|
var params = []
|
|
var param = {}
|
|
param["paramTypeId"] = actionType.paramTypes.get(0).id;
|
|
param["value"] = ct;
|
|
params.push(param)
|
|
Engine.deviceManager.executeAction(root.device.id, actionType.id, params);
|
|
}
|
|
|
|
}
|
|
|
|
ActionDelegateColor {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
actionType: root.deviceClass.actionTypes.findByName("color")
|
|
actionState: root.device.states.getState(actionType.id).value
|
|
|
|
onExecuteAction: {
|
|
Engine.deviceManager.executeAction(root.device.id, actionType.id, params)
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|