git.iko.soy/unity8
on xenial help sign in
Add bottom edge; some cleanup
144e568Michael Terry
qml/Greeter/Greeter.qml+1−1
compare with xenial
unifiedsplit
@@ -162,7 +162,7 @@ Showable {
162 }
162 }
163
163
164 function checkForcedUnlock() {
164 function checkForcedUnlock() {
165− if (forcedUnlock && shown) {
165+ if (forcedUnlock && shown && loader.item) {
166 // pretend we were just authenticated
166 // pretend we were just authenticated
167 loader.item.hide();
167 loader.item.hide();
168 loader.item.notifyAuthenticationSucceeded();
168 loader.item.notifyAuthenticationSucceeded();
qml/Launcher/Launcher.qml+2−3
@@ -26,7 +26,6 @@ Item {
26 property bool autohideEnabled: false
26 property bool autohideEnabled: false
27 property bool available: true // can be used to disable all interactions
27 property bool available: true // can be used to disable all interactions
28 property alias inverted: panel.inverted
28 property alias inverted: panel.inverted
29− property bool shadeBackground: true // can be used to disable background shade when launcher is visible
30
29
31 property int panelWidth: units.gu(8)
30 property int panelWidth: units.gu(8)
32 property int dragAreaWidth: units.gu(1)
31 property int dragAreaWidth: units.gu(1)
@@ -187,7 +186,7 @@ Item {
187 right: parent.right
186 right: parent.right
188 bottom: parent.bottom
187 bottom: parent.bottom
189 }
188 }
190− enabled: root.shadeBackground && root.state == "visible"
189+ enabled: root.state == "visible"
191 onPressed: {
190 onPressed: {
192 root.state = ""
191 root.state = ""
193 }
192 }
@@ -197,7 +196,7 @@ Item {
197 id: backgroundShade
196 id: backgroundShade
198 anchors.fill: parent
197 anchors.fill: parent
199 color: "black"
198 color: "black"
200− opacity: root.shadeBackground && root.state == "visible" ? 0.6 : 0
199+ opacity: root.state == "visible" ? 0.6 : 0
201
200
202 Behavior on opacity { NumberAnimation { duration: UbuntuAnimation.BriskDuration } }
201 Behavior on opacity { NumberAnimation { duration: UbuntuAnimation.BriskDuration } }
203 }
202 }
qml/Panel/IndicatorsMenu.qml−2
@@ -36,7 +36,6 @@ Showable {
36 readonly property bool partiallyOpened: unitProgress > 0 && unitProgress < 1.0
36 readonly property bool partiallyOpened: unitProgress > 0 && unitProgress < 1.0
37 readonly property bool fullyClosed: unitProgress == 0
37 readonly property bool fullyClosed: unitProgress == 0
38 property bool enableHint: true
38 property bool enableHint: true
39− property bool contentEnabled: true
40 property bool showOnClick: true
39 property bool showOnClick: true
41 property color panelColor: "black"
40 property color panelColor: "black"
42
41
@@ -85,7 +84,6 @@ Showable {
85 height: openedHeight - bar.height - handle.height
84 height: openedHeight - bar.height - handle.height
86 indicatorsModel: root.indicatorsModel
85 indicatorsModel: root.indicatorsModel
87 visible: root.unitProgress > 0
86 visible: root.unitProgress > 0
88− enabled: contentEnabled
89 currentMenuIndex: bar.currentItemIndex
87 currentMenuIndex: bar.currentItemIndex
90 }
88 }
91
89
qml/Shell.qml+5−31
@@ -221,7 +221,7 @@ Item {
221 onFocusedApplicationIdChanged: {
221 onFocusedApplicationIdChanged: {
222 var appId = ApplicationManager.focusedApplicationId;
222 var appId = ApplicationManager.focusedApplicationId;
223
223
224− if (tutorial.running && appId != "" && appId != "unity8-dash") {
224+ if (wizard.active && appId != "" && appId != "unity8-dash") {
225 // If this happens on first boot, we may be in edge
225 // If this happens on first boot, we may be in edge
226 // tutorial or wizard while receiving a call. But a call
226 // tutorial or wizard while receiving a call. But a call
227 // is more important than wizard so just bail out of those.
227 // is more important than wizard so just bail out of those.
@@ -406,7 +406,7 @@ Item {
406 hides: [launcher, panel.indicators]
406 hides: [launcher, panel.indicators]
407 tabletMode: shell.usageScenario != "phone"
407 tabletMode: shell.usageScenario != "phone"
408 launcherOffset: launcher.progress
408 launcherOffset: launcher.progress
409− forcedUnlock: tutorial.running
409+ forcedUnlock: wizard.active
410 background: shell.background
410 background: shell.background
411
411
412 // avoid overlapping with Launcher's edge drag area
412 // avoid overlapping with Launcher's edge drag area
@@ -419,12 +419,6 @@ Item {
419 launcher.hide();
419 launcher.hide();
420 }
420 }
421
421
422− onTease: {
423− if (!tutorial.running) {
424− launcher.tease();
425− }
426− }
427−
428 onEmergencyCall: startLockedApp("dialer-app")
422 onEmergencyCall: startLockedApp("dialer-app")
429 }
423 }
430 }
424 }
@@ -479,10 +473,6 @@ Item {
479 }
473 }
480
474
481 function showHome() {
475 function showHome() {
482− if (tutorial.running) {
483− return
484− }
485−
486 greeter.notifyAboutToFocusApp("unity8-dash");
476 greeter.notifyAboutToFocusApp("unity8-dash");
487
477
488 var animate = !lightDM.greeter.active && !stages.shown
478 var animate = !lightDM.greeter.active && !stages.shown
@@ -516,7 +506,6 @@ Item {
516 available: tutorial.panelEnabled
506 available: tutorial.panelEnabled
517 && ((!greeter || !greeter.locked) || AccountsService.enableIndicatorsWhileLocked)
507 && ((!greeter || !greeter.locked) || AccountsService.enableIndicatorsWhileLocked)
518 && (!greeter || !greeter.hasLockedApp)
508 && (!greeter || !greeter.hasLockedApp)
519− contentEnabled: tutorial.panelContentEnabled
520 width: parent.width > units.gu(60) ? units.gu(40) : parent.width
509 width: parent.width > units.gu(60) ? units.gu(40) : parent.width
521
510
522 minimizedPanelHeight: units.gu(3)
511 minimizedPanelHeight: units.gu(3)
@@ -556,7 +545,6 @@ Item {
556 && (!greeter.locked || AccountsService.enableLauncherWhileLocked)
545 && (!greeter.locked || AccountsService.enableLauncherWhileLocked)
557 && !greeter.hasLockedApp
546 && !greeter.hasLockedApp
558 inverted: shell.usageScenario !== "desktop"
547 inverted: shell.usageScenario !== "desktop"
559− shadeBackground: !tutorial.running
560
548
561 onShowDashHome: showHome()
549 onShowDashHome: showHome()
562 onDash: showDash()
550 onDash: showDash()
@@ -566,10 +554,8 @@ Item {
566 }
554 }
567 }
555 }
568 onLauncherApplicationSelected: {
556 onLauncherApplicationSelected: {
569− if (!tutorial.running) {
570− greeter.notifyAboutToFocusApp(appId);
557+ greeter.notifyAboutToFocusApp(appId);
571− shell.activateApplication(appId)
558+ shell.activateApplication(appId);
572− }
573 }
559 }
574 onShownChanged: {
560 onShownChanged: {
575 if (shown) {
561 if (shown) {
@@ -583,22 +569,10 @@ Item {
583 objectName: "tutorial"
569 objectName: "tutorial"
584 anchors.fill: parent
570 anchors.fill: parent
585
571
586− // EdgeDragAreas don't work with mice. So to avoid trapping the user,
572+ usageScenario: usageScenario
587− // we skip the tutorial on the Desktop to avoid using them. The
588− // Desktop doesn't use the same spread design anyway. The tutorial is
589− // all a bit of a placeholder on non-phone form factors right now.
590− // When the design team gives us more guidance, we can do something
591− // more clever here.
592− active: usageScenario != "desktop" && AccountsService.demoEdges
593−
594 launcher: launcher
573 launcher: launcher
595 panel: panel
574 panel: panel
596 stage: applicationsDisplayLoader.item
575 stage: applicationsDisplayLoader.item
597−
598− onFinished: {
599− AccountsService.demoEdges = false;
600− active = false; // for immediate response / if AS is having problems
601− }
602 }
576 }
603
577
604 Wizard {
578 Wizard {
qml/Stages/ApplicationWindow.qml−2
@@ -44,7 +44,6 @@ FocusScope {
44 readonly property color splashColor: root.application ? root.application.splashColor : "#00000000"
44 readonly property color splashColor: root.application ? root.application.splashColor : "#00000000"
45 readonly property color splashColorHeader: root.application ? root.application.splashColorHeader : "#00000000"
45 readonly property color splashColorHeader: root.application ? root.application.splashColorHeader : "#00000000"
46 readonly property color splashColorFooter: root.application ? root.application.splashColorFooter : "#00000000"
46 readonly property color splashColorFooter: root.application ? root.application.splashColorFooter : "#00000000"
47− readonly property url defaultScreenshot: (root.application && root.application.defaultScreenshot !== undefined) ? root.application.defaultScreenshot : ""
48
47
49 // Whether the Application had a surface before but lost it.
48 // Whether the Application had a surface before but lost it.
50 property bool hadSurface: sessionContainer.surfaceContainer.hadSurface
49 property bool hadSurface: sessionContainer.surfaceContainer.hadSurface
@@ -90,7 +89,6 @@ FocusScope {
90 Image {
89 Image {
91 id: screenshotImage
90 id: screenshotImage
92 objectName: "screenshotImage"
91 objectName: "screenshotImage"
93− source: d.defaultScreenshot
94 anchors.fill: parent
92 anchors.fill: parent
95 antialiasing: !root.interactive
93 antialiasing: !root.interactive
96
94
qml/Stages/PhoneStage.qml+1−4
@@ -105,9 +105,6 @@ Rectangle {
105
105
106 readonly property alias dragging: spreadDragArea.dragging
106 readonly property alias dragging: spreadDragArea.dragging
107
107
108− // Only used by the tutorial right now, when it is teasing the right edge
109− property real dragAreaOverlap
110−
111 signal opened()
108 signal opened()
112
109
113 color: "#111111"
110 color: "#111111"
@@ -586,7 +583,7 @@ Rectangle {
586 direction: Direction.Leftwards
583 direction: Direction.Leftwards
587 enabled: (spreadView.phase != 2 && root.spreadEnabled) || dragging
584 enabled: (spreadView.phase != 2 && root.spreadEnabled) || dragging
588
585
589− anchors { top: parent.top; right: parent.right; bottom: parent.bottom; rightMargin: -root.dragAreaOverlap }
586+ anchors { top: parent.top; right: parent.right; bottom: parent.bottom; }
590 width: root.dragAreaWidth
587 width: root.dragAreaWidth
591
588
592 property var gesturePoints: new Array()
589 property var gesturePoints: new Array()
qml/Tutorial/Tutorial.qml+20−3
@@ -16,6 +16,12 @@
16
16
17import QtQuick 2.4
17import QtQuick 2.4
18import Ubuntu.Components 1.3
18import Ubuntu.Components 1.3
19+import AccountsService 0.1
20+
21+/**
22+ * This object is always present, so it should be lean and mean. It will
23+ * use a Loader to create the heavier tutorial pages if needed.
24+ */
19
25
20Item {
26Item {
21 id: root
27 id: root
@@ -25,11 +31,11 @@ Item {
25 property Item launcher
31 property Item launcher
26 property Item panel
32 property Item panel
27 property Item stage
33 property Item stage
34+ property string usageScenario
28
35
29 readonly property bool launcherEnabled: loader.item ? loader.item.launcherEnabled : true
36 readonly property bool launcherEnabled: loader.item ? loader.item.launcherEnabled : true
30 readonly property bool spreadEnabled: loader.item ? loader.item.spreadEnabled : true
37 readonly property bool spreadEnabled: loader.item ? loader.item.spreadEnabled : true
31 readonly property bool panelEnabled: loader.item ? loader.item.panelEnabled : true
38 readonly property bool panelEnabled: loader.item ? loader.item.panelEnabled : true
32− readonly property bool panelContentEnabled: loader.item ? loader.item.panelContentEnabled : true
33 readonly property bool running: loader.item ? loader.item.running : false
39 readonly property bool running: loader.item ? loader.item.running : false
34
40
35 function finish() {
41 function finish() {
@@ -38,13 +44,24 @@ Item {
38 }
44 }
39 }
45 }
40
46
41− signal finished()
47+ Connections {
48+ target: panel.indicators
49+ onFullyOpenedChanged: AccountsService.markDemoEdgeCompleted("top")
50+ }
42
51
43 Loader {
52 Loader {
44 id: loader
53 id: loader
45 anchors.fill: parent
54 anchors.fill: parent
46 source: "TutorialContent.qml"
55 source: "TutorialContent.qml"
47
56
57+ // EdgeDragAreas don't work with mice. So to avoid trapping the user,
58+ // we skip the tutorial on the Desktop to avoid using them. The
59+ // Desktop doesn't use the same spread design anyway. The tutorial is
60+ // all a bit of a placeholder on non-phone form factors right now.
61+ // When the design team gives us more guidance, we can do something
62+ // more clever here.
63+ active: usageScenario != "desktop" && AccountsService.demoEdges
64+
48 Binding {
65 Binding {
49 target: loader.item
66 target: loader.item
50 property: "launcher"
67 property: "launcher"
@@ -65,7 +82,7 @@ Item {
65
82
66 Connections {
83 Connections {
67 target: loader.item
84 target: loader.item
68− onFinished: root.finished()
85+ onFinished: AccountsService.demoEdges = false
69 }
86 }
70 }
87 }
71}
88}
qml/Tutorial/TutorialBottom.qmlnew file+46
@@ -0,0 +1,46 @@
1+/*
2+ * Copyright (C) 2015 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+ */
16+
17+import QtQuick 2.4
18+import Ubuntu.Components 1.3
19+import "." as LocalComponents
20+
21+TutorialPage {
22+ id: root
23+
24+ background {
25+ sourceSize.height: 1080
26+ sourceSize.width: 1916
27+ source: Qt.resolvedUrl("graphics/background2.png")
28+ rotation: 180
29+ }
30+
31+ arrow {
32+ anchors.bottom: root.bottom
33+ anchors.bottomMargin: units.gu(4)
34+ anchors.horizontalCenter: root.horizontalCenter
35+ rotation: -90
36+ }
37+
38+ label {
39+ text: i18n.tr("Swipe from the bottom edge")
40+ anchors.bottom: arrow.top
41+ anchors.bottomMargin: units.gu(3)
42+ anchors.horizontalCenter: root.horizontalCenter
43+ anchors.horizontalCenterOffset: (label.width - label.contentWidth) / 2
44+ width: root.width - units.gu(8)
45+ }
46+}
qml/Tutorial/TutorialContent.qml+28−2
@@ -28,7 +28,6 @@ Item {
28 readonly property bool launcherEnabled: !running || tutorialLeft.shown
28 readonly property bool launcherEnabled: !running || tutorialLeft.shown
29 readonly property bool spreadEnabled: !running || tutorialRight.shown
29 readonly property bool spreadEnabled: !running || tutorialRight.shown
30 readonly property bool panelEnabled: !running || tutorialTop.shown
30 readonly property bool panelEnabled: !running || tutorialTop.shown
31− readonly property bool panelContentEnabled: !running
32 readonly property alias running: d.running
31 readonly property alias running: d.running
33
32
34 signal finished()
33 signal finished()
@@ -42,7 +41,7 @@ Item {
42 QtObject {
41 QtObject {
43 id: d
42 id: d
44
43
45− property bool running: tutorialLeft.shown || tutorialTop.shown || tutorialRight.shown
44+ property bool running: tutorialLeft.shown || tutorialTop.shown || tutorialRight.shown || tutorialBottom.shown
46 }
45 }
47
46
48 TutorialLeft {
47 TutorialLeft {
@@ -116,6 +115,33 @@ Item {
116
115
117 onFinished: {
116 onFinished: {
118 AccountsService.markDemoEdgeCompleted("right");
117 AccountsService.markDemoEdgeCompleted("right");
118+ }
119+ }
120+
121+ TutorialBottom {
122+ id: tutorialBottom
123+ objectName: "tutorialBottom"
124+ anchors.fill: parent
125+ hides: [launcher, panel.indicators]
126+
127+ Connections {
128+ target: AccountsService
129+ onDemoEdgesCompletedChanged: {
130+ if (AccountsService.demoEdgesCompleted.indexOf("right") != -1 &&
131+ AccountsService.demoEdgesCompleted.indexOf("bottom") == -1) {
132+ tutorialBottomTimer.start();
133+ }
134+ }
135+ }
136+
137+ Timer {
138+ id: tutorialBottomTimer
139+ interval: 1
140+ onTriggered: tutorialBottom.show()
141+ }
142+
143+ onFinished: {
144+ AccountsService.markDemoEdgeCompleted("bottom");
119 root.finish();
145 root.finish();
120 }
146 }
121 }
147 }