258 lines
9.5 KiB
QML
258 lines
9.5 KiB
QML
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
*
|
|
* Copyright 2013 - 2020, nymea GmbH
|
|
* Contact: contact@nymea.io
|
|
*
|
|
* This file is part of nymea.
|
|
* This project including source code and documentation is protected by
|
|
* copyright law, and remains the property of nymea GmbH. All rights, including
|
|
* reproduction, publication, editing and translation, are reserved. The use of
|
|
* this project is subject to the terms of a license agreement to be concluded
|
|
* with nymea GmbH in accordance with the terms of use of nymea GmbH, available
|
|
* under https://nymea.io/license
|
|
*
|
|
* GNU General Public License Usage
|
|
* Alternatively, this project may be redistributed and/or modified under the
|
|
* terms of the GNU General Public License as published by the Free Software
|
|
* Foundation, GNU version 3. This project is distributed in the hope that it
|
|
* will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty
|
|
* of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
|
|
* Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along with
|
|
* this project. If not, see <https://www.gnu.org/licenses/>.
|
|
*
|
|
* For any further details and any questions please contact us under
|
|
* contact@nymea.io or see our FAQ/Licensing Information on
|
|
* https://nymea.io/license/faq
|
|
*
|
|
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
|
|
|
import QtQuick 2.5
|
|
import QtQuick.Controls 2.1
|
|
import QtQuick.Layouts 1.1
|
|
import Nymea 1.0
|
|
import "../components"
|
|
|
|
Page {
|
|
id: root
|
|
property Thing thing: null
|
|
readonly property ThingClass thingClass: thing.thingClass
|
|
|
|
property alias device: root.thing
|
|
property alias deviceClass: root.thingClass
|
|
|
|
property bool showLogsButton: true
|
|
property bool showDetailsButton: true
|
|
property bool showBrowserButton: true
|
|
property bool popStackOnBackButton: true
|
|
|
|
default property alias data: contentItem.data
|
|
|
|
signal backPressed()
|
|
|
|
header: NymeaHeader {
|
|
text: root.thing.name
|
|
onBackPressed: {
|
|
root.backPressed();
|
|
if (root.popStackOnBackButton) {
|
|
pageStack.pop()
|
|
}
|
|
}
|
|
|
|
HeaderButton {
|
|
imageSource: "../images/folder-symbolic.svg"
|
|
visible: root.thingClass.browsable && root.showBrowserButton
|
|
onClicked: {
|
|
pageStack.push(Qt.resolvedUrl("DeviceBrowserPage.qml"), {device: root.device})
|
|
}
|
|
}
|
|
|
|
HeaderButton {
|
|
imageSource: "../images/navigation-menu.svg"
|
|
onClicked: thingMenu.open();
|
|
}
|
|
}
|
|
|
|
TagsProxyModel {
|
|
id: favoritesProxy
|
|
tags: engine.tagsManager.tags
|
|
filterDeviceId: root.device.id
|
|
filterTagId: "favorites"
|
|
}
|
|
|
|
AutoSizeMenu {
|
|
id: thingMenu
|
|
x: parent.width - width
|
|
|
|
Component.onCompleted: {
|
|
thingMenu.addItem(menuEntryComponent.createObject(thingMenu, {text: qsTr("Magic"), iconSource: "../images/magic.svg", functionName: "openDeviceMagicPage"}))
|
|
|
|
if (root.showDetailsButton) {
|
|
thingMenu.addItem(menuEntryComponent.createObject(thingMenu, {text: qsTr("Details"), iconSource: "../images/info.svg", functionName: "openGenericDevicePage"}))
|
|
}
|
|
thingMenu.addItem(menuEntryComponent.createObject(thingMenu, {text: qsTr("Settings"), iconSource: "../images/configure.svg", functionName: "openThingSettingsPage"}))
|
|
if (root.showLogsButton) {
|
|
thingMenu.addItem(menuEntryComponent.createObject(thingMenu, {text: qsTr("Logs"), iconSource: "../images/logs.svg", functionName: "openDeviceLogPage"}))
|
|
}
|
|
|
|
if (engine.jsonRpcClient.ensureServerVersion("1.6")) {
|
|
thingMenu.addItem(menuEntryComponent.createObject(thingMenu,
|
|
{
|
|
text: Qt.binding(function() { return favoritesProxy.count === 0 ? qsTr("Mark as favorite") : qsTr("Remove from favorites")}),
|
|
iconSource: Qt.binding(function() { return favoritesProxy.count === 0 ? "../images/starred.svg" : "../images/non-starred.svg"}),
|
|
functionName: "toggleFavorite"
|
|
}))
|
|
|
|
thingMenu.addItem(menuEntryComponent.createObject(thingMenu,
|
|
{
|
|
text: qsTr("Grouping"),
|
|
iconSource: "../images/view-grid-symbolic.svg",
|
|
functionName: "addToGroup"
|
|
}))
|
|
}
|
|
|
|
print("*** creating menu")
|
|
print("NFC", NfcHelper.isAvailable)
|
|
if (NfcHelper.isAvailable) {
|
|
thingMenu.addItem(menuEntryComponent.createObject(thingMenu,
|
|
{
|
|
text: qsTr("Write NFC tag"),
|
|
iconSource: "../images/nfc.svg",
|
|
functionName: "writeNfcTag"
|
|
|
|
}));
|
|
}
|
|
}
|
|
|
|
function openDeviceMagicPage() {
|
|
pageStack.push(Qt.resolvedUrl("../magic/DeviceRulesPage.qml"), {device: root.device})
|
|
}
|
|
function openGenericDevicePage() {
|
|
pageStack.push(Qt.resolvedUrl("GenericDevicePage.qml"), {device: root.device})
|
|
}
|
|
function toggleFavorite() {
|
|
if (favoritesProxy.count === 0) {
|
|
engine.tagsManager.tagDevice(root.device.id, "favorites", 100000)
|
|
} else {
|
|
engine.tagsManager.untagDevice(root.device.id, "favorites")
|
|
}
|
|
}
|
|
function addToGroup() {
|
|
var dialog = addToGroupDialog.createObject(root)
|
|
dialog.open();
|
|
}
|
|
|
|
function openThingSettingsPage() {
|
|
pageStack.push(Qt.resolvedUrl("../thingconfiguration/ConfigureThingPage.qml"), {device: root.device})
|
|
}
|
|
|
|
function openDeviceLogPage() {
|
|
pageStack.push(Qt.resolvedUrl("DeviceLogPage.qml"), {device: root.device });
|
|
}
|
|
|
|
function writeNfcTag() {
|
|
pageStack.push(Qt.resolvedUrl("../magic/WriteNfcTagPage.qml"), {thing: root.thing})
|
|
}
|
|
|
|
Component {
|
|
id: menuEntryComponent
|
|
IconMenuItem {
|
|
width: parent.width
|
|
property string functionName: ""
|
|
onTriggered: thingMenu[functionName]()
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: engine.deviceManager.devices
|
|
onThingRemoved:{
|
|
if (device == root.device) {
|
|
print("Device destroyed")
|
|
pageStack.pop()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: addToGroupDialog
|
|
MeaDialog {
|
|
title: qsTr("Groups for %1").arg(root.device.name)
|
|
headerIcon: "../images/view-grid-symbolic.svg"
|
|
// NOTE: If CloseOnPressOutside is active (default) it will break the QtVirtualKeyboard
|
|
// https://bugreports.qt.io/browse/QTBUG-56918
|
|
closePolicy: Popup.CloseOnEscape
|
|
|
|
RowLayout {
|
|
Layout.leftMargin: app.margins
|
|
Layout.rightMargin: app.margins
|
|
spacing: app.margins
|
|
TextField {
|
|
id: newGroupdTextField
|
|
Layout.fillWidth: true
|
|
placeholderText: qsTr("New group")
|
|
}
|
|
Button {
|
|
text: qsTr("OK")
|
|
enabled: newGroupdTextField.displayText.length > 0 && !groupTags.containsId("group-" + newGroupdTextField.displayText)
|
|
onClicked: {
|
|
engine.tagsManager.tagDevice(root.device.id, "group-" + newGroupdTextField.text, 1000)
|
|
newGroupdTextField.text = ""
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
ListView {
|
|
Layout.fillWidth: true
|
|
height: 200
|
|
clip: true
|
|
ScrollIndicator.vertical: ScrollIndicator {}
|
|
|
|
model: TagListModel {
|
|
id: groupTags
|
|
tagsProxy: TagsProxyModel {
|
|
tags: engine.tagsManager.tags
|
|
filterTagId: "group-.*"
|
|
}
|
|
}
|
|
|
|
delegate: CheckDelegate {
|
|
width: parent.width
|
|
text: model.tagId.substring(6)
|
|
checked: innerProxy.count > 0
|
|
onClicked: {
|
|
if (innerProxy.count == 0) {
|
|
engine.tagsManager.tagDevice(root.device.id, model.tagId, 1000)
|
|
} else {
|
|
engine.tagsManager.untagDevice(root.device.id, model.tagId, model.value)
|
|
}
|
|
}
|
|
|
|
DevicesProxy {
|
|
id: innerProxy
|
|
engine: _engine
|
|
filterTagId: model.tagId
|
|
filterDeviceId: root.device.id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
ThingInfoPane {
|
|
id: infoPane
|
|
anchors { left: parent.left; top: parent.top; right: parent.right }
|
|
thing: root.thing
|
|
}
|
|
|
|
Item {
|
|
id: contentItem
|
|
anchors.fill: parent
|
|
anchors.topMargin: infoPane.height
|
|
clip: true
|
|
}
|
|
}
|