aboutsummaryrefslogtreecommitdiff
path: root/examples/render-menumodel.qml
blob: 3c4309c6ca62c40b096af36b054560feacd0a758 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
/*
 * Copyright 2012 Canonical Ltd.
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation; version 3.
 *
 * This program 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 Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 * Authors:
 *      Olivier Tilloy <olivier.tilloy@canonical.com>
 */

// This example QML application renders a menu model exposed on the session bus
// under the well-known name org.ayatana.testmenu and at the object path
// /org/ayatana/testmenu.

import QtQuick 2.0
import QMenuModel 1.0

Item {
    id: container
    width: 300
    height: 300

    QDBusMenuModel {
        id: menuModel
        busType: DBus.SessionBus
        busName: "org.ayatana.testmenu"
        objectPath: "/org/ayatana/testmenu"
        onStatusChanged: {
            if (status == DBus.Connecting) {
                view.reset()
            }
        }
    }

    ListView {
        id: view
        property variant __back: []
        anchors.left: parent.left
        anchors.right:parent.right
        anchors.top: parent.top
        anchors.bottom: backbutton.top
        anchors.margins: 10
        spacing: 3
        model: menuModel
        delegate: Rectangle {
            width: parent.width
            height: 30
            radius: 3
            color: {
                if (linkSubMenu == null) return "lightgrey"
                if (delegatearea.containsMouse) return "steelblue"
                return "lightsteelblue"
            }
            Text {
                anchors.fill: parent
                anchors.margins: 5
                verticalAlignment: Text.AlignVCenter
                color: (linkSubMenu == null) ? "grey" : "black"
                text: {
                    if (linkSubMenu == null) return "%1 (%2)".arg(label).arg(action)
                    else return "submenu"
                }
            }
            MouseArea {
                id: delegatearea
                anchors.fill: parent
                hoverEnabled: true
                onClicked: {
                    if (linkSubMenu == null) return
                    var newback = view.__back
                    newback.push(view.model)
                    view.__back = newback
                    view.model = linkSubMenu
                }
                onEntered: {
                    var text = ""
                    for (var prop in extra) {
                        text += "%1 = %2\n".arg(prop).arg(extra[prop].toString())
                    }
                    if (text != "") {
                        tooltip.text = text
                        tooltip.visible = true
                    }
                }
                onExited: {
                    tooltip.visible = false
                }
                onPositionChanged: {
                    var pos = container.mapFromItem(delegatearea, mouse.x, mouse.y)
                    tooltip.x = pos.x + 10
                    tooltip.y = pos.y + 10
                }
            }
        }
        function goback() {
            var newback = view.__back
            model = newback[newback.length - 1]
            newback.pop()
            view.__back = newback
        }
        function reset() {
            while (view.__back.length > 0) {
                goback()
            }
        }
    }

    Rectangle {
        id: backbutton
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        anchors.margins: 5
        radius: 4
        height: 50
        color: (mousearea.enabled && mousearea.containsMouse) ? "steelblue" : "lightsteelblue"
        Text {
            anchors.fill: parent
            horizontalAlignment: Text.AlignHCenter
            verticalAlignment: Text.AlignVCenter
            text: "back"
            color: mousearea.enabled ? "black" : "grey"
        }
        MouseArea {
            id: mousearea
            anchors.fill: parent
            enabled: view.__back.length > 0
            hoverEnabled: true
            onClicked: {
                view.goback()
            }
        }
    }

    Rectangle {
        id: tooltip
        property alias text: t.text
        visible: false
        width: t.width + 10
        height: t.height + 10
        radius: 4
        color: "lightyellow"
        Text {
            id: t
            height: paintedHeight
            width: paintedWidth
            x: 5
            y: 5
            anchors.margins: 4
            font.pixelSize: 11
        }
    }

    Component.onCompleted: menuModel.start()
}