Differential D7437 Diff 18511 src/apps/marble-maps/MainScreen.qml

Changeset View

Standalone View

View Options

src/apps/marble-maps/MainScreen.qml

Context not available.
10// Copyright 2015 Mikhail Ivchenko <ematirov@gmail.com> 10​// Copyright 2015 Mikhail Ivchenko <ematirov@gmail.com>
11// 11​//
12 12​
13 13​import QtQuick 2.7
14import QtQuick 2.3 14​import QtQuick.Controls 2.2
15import QtQuick.Controls 2.0 ​
16import QtQuick.Window 2.2 15​import QtQuick.Window 2.2
16​import QtQuick.Controls.Material 2.0
17​
17 18​
18import org.kde.marble 0.20 19​import org.kde.marble 0.20
19import org.kde.kirigami 2.0 as Kirigami 20​import org.kde.kirigami 2.0 as Kirigami
Context not available.
26 width: 600 27​ width: 600
27 height: 400 28​ height: 400
28 29​
30​ Material.theme: Material.Light
31​ Material.accent: Material.Blue
32​
29 color: "#f9f9f9" // Keep the background white while no dialog is loaded 33​ color: "#f9f9f9" // Keep the background white while no dialog is loaded
30 34​
31 property alias state: stateTracker.state 35​ property alias state: stateTracker.state
Context not available.
50 if (!selectedPlacemark) { 54​ if (!selectedPlacemark) {
51 app.state = "none" 55​ app.state = "none"
52 } 56​ }
57​ else {
58​ bookmarkButton.bookmark = bookmarks.isBookmark(selectedPlacemark.longitude, selectedPlacemark.latitude)
59​ }
53 } 60​ }
54 61​
55 SystemPalette{ 62​ SystemPalette{
Context not available.
61 id: settings 68​ id: settings
62 } 69​ }
63 70​
71​
72​ property bool aboutToQuit: false
73​
74​ onClosing: {
75​ if (app.aboutToQuit === true) {
76​ close.accepted = true // we will quit
77​ return
78​ } else if (sidePanel.drawerOpen) {
79​ sidePanel.close()
80​ } else if (pageStack.depth > 1) {
81​ pageStack.pop()
82​ } else if (navigationManager.visible) {
83​ navigationManager.visible = false
84​ } else if (app.state !== "none") {
85​ app.state = "none"
86​ }
87​ else if(search.searchResultsVisible.visible === true && !sidePanel.drawerOpen){
88​ search.searchResultsVisible = false
89​ }
90​ else {
91​ if(search.searchResultsVisible === true){
92​ search.searchResultsVisible = false
93​ }
94​ app.aboutToQuit = true
95​ quitHelper.visible = true
96​ }
97​ close.accepted = false
98​ }
99​
64 globalDrawer: Kirigami.GlobalDrawer { 100​ globalDrawer: Kirigami.GlobalDrawer {
65 id: sidePanel 101​ id: sidePanel
66 title: "Settings" 102​ title: "Settings"
nienhueserUnsubmitted
Not Done

There is also a monochrome version of the marble logo somewhere, Torsten once created that. Maybe it fits well here?

nienhueser: There is also a monochrome version of the marble logo somewhere, Torsten once created that.
Context not available.
143 sidePanel.close() 179​ sidePanel.close()
144 app.pageStack.push("qrc:///Options.qml") 180​ app.pageStack.push("qrc:///Options.qml")
145 } 181​ }
182​ },
183​ Kirigami.Action {
184​ text: "Routing"
185​ iconName: "qrc:///material/directions.svg"
186​ onTriggered: {
187​ app.state = "route"
188​ }
146 } 189​ }
147 ] 190​ ]
148 191​
Context not available.
166 bottomPadding: 0 209​ bottomPadding: 0
167 title: "Marble Maps" 210​ title: "Marble Maps"
168 211​
169 Item { 212​ Item {
170 id: mapItem 213​ id: mapItem
171 anchors { ​
172 top: parent.top ​
173 topMargin: mapOffset ​
174 left: parent.left ​
175 right: parent.right ​
176 } ​
177 ​
178 height: !dialogExpanded ​
179 ? parent.height ​
180 : parent.height + animatedMargin ​
181 214​
182 PinchArea { 215​ width: parent.width
183 anchors.fill: parent 216​ height: dialogLoader.height === 0 ? parent.height - bottomMenu.height : parent.height - dialogLoader.height - bottomMenu.height
184 enabled: true ​
185 217​
186 onPinchStarted: marbleMaps.handlePinchStarted(pinch.center) ​
187 onPinchFinished: marbleMaps.handlePinchFinished(pinch.center) ​
188 onPinchUpdated: marbleMaps.handlePinchUpdated(pinch.center, pinch.scale); ​
189 218​
190 MarbleMaps { 219​ PinchArea {
191 id: marbleMaps 220​ anchors.fill: parent
221​ enabled: true
192 222​
193 property string currentPositionProvider: "QtPositioning" 223​ onPinchStarted: marbleMaps.handlePinchStarted(pinch.center)
194 property bool wlanOnly: false 224​ onPinchFinished: marbleMaps.handlePinchFinished(pinch.center)
195 property bool smallZoom : radius < 2 * Math.max(app.width, app.height) 225​ onPinchUpdated: marbleMaps.handlePinchUpdated(pinch.center, pinch.scale);
196 226​
197 anchors.fill: parent 227​ MarbleMaps {
228​ id: marbleMaps
198 229​
199 visible: true 230​ property string currentPositionProvider: "QtPositioning"
231​ property bool wlanOnly: false
232​ property bool smallZoom : radius < 2 * Math.max(app.width, app.height)
200 233​
201 // Theme settings. 234​ anchors.fill: parent
202 projection: smallZoom ? MarbleItem.Spherical : MarbleItem.Mercator ​
203 mapThemeId: settings.value("MarbleMaps", "mapThemeId", "earth/vectorosm/vectorosm.dgml") ​
204 ​
205 // Visibility of layers/plugins. ​
206 showFrameRate: false ​
207 showAtmosphere: smallZoom ​
208 showCompass: false ​
209 showClouds: false ​
210 showCrosshairs: false ​
211 showGrid: smallZoom ​
212 showOverviewMap: false ​
213 showOtherPlaces: false ​
214 showScaleBar: false ​
215 showBackground: smallZoom ​
216 showPublicTransport: settings.value("MarbleMaps", "showPublicTransport", "false") === "true" ​
217 positionProvider: suspended ? "" : currentPositionProvider ​
218 keepScreenOn: !suspended && navigationManager.guidanceModeEnabled ​
219 showPositionMarker: false ​
220 animationViewContext: dialogAnimation.running ​
221 ​
222 placemarkDelegate: Image { ​
223 id: balloon ​
224 property int xPos: 0 ​
225 property int yPos: 0 ​
226 property real animationOffset: 0 ​
227 property var placemark: null ​
228 x: xPos - 0.5 * width ​
229 y: yPos - height - 30 * Screen.pixelDensity * animationOffset ​
230 opacity: 1.0 - animationOffset ​
231 235​
232 Connections { 236​ visible: true
233 target: app 237​
234 onSelectedPlacemarkChanged: balloonAnimation.restart() 238​ // Theme settings.
235 } 239​ projection: smallZoom ? MarbleItem.Spherical : MarbleItem.Mercator
240​ mapThemeId: settings.value("MarbleMaps", "mapThemeId", "earth/vectorosm/vectorosm.dgml")
241​
242​ // Visibility of layers/plugins.
243​ showFrameRate: false
244​ showAtmosphere: smallZoom
245​ showCompass: false
246​ showClouds: false
247​ showCrosshairs: false
248​ showGrid: smallZoom
249​ showOverviewMap: false
250​ showOtherPlaces: false
251​ showScaleBar: false
252​ showBackground: smallZoom
253​ showPublicTransport: settings.value("MarbleMaps", "showPublicTransport", "false") === "true"
254​ positionProvider: suspended ? "" : currentPositionProvider
255​ keepScreenOn: !suspended && navigationManager.guidanceModeEnabled
256​ showPositionMarker: false
257​ animationViewContext: dialogAnimation.running
258​
259​ placemarkDelegate: Image {
260​ id: balloon
261​ property int xPos: 0
262​ property int yPos: 0
263​ property real animationOffset: 0
264​ property var placemark: null
265​ x: xPos - 0.5 * width
266​ y: yPos - height - 30 * Screen.pixelDensity * animationOffset
267​ opacity: 1.0 - animationOffset
268​
269​ Connections {
270​ target: app
271​ onSelectedPlacemarkChanged: balloonAnimation.restart()
272​ }
236 273​
237 NumberAnimation { 274​ NumberAnimation {
238 id: balloonAnimation 275​ id: balloonAnimation
239 target: balloon 276​ target: balloon
240 property: "animationOffset" 277​ property: "animationOffset"
241 from: 1 278​ from: 1
242 to: 0 279​ to: 0
243 duration: 1000 280​ duration: 1000
244 easing.type: Easing.OutBounce 281​ easing.type: Easing.OutBounce
245 } 282​ }
246 283​
247 284​
248 width: Screen.pixelDensity*6 285​ width: Screen.pixelDensity*6
249 height: width 286​ height: width
250 source: "qrc:///ic_place.png" 287​ source: "qrc:///ic_place.png"
251 onPlacemarkChanged: { 288​ onPlacemarkChanged: {
252 app.selectedPlacemark = placemark 289​ app.selectedPlacemark = placemark
253 if (placemark) { 290​ if (placemark) {
254 app.state = "place" 291​ app.state = "place"
255 } else { 292​ } else {
256 app.state = "none" 293​ app.state = "none"
294​ }
257 } 295​ }
258 } 296​ }
259 } ​
260 297​
261 onPositionAvailableChanged: { 298​ onPositionAvailableChanged: {
262 updateIndicator(); 299​ updateIndicator();
263 } 300​ }
264 onPositionVisibleChanged: { 301​ onPositionVisibleChanged: {
265 updateIndicator(); 302​ updateIndicator();
266 } 303​ }
267 onVisibleLatLonAltBoxChanged: { 304​ onVisibleLatLonAltBoxChanged: {
268 !panningDetectionTimer.restart(); 305​ !panningDetectionTimer.restart();
269 updateIndicator(); 306​ updateIndicator();
270 } 307​ }
271 onCurrentPositionChanged: { 308​ onCurrentPositionChanged: {
272 updateIndicator(); 309​ updateIndicator();
273 } 310​ }
274 311​
275 onZoomChanged: { 312​ onZoomChanged: {
276 zoomDetectionTimer.restart() 313​ zoomDetectionTimer.restart()
277 } 314​ }
278 315​
279 Component.onCompleted: { 316​ Component.onCompleted: {
280 setPluginSetting("coordinate-grid", "gridColor", "#999999"); 317​ setPluginSetting("coordinate-grid", "gridColor", "#999999");
281 setPluginSetting("coordinate-grid", "tropicsColor", "#888888"); 318​ setPluginSetting("coordinate-grid", "tropicsColor", "#888888");
282 setPluginSetting("coordinate-grid", "equatorColor", "#777777"); 319​ setPluginSetting("coordinate-grid", "equatorColor", "#777777");
283 setPluginSetting("coordinate-grid", "primaryLabels", "false"); 320​ setPluginSetting("coordinate-grid", "primaryLabels", "false");
284 setPluginSetting("coordinate-grid", "secondaryLabels", "false"); 321​ setPluginSetting("coordinate-grid", "secondaryLabels", "false");
285 marbleMaps.loadSettings() 322​ marbleMaps.loadSettings()
286 } 323​ }
287 Component.onDestruction: marbleMaps.writeSettings() 324​ Component.onDestruction: marbleMaps.writeSettings()
288 325​
289 Connections { 326​ Connections {
290 target: Qt.application 327​ target: Qt.application
291 onStateChanged: { 328​ onStateChanged: {
292 if (Qt.application.state === Qt.ApplicationInactive || Qt.application.state === Qt.ApplicationSuspended) { 329​ if (Qt.application.state === Qt.ApplicationInactive || Qt.application.state === Qt.ApplicationSuspended) {
293 marbleMaps.writeSettings() 330​ marbleMaps.writeSettings()
331​ }
294 } 332​ }
295 } 333​ }
296 } ​
297 334​
298 function updateIndicator() { 335​ function updateIndicator() {
299 if ( !positionVisible && positionAvailable ) { 336​ if ( !positionVisible && positionAvailable ) {
300 zoomToPositionButton.updateIndicator(); 337​ zoomToPositionButton.updateIndicator();
338​ }
301 } 339​ }
302 } ​
303 340​
304 RoutingManager { 341​ RoutingManager {
305 id: routingManager 342​ id: routingManager
306 anchors.fill: parent 343​ anchors.fill: parent
307 marbleItem: marbleMaps 344​ marbleItem: marbleMaps
308 visible: hasRoute 345​ visible: hasRoute
309 346​
310 function addToRoute() { 347​ function addToRoute() {
311 ensureRouteHasDeparture() 348​ ensureRouteHasDeparture()
312 routingManager.addViaByPlacemarkAtIndex(routingManager.waypointCount(), selectedPlacemark) 349​ routingManager.addViaByPlacemarkAtIndex(routingManager.waypointCount(), selectedPlacemark)
313 routingManager.clearSearchResultPlacemarks() 350​ routingManager.clearSearchResultPlacemarks()
314 selectedPlacemark = null 351​ selectedPlacemark = null
315 app.state = "route" 352​ app.state = "route"
316 } 353​ }
317 function ensureRouteHasDeparture() { 354​ function ensureRouteHasDeparture() {
318 if (routingManager.routeRequestModel.count === 0) { 355​ if (routingManager.routeRequestModel.count === 0) {
319 if (marbleMaps.positionAvailable) { 356​ if (marbleMaps.positionAvailable) {
320 routingManager.addViaByPlacemark(marbleMaps.currentPosition) 357​ routingManager.addViaByPlacemark(marbleMaps.currentPosition)
358​ }
321 } 359​ }
322 } 360​ }
323 } ​
324 361​
325 } 362​ }
326 363​
327 Timer { 364​ Timer {
328 id: zoomDetectionTimer 365​ id: zoomDetectionTimer
329 interval: 1000 366​ interval: 1000
330 } 367​ }
331 Timer { 368​ Timer {
332 id: panningDetectionTimer 369​ id: panningDetectionTimer
333 interval: 1000 370​ interval: 1000
334 } 371​ }
335 372​
336 PositionMarker { 373​ PositionMarker {
337 id: positionMarker 374​ id: positionMarker
338 x: navigationManager.snappedPositionMarkerScreenPosition.x - positionMarker.width / 2 375​ x: navigationManager.snappedPositionMarkerScreenPosition.x - positionMarker.width / 2
339 y: navigationManager.snappedPositionMarkerScreenPosition.y - positionMarker.height / 2 376​ y: navigationManager.snappedPositionMarkerScreenPosition.y - positionMarker.height / 2
340 angle: marbleMaps.angle 377​ angle: marbleMaps.angle
341 visible: marbleMaps.positionAvailable && marbleMaps.positionVisible 378​ visible: marbleMaps.positionAvailable && marbleMaps.positionVisible
342 radius: navigationManager.screenAccuracy / 2 379​ radius: navigationManager.screenAccuracy / 2
343 showAccuracy: navigationManager.deviated 380​ showAccuracy: navigationManager.deviated
344 allowRadiusAnimation: !zoomDetectionTimer.running 381​ allowRadiusAnimation: !zoomDetectionTimer.running
345 allowPositionAnimation: !panningDetectionTimer.running 382​ allowPositionAnimation: !panningDetectionTimer.running
346 speed: marbleMaps.speed 383​ speed: marbleMaps.speed
384​
385​ MouseArea {
386​ anchors.fill: parent
387​ onPressed: app.state = "position"
388​ }
389​ }
347 390​
348 MouseArea { 391​ MouseArea {
349 anchors.fill: parent 392​ anchors.fill: parent
350 onPressed: app.state = "position" 393​ propagateComposedEvents: true
394​ onPressed: {
395​ marbleMaps.focus = true;
396​ mouse.accepted = false;
397​ }
351 } 398​ }
399​
400​
352 } 401​ }
353 402​
354 MouseArea { 403​ NavigationManager {
355 anchors.fill: parent 404​ id: navigationManager
356 propagateComposedEvents: true 405​ width: parent.width
357 onPressed: { 406​ height: parent.height
358 marbleMaps.focus = true; 407​ visible: false
359 mouse.accepted = false; 408​ marbleItem: marbleMaps
360 } 409​ hasRoute: routingManager.hasRoute
361 } 410​ }
411​ }
362 412​
413​ BoxedText {
414​ id: distanceIndicator
415​ text: qsTr("%1 km").arg(zoomToPositionButton.distance < 10 ? zoomToPositionButton.distance.toFixed(1) : zoomToPositionButton.distance.toFixed(0))
416​ anchors {
417​ bottom: zoomToPositionButton.top
418​ horizontalCenter: zoomToPositionButton.horizontalCenter
419​ }
363 420​
421​ visible: marbleMaps.positionAvailable && !marbleMaps.positionVisible
364 } 422​ }
365 423​
366 NavigationManager { 424​ PositionButton {
367 id: navigationManager 425​ id: zoomToPositionButton
368 width: parent.width 426​ anchors {
369 height: parent.height 427​ right: parent.right
370 visible: false 428​ rightMargin: Screen.pixelDensity * 1
371 marbleItem: marbleMaps 429​ bottom: mapItem.bottom
372 hasRoute: routingManager.hasRoute 430​ bottomMargin: 10
373 } 431​ }
374 } ​
375 432​
376 BoxedText { 433​ enabled: marbleMaps.positionAvailable
377 id: distanceIndicator ​
378 text: qsTr("%1 km").arg(zoomToPositionButton.distance < 10 ? zoomToPositionButton.distance.toFixed(1) : zoomToPositionButton.distance.toFixed(0)) ​
379 anchors { ​
380 bottom: zoomToPositionButton.top ​
381 horizontalCenter: zoomToPositionButton.horizontalCenter ​
382 } ​
383 434​
384 visible: marbleMaps.positionAvailable && !marbleMaps.positionVisible 435​ iconSource: marbleMaps.positionAvailable ? "qrc:///gps_fixed.png" : "qrc:///gps_not_fixed.png"
385 } ​
386 436​
387 PositionButton { 437​ onClicked: marbleMaps.centerOnCurrentPosition()
388 id: zoomToPositionButton 438​
389 anchors { 439​ property real distance: 0
390 right: parent.right 440​
391 rightMargin: Screen.pixelDensity * 1 441​ function updateIndicator() {
392 bottom: routeEditorButton.top 442​ var point = marbleMaps.mapFromItem(zoomToPositionButton, diameter * 0.5, diameter * 0.5);
393 bottomMargin: 10 443​ distance = 0.001 * marbleMaps.distanceFromPointToCurrentLocation(point);
444​ angle = marbleMaps.angleFromPointToCurrentLocation(point);
445​ }
446​
447​ showDirection: marbleMaps.positionAvailable && !marbleMaps.positionVisible
394 } 448​ }
449​ }
395 450​
396 enabled: marbleMaps.positionAvailable ​
397 451​
398 iconSource: marbleMaps.positionAvailable ? "qrc:///gps_fixed.png" : "qrc:///gps_not_fixed.png" 452​ Row {
453​ id: bottomMenu
454​ anchors.left: parent.left
455​ anchors.right: parent.right
456​ anchors.bottom: dialogLoader.top
457​ width: parent.width
458​ height: bottomMenu.visible ? routeEditorButton.height + Screen.pixelDensity * 2 : 0
459​ anchors.topMargin: app.animatedMargin
460​ visible: app.state === "place" || app.state === "route"
461​
462​ onVisibleChanged: bottomMenuAnimation.start()
463​
464​ NumberAnimation {
465​ id: bottomMenuAnimation
466​ target: bottomMenu
467​ property: "y"
468​ from: app.height - bottomMenu.height
469​ to: 0
470​ duration: 500
471​ easing.type: Easing.InExpo
472​ }
399 473​
400 onClicked: marbleMaps.centerOnCurrentPosition() 474​ Item {
475​ id: bottomMenuBackground
476​ anchors.fill: parent
477​ Rectangle {
478​ color: Material.accent
479​ anchors.fill : parent
480​ }
481​ }
401 482​
402 property real distance: 0 483​ Row {
484​ anchors.centerIn: parent
485​ spacing: Kirigami.Units.gridUnit * 2
486​
487​ FlatButton {
488​ id: routeEditorButton
489​ property string currentProfileIcon: "qrc:///material/directions-car.svg"
490​ height: Screen.pixelDensity * 6
491​ width: height
492​ enabled: app.state !== "route" || routingManager.hasRoute
493​ imageSource: "qrc:///material/directions.svg"
494​
495​ onClicked: {
496​ if (app.state === "route") {
497​ app.state = "none"
498​ navigationManager.visible = true
499​ } else if (app.state === "place") {
500​ app.state = "route"
501​ routingManager.addToRoute()
502​ } else {
503​ app.state = "route"
504​ navigationManager.visible = false
505​ }
506​ }
507​ states: [
508​ State {
509​ name: ""
510​ PropertyChanges { target: routeEditorButton; imageSource: "qrc:///material/directions.svg"; }
511​ },
512​ State {
513​ name: "routingAction"
514​ when: app.state === "route"
515​ PropertyChanges { target: routeEditorButton; imageSource: "qrc:///material/navigation.svg"; }
516​ },
517​ State {
518​ name: "placeAction"
519​ when: app.state === "place"
520​ PropertyChanges { target: routeEditorButton; imageSource: "qrc:///material/directions.svg" }
521​ }
522​ ]
523​ }
403 524​
404 function updateIndicator() { 525​ FlatButton {
405 var point = marbleMaps.mapFromItem(zoomToPositionButton, diameter * 0.5, diameter * 0.5); 526​ id: bookmarkButton
406 distance = 0.001 * marbleMaps.distanceFromPointToCurrentLocation(point); 527​ anchors.verticalCenter: parent.verticalCenter
407 angle = marbleMaps.angleFromPointToCurrentLocation(point); 528​ height: Screen.pixelDensity * 6
529​ width: height
530​ property bool bookmark: bookmarks.isBookmark(app.selectedPlacemark.longitude, app.selectedPlacemark.latitude)
531​ enabled: app.state === "place"
532​ visible: app.state === "place"
533​ imageSource: bookmark ? "qrc:///material/star.svg" : "qrc:///material/star_border.svg"
534​ onClicked: {
535​ if (bookmarkButton.bookmark) {
536​ bookmarks.removeBookmark(app.selectedPlacemark.longitude, app.selectedPlacemark.latitude)
537​ } else {
538​ bookmarks.addBookmark(app.selectedPlacemark, "Default")
539​ }
540​ bookmarkButton.bookmark = !bookmarkButton.bookmark
541​ }
542​ }
543​ }
408 } 544​ }
409 545​
410 showDirection: marbleMaps.positionAvailable && !marbleMaps.positionVisible 546​
547​ BorderImage {
548​ anchors.top: mapItem.bottom
549​ anchors.bottom: dialogLoader.bottom
550​ anchors.right: parent.right
551​ anchors.left: parent.left
552​ anchors.margins: -14
553​ border { top: 14; left: 14; right: 14; bottom: 14 }
554​ source: "qrc:///border_shadow.png"
411 } 555​ }
412 556​
413 CircularButton { 557​ Search {
414 id: routeEditorButton 558​ id: search
559​ anchors.fill: parent
560​ marbleQuickItem: marbleMaps
561​ visible: !navigationManager.visible
562​
563​ onItemSelected: {
564​ if (routingManager) {
565​ routingManager.addSearchResultAsPlacemark(suggestedPlacemark);
566​ }
567​ app.selectedPlacemark = suggestedPlacemark;
568​ app.state = "place"
569​ }
570​ onMenuButtonClicked: sidePanel.open()
571​ }
415 572​
416 property string currentProfileIcon: "qrc:///material/directions-car.svg" 573​ Loader {
574​ id: dialogLoader
575​ focus: true
576​ width: childrenRect.width
577​ height : childrenRect.height
417 578​
418 anchors { 579​ anchors {
419 bottom: parent.bottom 580​ left: parent.left
420 bottomMargin: Screen.pixelDensity * 4 - mapOffset 581​ right: parent.right
421 horizontalCenter: zoomToPositionButton.horizontalCenter 582​ top: parent.bottom
583​ bottom: bottomMenu.top
584​ topMargin: app.animatedMargin
585​ bottomMargin: Kirigami.Units.gridUnits * 10
422 } 586​ }
423 587​
424 enabled: app.state !== "route" || routingManager.hasRoute 588​ NumberAnimation {
589​ id: loaderAnimation
590​ target: dialogLoader.item
591​ property: "y"
592​ from: dialogLoader.height === 0 ? app.height : app.height - dialogLoader.item.height
593​ to: 0
594​ duration: 500
595​ easing.type: Easing.InExpo
596​ }
425 597​
426 onClicked: { 598​ onLoaded: {
427 if (app.state === "route") { 599​ app.state != "none" ? loaderAnimation.running = true : loaderAnimation.running = false
428 app.state = "none" 600​ if (app.state === "place") {
429 navigationManager.visible = true 601​ dialogLoader.item.map = marbleMaps
430 } else if (app.state === "place") { 602​ dialogLoader.item.placemark = app.selectedPlacemark
431 app.state = "route" 603​ dialogLoader.item.showOsmTags = app.showOsmTags
432 routingManager.addToRoute() 604​ dialogLoader.item.showAccessibility = sidePanel.showAccessibility
433 } else { 605​ } else if (app.state === "route") {
434 app.state = "route" 606​ item.routingManager = routingManager
435 navigationManager.visible = false 607​ item.routingProfile = routingManager.routingProfile
608​ item.currentIndex = Qt.binding(function() { return app.currentWaypointIndex })
609​ } else if (app.state == "position") {
610​ dialogLoader.item.map = marbleMaps
611​ dialogLoader.item.navigationManager = navigationManager
612​ } else if (app.state == "none"){
613​ dialogLoader.height = 0
436 } 614​ }
437 } 615​ }
438 iconSource: "qrc:///material/directions.svg"; 616​
617​ Connections {
618​ target: dialogLoader.item
619​ onCurrentProfileIconChanged: routeEditorButton.currentProfileIcon = dialogLoader.item.currentProfileIcon
620​ ignoreUnknownSignals: true
621​ }
622​ }
623​
624​ Rectangle {
625​ width: parent.width
626​ color: Kirigami.Theme.textColor
627​ opacity: 0.4
628​ height: 1
629​ anchors.bottom: dialogLoader.top
630​ }
631​
632​ Item {
633​ id: stateTracker
634​ state: "none"
439 635​
440 states: [ 636​ states: [
441 State { 637​ State {
442 name: "" 638​ name: "none"
443 PropertyChanges { target: routeEditorButton; iconSource: "qrc:///material/directions.svg"; } 639​ PropertyChanges { target: dialogLoader; source: "" }
640​ },
641​ State {
642​ name: "position"
643​ PropertyChanges { target: dialogLoader; source: "CurrentPosition.qml" }
444 }, 644​ },
445 State { 645​ State {
446 name: "routingAction" 646​ name: "route"
447 when: app.state === "route" 647​ PropertyChanges { target: dialogLoader; source: "RouteEditor.qml" }
448 PropertyChanges { target: routeEditorButton; iconSource: "qrc:///material/navigation.svg"; } ​
449 }, 648​ },
450 State { 649​ State {
451 name: "placeAction" 650​ name: "place"
452 when: app.state === "place" 651​ PropertyChanges { target: dialogLoader; source: "PlacemarkDialog.qml" }
453 PropertyChanges { target: routeEditorButton; iconSource: currentProfileIcon } 652​ },
653​ State {
654​ name: "about"
655​ PropertyChanges { target: dialogLoader; source: "" }
656​ },
657​ State {
658​ name: "settings"
659​ PropertyChanges { target: dialogLoader; source: "SettingsDialog.qml" }
660​ },
661​ State {
662​ name: "developer"
663​ PropertyChanges { target: dialogLoader; source: "DeveloperDialog.qml" }
664​ },
665​ State {
666​ name: "options"
667​ PropertyChanges { target: dialogLoader; source: "" }
668​ },
669​ State {
670​ name: "bookmarks"
671​ PropertyChanges { target: dialogLoader; source: "" }
454 } 672​ }
455 ] 673​ ]
456 } 674​ }
457 } ​
458 675​
459 Search { 676​ BoxedText {
460 id: search 677​ id: quitHelper
461 anchors.fill: parent 678​ visible: false
462 marbleQuickItem: marbleMaps 679​ text: qsTr("Press again to close.")
463 visible: !navigationManager.visible 680​ anchors.bottom: parent.bottom
464 681​ anchors.bottomMargin: Screen.pixelDensity * 5
465 onItemSelected: { 682​ anchors.horizontalCenter: parent.horizontalCenter
466 if (routingManager) { 683​ onVisibleChanged: {
467 routingManager.addSearchResultAsPlacemark(suggestedPlacemark); 684​ if (visible) {
685​ quitTimer.restart()
686​ }
468 } 687​ }
469 app.selectedPlacemark = suggestedPlacemark; ​
470 app.state = "place" ​
471 } ​
472 onMenuButtonClicked: sidePanel.open() ​
473 } ​
474 688​
475 Loader { 689​ Timer {
476 id: dialogLoader 690​ id: quitTimer
477 focus: true 691​ interval: 3000;
478 width: childrenRect.width 692​ running: false;
479 height : childrenRect.height 693​ repeat: false
480 694​ onTriggered: {
481 anchors { 695​ app.aboutToQuit = false
482 left: parent.left 696​ quitHelper.visible = false
483 right: parent.right 697​ }
484 top: parent.bottom ​
485 topMargin: app.animatedMargin ​
486 } ​
487 ​
488 onLoaded: { ​
489 if (app.state === "place") { ​
490 dialogLoader.item.map = marbleMaps ​
491 dialogLoader.item.placemark = app.selectedPlacemark ​
492 dialogLoader.item.showOsmTags = app.showOsmTags ​
493 dialogLoader.item.showAccessibility = sidePanel.showAccessibility ​
494 } else if (app.state === "route") { ​
495 item.routingManager = routingManager ​
496 item.routingProfile = routingManager.routingProfile ​
497 item.currentIndex = Qt.binding(function() { return app.currentWaypointIndex }) ​
498 } else if (app.state == "position") { ​
499 dialogLoader.item.map = marbleMaps ​
500 dialogLoader.item.navigationManager = navigationManager ​
501 } ​
502 } ​
503 ​
504 Connections { ​
505 target: dialogLoader.item ​
506 onCurrentProfileIconChanged: routeEditorButton.currentProfileIcon = dialogLoader.item.currentProfileIcon ​
507 ignoreUnknownSignals: true ​
508 } ​
509 } ​
510 ​
511 BorderImage { ​
512 visible: app.state != "none" ​
513 anchors.fill: dialogLoader ​
514 anchors.margins: -14 ​
515 border { top: 14; left: 14; right: 14; bottom: 14 } ​
516 source: "qrc:///border_shadow.png" ​
517 } ​
518 ​
519 BoxedText { ​
520 id: quitHelper ​
521 visible: false ​
522 text: qsTr("Press again to close.") ​
523 anchors.bottom: parent.bottom ​
524 anchors.bottomMargin: Screen.pixelDensity * 5 ​
525 anchors.horizontalCenter: parent.horizontalCenter ​
526 onVisibleChanged: { ​
527 if (visible) { ​
528 quitTimer.restart() ​
529 } 698​ }
530 } 699​ }
531 700​
532 Timer { 701​ Bookmarks {
533 id: quitTimer 702​ id: bookmarks
534 interval: 3000; 703​ map: marbleMaps
535 running: false; ​
536 repeat: false ​
537 onTriggered: { ​
538 app.aboutToQuit = false ​
539 quitHelper.visible = false ​
540 } ​
541 } 704​ }
542 } 705​ }
543 ​
544 Item { ​
545 id: stateTracker ​
546 ​
547 state: "none" ​
548 ​
549 states: [ ​
550 State { ​
551 name: "none" ​
552 PropertyChanges { target: dialogLoader; source: "" } ​
553 }, ​
554 State { ​
555 name: "position" ​
556 PropertyChanges { target: dialogLoader; source: "CurrentPosition.qml" } ​
557 }, ​
558 State { ​
559 name: "route" ​
560 PropertyChanges { target: dialogLoader; source: "RouteEditor.qml" } ​
561 }, ​
562 State { ​
563 name: "place" ​
564 PropertyChanges { target: dialogLoader; source: "PlacemarkDialog.qml" } ​
565 }, ​
566 State { ​
567 name: "about" ​
568 PropertyChanges { target: dialogLoader; source: "" } ​
569 }, ​
570 State { ​
571 name: "settings" ​
572 PropertyChanges { target: dialogLoader; source: "SettingsDialog.qml" } ​
573 }, ​
574 State { ​
575 name: "developer" ​
576 PropertyChanges { target: dialogLoader; source: "DeveloperDialog.qml" } ​
577 }, ​
578 State { ​
579 name: "options" ​
580 PropertyChanges { target: dialogLoader; source: "" } ​
581 }, ​
582 State { ​
583 name: "bookmarks" ​
584 PropertyChanges { target: dialogLoader; source: "" } ​
585 } ​
586 ] ​
587 } ​
588} 706​}
589 707​
590 property bool aboutToQuit: false ​
591 ​
592 onClosing: { ​
593 if (app.aboutToQuit === true) { ​
594 close.accepted = true // we will quit ​
595 return ​
596 } else if (navigationManager.visible) { ​
597 navigationManager.visible = false ​
598 } else if (sidePanel.drawerOpen) { ​
599 sidePanel.close() ​
600 } else if (pageStack.depth > 1) { ​
601 pageStack.pop() ​
602 } ​
603 else if (app.state !== "none") { ​
604 app.state = "none" ​
605 } else { ​
606 app.aboutToQuit = true ​
607 quitHelper.visible = true ​
608 } ​
609 close.accepted = false ​
610 } ​
611} ​
Context not available.