diff --git a/src/apps/marble-maps/AboutDialog.qml b/src/apps/marble-maps/AboutDialog.qml --- a/src/apps/marble-maps/AboutDialog.qml +++ b/src/apps/marble-maps/AboutDialog.qml @@ -13,144 +13,137 @@ import QtQuick.Window 2.2 import QtQuick.Layouts 1.1 -import org.kde.marble 0.20 - -Item { - id: root - height: Screen.pixelDensity * 2 + Math.max(marbleText.height, devText.height) - - SystemPalette { - id: palette - colorGroup: SystemPalette.Active - } +import org.kde.kirigami 2.0 as Kirigami - Rectangle { - anchors.fill: parent - color: palette.base - } +import org.kde.marble 0.20 - SwipeView { - id: tabView - currentIndex: pageIndicator.currentIndex +Kirigami.Page { + Item { + id: root anchors.fill: parent + height: Screen.pixelDensity * 2 + Math.max(marbleText.height, devText.height) - Item { - id: marbleItem - Text { - id: marbleText - anchors.bottom: parent.bottom - anchors.left: parent.left - anchors.right: marbleLogo.left - anchors.margins: Screen.pixelDensity * 1 - anchors.leftMargin: Screen.pixelDensity * 2 - - wrapMode: Text.WrapAtWordBoundaryOrAnywhere - text: qsTr("
Find your way! Marble Maps brings the highly detailed OpenStreetMap to your mobile devices. It features a crisp, beautiful map with an intuitive user interface. It's open source, entirely based on free data and open standards and respects your privacy.
") - onLinkActivated: Qt.openUrlExternally(link) - } - - Image { - id: marbleLogo - anchors.right: parent.right - anchors.bottom: parent.bottom - anchors.margins: Screen.pixelDensity * 2 - height: 0.8 * marbleText.height - - fillMode: Image.PreserveAspectFit - source: "qrc:/konqi/globe.png" - } + SystemPalette { + id: palette + colorGroup: SystemPalette.Active } - Item { - id: supportItem - Text { - id: groupText - anchors.left: parent.left - anchors.right: groupKonqi.left - anchors.bottom: parent.bottom - anchors.margins: Screen.pixelDensity * 1 - anchors.leftMargin: Screen.pixelDensity * 2 - - wrapMode: Text.WrapAtWordBoundaryOrAnywhere - text: qsTr("Do you have a question? Want to file a suggestion for improvement? Please use the Marble forum to get in touch with fellow Marble users and developers. Further support channels are listed at marble.kde.org. We are looking forward to your feedback!
") - onLinkActivated: Qt.openUrlExternally(link) - } - - Image { - id: groupKonqi - anchors.right: parent.right - anchors.bottom: parent.bottom - anchors.bottomMargin: Screen.pixelDensity * 3 - anchors.rightMargin: Screen.pixelDensity * 2 - height: 0.8 * groupText.height - fillMode: Image.PreserveAspectFit - source: "qrc:/konqi/group.png" + SwipeView { + id: tabView + currentIndex: pageIndicator.currentIndex + anchors.fill: parent + spacing: 100 + + Item { + id: marbleItem + Text { + id: marbleText + anchors.left: parent.left + anchors.right: parent.right + anchors.margins: Screen.pixelDensity * 1 + wrapMode: Text.WrapAtWordBoundaryOrAnywhere + text: qsTr("Find your way! Marble Maps brings the highly detailed OpenStreetMap to your mobile devices. It features a crisp, beautiful map with an intuitive user interface. It's open source, entirely based on free data and open standards and respects your privacy.
") + onLinkActivated: Qt.openUrlExternally(link) + } + + Image { + id: marbleLogo + anchors.right: parent.right + anchors.bottom: parent.bottom + anchors.margins: Screen.pixelDensity + height: marbleText.height + + fillMode: Image.PreserveAspectFit + source: "qrc:/konqi/globe.png" + } } - } - Item { - id: devItem - Text { - id: devText - anchors.left: parent.left - anchors.right: devKonqi.left - anchors.bottom: parent.bottom - anchors.margins: Screen.pixelDensity * 1 - anchors.leftMargin: Screen.pixelDensity * 2 - - wrapMode: Text.WrapAtWordBoundaryOrAnywhere - text: qsTr("The main developers of this app are Dennis Nienhüser, Torsten Rahn, Sanjiban Bairagya, Friedrich W. H. Kossebau, Gábor Péterffy and Mikhail Ivchenko. They are part of more than 200 developers who already contributed to the Marble project. Contact us via marble-devel@kde.org.
") - onLinkActivated: Qt.openUrlExternally(link) + Item { + id: supportItem + Text { + id: groupText + anchors.left: parent.left + anchors.right: parent.right + anchors.margins: Screen.pixelDensity * 1 + + wrapMode: Text.WrapAtWordBoundaryOrAnywhere + text: qsTr("Do you have a question? Want to file a suggestion for improvement? Please use the Marble forum to get in touch with fellow Marble users and developers. Further support channels are listed at marble.kde.org. We are looking forward to your feedback!
") + onLinkActivated: Qt.openUrlExternally(link) + } + + Image { + id: groupKonqi + anchors.right: parent.right + anchors.bottom: parent.bottom + anchors.bottomMargin: Screen.pixelDensity * 3 + anchors.rightMargin: Screen.pixelDensity * 2 + height: groupText.height + + fillMode: Image.PreserveAspectFit + source: "qrc:/konqi/group.png" + } } - - Image { - id: devKonqi - anchors.right: parent.right - anchors.bottom: parent.bottom - anchors.bottomMargin: Screen.pixelDensity * 3 - anchors.rightMargin: Screen.pixelDensity * 2 - height: 0.8 * devText.height - - fillMode: Image.PreserveAspectFit - source: "qrc:/konqi/app-dev.png" + Item { + id: devItem + Text { + id: devText + anchors.left: parent.left + anchors.right: parent.right + anchors.margins: Screen.pixelDensity * 1 + + wrapMode: Text.WrapAtWordBoundaryOrAnywhere + text: qsTr("The main developers of this app are Dennis Nienhüser, Torsten Rahn, Sanjiban Bairagya, Friedrich W. H. Kossebau, Gábor Péterffy and Mikhail Ivchenko. They are part of more than 200 developers who already contributed to the Marble project.
Contact us via marble-devel@kde.org.
The map is based on data from the OpenStreetMap project, available under the Open Database License. Additionally public domain data from the Natural Earth project is used. The map style is influenced by and uses icons from OpenStreetMap Carto (CC0 Public Domain).
") - onLinkActivated: Qt.openUrlExternally(link) - } - - Image { - id: devQtKonqi - anchors.right: parent.right - anchors.bottom: parent.bottom - anchors.bottomMargin: Screen.pixelDensity * 3 - anchors.rightMargin: Screen.pixelDensity * 2 - height: 0.8 * attributionText.height - - fillMode: Image.PreserveAspectFit - source: "qrc:/konqi/dev-qt.png" + Item { + id: attributionItem + Text { + id: attributionText + anchors.left: parent.left + anchors.right: parent.right + anchors.margins: Screen.pixelDensity * 1 + anchors.leftMargin: Screen.pixelDensity * 2 + + wrapMode: Text.WrapAtWordBoundaryOrAnywhere + width: parent.width + text: qsTr("The map is based on data from the OpenStreetMap project, available under the Open Database License. Additionally public domain data from the Natural Earth project is used. The map style is influenced by and uses icons from OpenStreetMap Carto (CC0 Public Domain).
") + onLinkActivated: Qt.openUrlExternally(link) + } + + Image { + id: devQtKonqi + anchors.right: parent.right + anchors.bottom: parent.bottom + anchors.bottomMargin: Screen.pixelDensity * 3 + anchors.rightMargin: Screen.pixelDensity * 2 + height: attributionText.height + + fillMode: Image.PreserveAspectFit + source: "qrc:/konqi/dev-qt.png" + } } } - } - PageIndicator { - id: pageIndicator - interactive: true - count: tabView.count - currentIndex: tabView.currentIndex + PageIndicator { + id: pageIndicator + interactive: true + count: tabView.count + currentIndex: tabView.currentIndex - anchors.bottom: parent.bottom - anchors.horizontalCenter: parent.horizontalCenter + anchors.bottom: parent.bottom + anchors.horizontalCenter: parent.horizontalCenter + } } } diff --git a/src/apps/marble-maps/MainScreen.qml b/src/apps/marble-maps/MainScreen.qml --- a/src/apps/marble-maps/MainScreen.qml +++ b/src/apps/marble-maps/MainScreen.qml @@ -114,7 +114,18 @@ } }, - Kirigami.Action{ enabled: false} + Kirigami.Action{ enabled: false}, + Kirigami.Action { + text: "About" + iconName: "qrc:///marble.svg" + visible: true + onTriggered: { + app.state = "about" + sidePanel.close() + source = "" + app.pageStack.push("qrc:///AboutDialog.qml") + } + } ] } @@ -527,7 +538,7 @@ }, State { name: "about" - PropertyChanges { target: dialogLoader; source: "AboutDialog.qml" } + PropertyChanges { target: dialogLoader; source: "" } }, State { name: "settings"