Lomiri
Loading...
Searching...
No Matches
WorkspacePreview.qml
1/*
2 * Copyright (C) 2017 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
17import QtQuick 2.15
18import Lomiri.Components 1.3
19import QtMir.Application 0.1
20import WindowManager 1.0
21import Utils 0.1
22import ".."
23import "../../Components"
24
25Item {
26 id: previewSpace
27 clip: true
28
29 property var workspace
30
31 property QtObject screen
32 property string background
33 property real screenHeight
34 property real launcherWidth
35
36 property real previewScale: previewSpace.height / previewSpace.screenHeight
37
38 property bool containsDragLeft: false
39 property bool containsDragRight: false
40 property bool isActive: false
41 property bool isSelected: false
42
43 Image {
44 source: previewSpace.background
45 anchors.fill: parent
46 sourceSize.width: width
47 sourceSize.height: height
48 fillMode: Image.PreserveAspectCrop
49 autoTransform: true
50 asynchronous: true
51
52 Repeater {
53 id: topLevelSurfaceRepeater
54 model: visible ? workspace.windowModel : null
55 delegate: Item {
56 id: delegateItem
57
58 readonly property bool isMaximized : model.window.state === Mir.MaximizedState
59 readonly property bool isFullscreen : model.window.state === Mir.FullscreenState
60 readonly property bool isAnyMaximized : isMaximized || isMaximizedVertically || isMaximizedHorizontally
61 || isMaximizedLeft || isMaximizedRight || isMaximizedTopLeft
62 || isMaximizedTopRight || isMaximizedBottomLeft || isMaximizedBottomRight
63 readonly property bool isMaximizedVertically : model.window.state === Mir.VertMaximizedState
64 readonly property bool isMaximizedHorizontally : model.window.state === Mir.HorizMaximizedState
65 readonly property bool isMaximizedLeft : model.window.state === Mir.MaximizedLeftState
66 readonly property bool isMaximizedRight : model.window.state === Mir.MaximizedRightState
67 readonly property bool isMaximizedTopLeft : model.window.state === Mir.MaximizedTopLeftState
68 readonly property bool isMaximizedTopRight : model.window.state === Mir.MaximizedTopRightState
69 readonly property bool isMaximizedBottomLeft : model.window.state === Mir.MaximizedBottomLeftState
70 readonly property bool isMaximizedBottomRight : model.window.state === Mir.MaximizedBottomRightState
71
72 width: {
73 if (isFullscreen || isMaximized || isMaximizedHorizontally) {
74 return previewSpace.width
75 }
76
77 if (isMaximizedLeft || isMaximizedRight || isMaximizedTopLeft || isMaximizedTopRight
78 || isMaximizedBottomLeft || isMaximizedBottomRight) {
79 return previewSpace.width / 2
80 }
81
82 return surfaceItem.width * previewScale
83 }
84 height: {
85 if (isFullscreen || isMaximized || isMaximizedVertically || isMaximizedLeft || isMaximizedRight) {
86 return previewSpace.height
87 }
88
89 if (isMaximizedTopLeft || isMaximizedTopRight || isMaximizedBottomLeft || isMaximizedBottomRight) {
90 return previewSpace.height / 2
91 }
92
93 return (surfaceItem.height * previewScale) + decorationHeight
94 }
95 x: {
96 if (isFullscreen || isMaximized || isMaximizedLeft || isMaximizedTopLeft
97 || isMaximizedBottomLeft || isMaximizedHorizontally) {
98 return 0
99 }
100
101 if (isMaximizedRight || isMaximizedTopRight || isMaximizedBottomRight) {
102 return previewSpace.width / 2
103 }
104
105 return (model.window.position.x - screen.position.x - previewSpace.launcherWidth) * previewScale
106 }
107 y: {
108 if (isFullscreen || isMaximized || isMaximizedLeft || isMaximizedRight || isMaximizedTopLeft
109 || isMaximizedTopRight || isMaximizedVertically) {
110 return 0
111 }
112
113 if (isMaximizedBottomLeft || isMaximizedBottomRight) {
114 return previewSpace.height / 2
115 }
116
117 return (model.window.position.y - screen.position.y - decorationHeight) * previewScale
118 }
119 z: topLevelSurfaceRepeater.count - index
120 visible: model.window.state !== Mir.MinimizedState && model.window.state !== Mir.HiddenState
121
122 property int decorationHeight: isFullscreen || isMaximized ? 0 : units.gu(3)
123
124 WindowDecoration {
125 width: surfaceItem.implicitWidth
126 height: parent.decorationHeight
127 transform: Scale {
128 origin.x: 0
129 origin.y: 0
130 xScale: previewScale
131 yScale: previewScale
132 }
133 title: model.window && model.window.surface ? model.window.surface.name : ""
134 z: 3
135 }
136
137 MirSurfaceItem {
138 id: surfaceItem
139 y: parent.decorationHeight * previewScale
140 width: implicitWidth
141 height: implicitHeight
142 surface: model.window.surface
143 transform: Scale {
144 origin.x: 0
145 origin.y: 0
146 xScale: previewScale
147 yScale: previewScale
148 }
149 }
150 }
151 }
152
153 }
154
155 Rectangle {
156 anchors.fill: parent
157 border.color: LomiriColors.ash
158 border.width: units.gu(.5)
159 color: "transparent"
160 visible: previewSpace.isActive
161 }
162
163 Rectangle {
164 anchors.fill: parent
165 border.color: LomiriColors.blue
166 border.width: units.gu(.5)
167 color: "transparent"
168 visible: previewSpace.isSelected
169 }
170
171 Rectangle {
172 anchors.fill: parent
173 anchors.rightMargin: parent.width / 2
174 color: "#55000000"
175 visible: previewSpace.containsDragLeft
176
177 Column {
178 anchors.centerIn: parent
179 spacing: units.gu(1)
180 Icon {
181 source: "../graphics/multi-monitor_drop-here.png"
182 height: units.gu(4)
183 width: height
184 anchors.horizontalCenter: parent.horizontalCenter
185 }
186 Label {
187 text: qsTr("Drop here")
188 color: "white"
189 }
190 }
191 }
192
193 Rectangle {
194 anchors.fill: parent
195 anchors.leftMargin: parent.width / 2
196 color: "#55000000"
197 visible: previewSpace.containsDragRight
198
199 Column {
200 anchors.centerIn: parent
201 spacing: units.gu(1)
202 Icon {
203 source: "../graphics/multi-monitor_leave.png"
204 height: units.gu(4)
205 width: height
206 anchors.horizontalCenter: parent.horizontalCenter
207 }
208 Label {
209 text: qsTr("Drop and go")
210 color: "white"
211 }
212 }
213 }
214}