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("

Marble Maps

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("

Support

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("

Marble Maps

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("

Development Team

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("

Support

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("

Development Team

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) + } + + Image { + id: devKonqi + anchors.right: parent.right + anchors.bottom: parent.bottom + anchors.bottomMargin: Screen.pixelDensity * 3 + anchors.rightMargin: Screen.pixelDensity * 2 + height: devText.height + + fillMode: Image.PreserveAspectFit + source: "qrc:/konqi/app-dev.png" + } } - } - Item { - id: attributionItem - Text { - id: attributionText - anchors.left: parent.left - anchors.right: devQtKonqi.left - anchors.bottom: parent.bottom - anchors.margins: Screen.pixelDensity * 1 - anchors.leftMargin: Screen.pixelDensity * 2 - - wrapMode: Text.WrapAtWordBoundaryOrAnywhere - width: parent.width - text: qsTr("

Attribution

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("

Attribution

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"