git.iko.soy/unity8
on fcbcf9a help sign in
unity8/qml/Notifications/Notification.qml
447 lines 15 kB history raw
1/*
2 * Copyright (C) 2013 Canonical, Ltd.
3 *
4 * This program is free software; you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation; version 3.
7 *
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
12 *
13 * You should have received a copy of the GNU General Public License
14 * along with this program. If not, see <http://www.gnu.org/licenses/>.
15 */
17import QtQuick 2.0
18import QtMultimedia 5.0
19import Ubuntu.Components 1.1
20import Unity.Notifications 1.0
21import QMenuModel 0.1
22import Utils 0.1
24import Ubuntu.Components.ListItems 0.1 as ListItem
26Item {
27 id: notification
29 property alias iconSource: icon.fileSource
30 property alias secondaryIconSource: secondaryIcon.source
31 property alias summary: summaryLabel.text
32 property alias body: bodyLabel.text
33 property var actions
34 property var notificationId
35 property var type
36 property var hints
37 property var notification
38 property color color
39 property bool fullscreen: false
40 property int maxHeight
41 property int margins
42 property Gradient greenGradient : Gradient {
43 GradientStop { position: 0.0; color: "#3fb24f" }
44 GradientStop { position: 1.0; color: "#3fb24f" }
45 }
46 property Gradient darkgreyGradient: Gradient {
47 GradientStop { position: 0.0; color: "#4d4745" }
48 GradientStop { position: 1.0; color: "#4d4745" }
49 }
51 objectName: "background"
52 implicitHeight: type !== Notification.PlaceHolder ? (fullscreen ? maxHeight : contentColumn.height + contentColumn.spacing * 2) : 0
54 color: Qt.rgba(0.132, 0.117, 0.109, 0.97)
55 opacity: 0
57 state: {
58 var result = "";
60 if (type == Notification.SnapDecision) {
61 if (ListView.view.currentIndex == index) {
62 result = "expanded";
63 } else {
64 if (ListView.view.count > 2) {
65 if (ListView.view.currentIndex == -1 && index == 1) {
66 result = "expanded";
67 } else {
68 result = "contracted";
69 }
70 } else {
71 result = "expanded";
72 }
73 }
74 }
76 return result;
77 }
79 Audio {
80 id: sound
81 objectName: "sound"
82 source: hints["suppress-sound"] != "true" && hints["sound-file"] != undefined ? hints["sound-file"] : ""
83 }
85 onOpacityChanged: {
86 if (opacity == 1.0 && hints["suppress-sound"] != "true" && sound.source) {
87 sound.play();
88 }
89 }
91 Behavior on height {
92 id: normalHeightBehavior
94 //enabled: menuItemFactory.progress == 1
95 enabled: true
96 SequentialAnimation {
97 PauseAnimation {
98 duration: UbuntuAnimation.SnapDuration
99 }
100 UbuntuNumberAnimation {
101 duration: UbuntuAnimation.SnapDuration
102 }
103 }
104 }
106 states:[
107 State {
108 name: "contracted"
109 PropertyChanges {target: notification; height: units.gu(8)}
110 },
111 State {
112 name: "expanded"
113 PropertyChanges {target: notification; height: implicitHeight}
114 }
115 ]
117 clip: fullscreen ? false : true
119 visible: type != Notification.PlaceHolder
121 UbuntuShape {
122 id: shapedBack
124 visible: !fullscreen
125 anchors {
126 fill: parent
127 leftMargin: notification.margins
128 rightMargin: notification.margins
129 }
130 color: parent.color
131 opacity: parent.opacity
132 radius: "medium"
133 }
135 Rectangle {
136 id: nonShapedBack
138 visible: fullscreen
139 anchors.fill: parent
140 color: parent.color
141 opacity: parent.opacity
142 }
144 Item {
145 id: contents
146 anchors.fill: fullscreen ? nonShapedBack : shapedBack
148 UnityMenuModelPaths {
149 id: paths
151 source: hints["x-canonical-private-menu-model"]
153 busNameHint: "busName"
154 actionsHint: "actions"
155 menuObjectPathHint: "menuPath"
156 }
158 UnityMenuModel {
159 id: unityMenuModel
161 property string lastNameOwner: ""
163 busName: paths.busName
164 actions: paths.actions
165 menuObjectPath: paths.menuObjectPath
166 onNameOwnerChanged: {
167 if (lastNameOwner != "" && nameOwner == "" && notification.notification != undefined) {
168 notification.notification.close()
169 }
170 lastNameOwner = nameOwner
171 }
172 }
174 Behavior on implicitHeight {
175 id: heightBehavior
177 enabled: false
178 UbuntuNumberAnimation {
179 duration: UbuntuAnimation.SnapDuration
180 }
181 }
183 // delay enabling height behavior until the add transition is complete
184 onOpacityChanged: if (opacity == 1) heightBehavior.enabled = true
186 MouseArea {
187 id: interactiveArea
189 anchors.fill: parent
190 objectName: "interactiveArea"
191 onClicked: {
192 if (notification.type == Notification.Interactive) {
193 notification.notification.invokeAction(actionRepeater.itemAt(0).actionId)
194 } else {
195 notificationList.currentIndex = index;
196 }
197 }
198 }
200 Column {
201 id: contentColumn
202 objectName: "contentColumn"
204 anchors {
205 left: parent.left
206 right: parent.right
207 top: parent.top
208 margins: fullscreen ? 0 : spacing
209 }
211 spacing: units.gu(1)
213 Row {
214 id: topRow
216 spacing: contentColumn.spacing
217 anchors {
218 left: parent.left
219 right: parent.right
220 }
222 ShapedIcon {
223 id: icon
225 objectName: "icon"
226 width: units.gu(6)
227 height: units.gu(6)
228 shaped: notification.hints["x-canonical-non-shaped-icon"] == "true" ? false : true
229 visible: iconSource !== undefined && iconSource != ""
230 }
232 Image {
233 id: secondaryIcon
235 objectName: "secondaryIcon"
236 width: units.gu(2)
237 height: units.gu(2)
238 visible: source !== undefined && source != ""
239 fillMode: Image.PreserveAspectCrop
240 }
242 Column {
243 id: labelColumn
244 width: parent.width - x
246 anchors.verticalCenter: (icon.visible && !bodyLabel.visible) ? icon.verticalCenter : undefined
248 Label {
249 id: summaryLabel
251 objectName: "summaryLabel"
252 anchors {
253 left: parent.left
254 right: parent.right
255 }
256 fontSize: "medium"
257 font.bold: true
258 color: Theme.palette.selected.backgroundText
259 elide: Text.ElideRight
260 }
262 Label {
263 id: bodyLabel
265 objectName: "bodyLabel"
266 anchors {
267 left: parent.left
268 right: parent.right
269 }
270 visible: body != ""
271 fontSize: "small"
272 color: Theme.palette.selected.backgroundText
273 opacity: 0.6
274 wrapMode: Text.WordWrap
275 maximumLineCount: 10
276 elide: Text.ElideRight
277 }
278 }
279 }
281 Column {
282 id: dialogColumn
283 objectName: "dialogListView"
284 spacing: units.gu(2)
286 visible: count > 0
288 anchors {
289 left: parent.left
290 right: parent.right
291 top: fullscreen ? parent.top : undefined
292 bottom: fullscreen ? parent.bottom : undefined
293 }
295 Repeater {
296 model: unityMenuModel
298 NotificationMenuItemFactory {
299 id: menuItemFactory
301 anchors {
302 left: dialogColumn.left
303 right: dialogColumn.right
304 }
306 menuModel: unityMenuModel
307 menuData: model
308 menuIndex: index
309 maxHeight: notification.maxHeight
311 onLoaded: {
312 notification.fullscreen = Qt.binding(function() { return fullscreen; });
313 }
314 onAccepted: {
315 notification.notification.invokeAction(actionRepeater.itemAt(0).actionId)
316 }
317 }
318 }
319 }
321 Row {
322 id: buttonRow
324 objectName: "buttonRow"
325 anchors {
326 left: parent.left
327 right: parent.right
328 }
329 visible: notification.type == Notification.SnapDecision && actionRepeater.count > 0
330 spacing: units.gu(1)
331 layoutDirection: Qt.RightToLeft
333 Repeater {
334 id: actionRepeater
336 model: notification.actions
337 delegate: Loader {
338 id: loader
340 property string actionId: id
341 property string actionLabel: label
343 Component {
344 id: actionButton
346 Button {
347 objectName: "button" + index
348 width: buttonRow.width / 2 - spacing
349 text: loader.actionLabel
350 gradient: notification.hints["x-canonical-private-button-tint"] == "true" && index == 0 ? greenGradient : darkgreyGradient
351 onClicked: notification.notification.invokeAction(loader.actionId)
352 }
353 }
354 sourceComponent: (index == 0 || index == 1) ? actionButton : undefined
355 }
356 }
357 }
359 ComboButton {
360 id: comboButton
362 objectName: "button2"
363 width: parent.width
364 visible: notification.type == Notification.SnapDecision && actionRepeater.count > 3
365 gradient: darkgreyGradient
366 onClicked: notification.notification.invokeAction(comboRepeater.itemAt(2).actionId)
367 expanded: false
368 expandedHeight: (comboRepeater.count - 2) * units.gu(4) + units.gu(.5)
369 comboList: Flickable {
370 // this has to be wrapped inside a flickable
371 // to work around a feature/bug? of the
372 // ComboButton SDK-element, making a regular
373 // unwrapped Column item flickable
374 // see LP: #1332590
375 interactive: false
376 Column {
377 Repeater {
378 id: comboRepeater
380 onVisibleChanged: {
381 comboButton.text = comboRepeater.itemAt(2).actionLabel
382 }
384 model: notification.actions
385 delegate: Loader {
386 id: comboLoader
388 asynchronous: true
389 visible: status == Loader.Ready
390 property string actionId: id
391 property string actionLabel: label
392 readonly property var splitLabel: actionLabel.match(/(^([-a-z0-9]+):)?(.*)$/)
393 Component {
394 id: comboEntry
396 MouseArea {
397 id: comboInputArea
399 objectName: "button" + index
400 width: comboButton.width
401 height: comboIcon.height + units.gu(2)
403 onClicked: {
404 notification.notification.invokeAction(actionId)
405 }
407 ListItem.ThinDivider {
408 visible: index > 3
409 }
411 Icon {
412 id: comboIcon
414 anchors {
415 left: parent.left
416 leftMargin: units.gu(.5)
417 verticalCenter: parent.verticalCenter
418 }
419 width: units.gu(2)
420 height: units.gu(2)
421 color: "white"
422 name: splitLabel[2]
423 }
425 Label {
426 id: comboLabel
428 anchors {
429 left: comboIcon.right
430 leftMargin: units.gu(1)
431 verticalCenter: comboIcon.verticalCenter
432 }
433 fontSize: "small"
434 color: "white"
435 text: splitLabel[3]
436 }
437 }
438 }
439 sourceComponent: (index > 2) ? comboEntry : undefined
440 }
441 }
442 }
443 }
444 }
445 }
446 }