powersync-app/nymea-app/ui/components/ThingContextMenu.qml

// SPDX-License-Identifier: GPL-3.0-or-later

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* Copyright (C) 2013 - 2024, nymea GmbH
* Copyright (C) 2024 - 2025, chargebyte austria GmbH
*
* This file is part of nymea-app.
*
* nymea-app is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* nymea-app 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 nymea-app. If not, see <https://www.gnu.org/licenses/>.
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Nymea

AutoSizeMenu {
    id: root

    property Thing thing: null

    property bool showDetails: true

    property bool menuItemsInitialized: false

    function ensureMenuItems() {
        if (menuItemsInitialized) {
            return;
        }
        if (Configuration.magicEnabled) {
            root.addItem(menuEntryComponent.createObject(root, {text: qsTr("Magic"), iconSource: "qrc:/icons/magic.svg", functionName: "openThingMagicPage"}))
        }

        if (root.showDetails) {
            root.addItem(menuEntryComponent.createObject(root, {text: qsTr("Details"), iconSource: "qrc:/icons/info.svg", functionName: "openGenericThingPage"}))
        }
//            root.addItem(menuEntryComponent.createObject(root, {text: qsTr("Settings"), iconSource: "qrc:/icons/configure.svg", functionName: "openThingSettingsPage"}))

        root.addItem(menuEntryComponent.createObject(root,
            {
                text: Qt.binding(function() { return favoritesProxy.count === 0 ? qsTr("Mark as favorite") : qsTr("Remove from favorites")}),
                iconSource: Qt.binding(function() { return favoritesProxy.count === 0 ? "qrc:/icons/starred.svg" : "qrc:/icons/non-starred.svg"}),
                functionName: "toggleFavorite"
            }))

        root.addItem(menuEntryComponent.createObject(root,
            {
                text: qsTr("Grouping"),
                iconSource: "qrc:/icons/groups.svg",
                functionName: "addToGroup"
            }))

        if (NfcHelper.isAvailable) {
            root.addItem(menuEntryComponent.createObject(root,
                {
                    text: qsTr("Write NFC tag"),
                    iconSource: "qrc:/icons/nfc.svg",
                    functionName: "writeNfcTag"

                }));
        }
        menuItemsInitialized = true
    }

    onAboutToShow: {
        ensureMenuItems();
        calculateWidth();
    }

    function openThingMagicPage() {
        pageStack.push(Qt.resolvedUrl("../magic/ThingRulesPage.qml"), {thing: root.thing})
    }
    function openGenericThingPage() {
        pageStack.push(Qt.resolvedUrl("../devicepages/GenericThingPage.qml"), {thing: root.thing})
    }
    function toggleFavorite() {
        if (favoritesProxy.count === 0) {
            engine.tagsManager.tagThing(root.thing.id, "favorites", 100000)
        } else {
            engine.tagsManager.untagThing(root.thing.id, "favorites")
        }
    }
    function addToGroup() {
        var dialog = addToGroupDialog.createObject(root.parent)
        dialog.open();
    }

    function openThingSettingsPage() {
        pageStack.push(Qt.resolvedUrl("../thingconfiguration/ConfigureThingPage.qml"), {thing: root.thing})
    }

    function openThingLogPage() {
        if (engine.jsonRpcClient.ensureServerVersion("8.0")) {
            pageStack.push(Qt.resolvedUrl("../devicepages/ThingLogPage.qml"), {thing: root.thing });
        } else {
            pageStack.push(Qt.resolvedUrl("../devicepages/DeviceLogPage.qml"), {thing: root.thing });
        }
    }

    function writeNfcTag() {
        pageStack.push(Qt.resolvedUrl("../magic/WriteNfcTagPage.qml"), {thing: root.thing})
    }

    TagsProxyModel {
        id: favoritesProxy
        tags: engine.tagsManager.tags
        filterThingId: root.thing.id
        filterTagId: "favorites"
    }

    Component {
        id: menuEntryComponent
        IconMenuItem {
            width: parent.width
            property string functionName: ""
            onTriggered: root[functionName]()
        }
    }

    Component {
        id: addToGroupDialog
        NymeaDialog {
            title: qsTr("Groups for %1").arg(root.thing.name)
            headerIcon: "qrc:/icons/groups.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.tagThing(root.thing.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.tagThing(root.thing.id, model.tagId, 1000)
                        } else {
                            engine.tagsManager.untagThing(root.thing.id, model.tagId, model.value)
                        }
                    }
                    ThingsProxy {
                        id: innerProxy
                        engine: _engine
                        filterTagId: model.tagId
                        filterThingId: root.thing.id
                    }
                }
            }
        }
    }
}