Warning, /education/marble/examples/qml/cloud-sync/cloudsync.qml is written in an unsupported language. File is not indexed.

 // SPDX-License-Identifier: LGPL-2.1-or-later
 //
 // SPDX-FileCopyrightText: 2013 Dennis Nienhüser <nienhueser@kde.org>
 
 import QtQuick 1.0
 import org.kde.marble 0.20
 
 Rectangle {
     id: screen
     width: 1024; height: 768
 
     MarbleWidget {
         id: map
         anchors.top: parent.top
         anchors.right: parent.right
         anchors.bottom: parent.bottom
         anchors.left: routeView.right
 
         mapThemeId: "earth/openstreetmap/openstreetmap.dgml"
         activeFloatItems: [ "compass", "scalebar", "progress" ]
     }
 
     CloudSync {
         id: cloudSync
         map: map
     }
 
     Column {
         id: credentialsColumn
         anchors.top: parent.top
         anchors.left: parent.left
         anchors.margins: 10
         width: routeView.width
         spacing: 10
 
         InputField {
             label: "Server:"
             text: "myowncloudserver.com"
             onAccepted: cloudSync.owncloudServer = text
         }
 
         InputField {
             label: "User:"
             text: "myuser"
             onAccepted: cloudSync.owncloudUsername = text
         }
 
         InputField {
             label: "Password:"
             text: "mypassword"
             onAccepted: cloudSync.owncloudPassword = text
             echoMode: TextInput.Password
         }
     }
 
     ListView {
         id: routeView
         anchors.top: credentialsColumn.bottom
         anchors.topMargin: 5
         anchors.left: parent.left
         anchors.bottom: parent.bottom
         width: 400
         clip: true
 
         model: cloudSync.routeModel
         delegate: routeViewDelegate
         spacing: 5
     }
 
     Component {
         id: routeViewDelegate
         
         Rectangle {
             width: routeView.width
             height: Math.max( previewImage.height, nameText.height+buttonRow.height )
             
             Image {
                 id: previewImage
                 source: previewUrl
                 width: 128; height: 128
                 anchors.left: parent.left
             }
             
             Text {
                 id: nameText
                 text: name
                 anchors.left: previewImage.right
                 anchors.leftMargin: 5
                 anchors.right: parent.right
                 wrapMode: Text.WrapAtWordBoundaryOrAnywhere
             }
 
             Row {
                 id: buttonRow
                 anchors.top: nameText.bottom
                 anchors.left: nameText.left
                 anchors.leftMargin: 5
                 spacing: 5
 
                 Button {
                     id: downloadArea
                     visible: !isCached && isOnCloud
 
                     label: "Download"
                     color: "green"
 
                     onClicked: {
                         cloudSync.downloadRoute( identifier )
                     }
                 }
 
                 Button {
                     id: deleteFromCloudArea
                     visible: !isCached
 
                     label: "Delete from cloud"
                     color: "red"
 
                     onClicked: {
                         cloudSync.deleteRouteFromCloud( identifier )
                     }
                 }
 
                 Button {
                     id: openArea
                     visible: isCached
 
                     label: "Open"
                     color: "blue"
 
                     onClicked: {
                         cloudSync.openRoute( identifier )
                     }
                 }
 
                 Button {
                     id: removeFromCacheArea
                     visible: isCached
 
                     label: "Remove from device"
                     color: "yellow"
 
                     onClicked: {
                         cloudSync.removeRouteFromDevice( identifier )
                     }
                 }
 
                 Button {
                     id: uploadArea
                     visible: isCached && !isOnCloud
 
                     label: "Upload"
                     color: "grey"
 
                     onClicked: {
                         cloudSync.uploadRoute( identifier )
                     }
                 }
             }
         }
     }
 }