[FEATURE] Add About page

harbour-received.pro

@@ -65,7 +65,9 @@ DISTFILES += \
     qml/components/listmodels/PlayerLayoutListModel.qml \
     qml/components/audioplayer/DockedAudioPlayerLoader.qml \
     qml/components/audioplayer/DockedAudioPlayerSmall.qml \
-    qml/components/audioplayer/DockedAudioPlayerSmallForm.ui.qml
+    qml/components/audioplayer/DockedAudioPlayerSmallForm.ui.qml \
+    qml/pages/AboutPageForm.ui.qml \
+    qml/pages/AboutPage.qml
 
 OTHER_FILES += \
     rpm/harbour-received.changes.in \

qml/pages/AboutPage.qml

+import QtQuick 2.6
+import Sailfish.Silica 1.0
+
+AboutPageForm {
+    issueAction.onClicked: Qt.openUrlExternally("https://gitlab.com/sailfish-apps/Received/issues/new")
+    sourceAction.onClicked: Qt.openUrlExternally("https://gitlab.com/sailfish-apps/Received/")
+}

qml/pages/AboutPageForm.ui.qml

+import QtQuick 2.6
+import Sailfish.Silica 1.0
+
+Page {
+    id: aboutPage
+
+    property alias issueAction: issueAction
+    property alias sourceAction: sourceAction
+
+    SilicaFlickable {
+        id: aboutPageFlickable
+        anchors.fill: parent
+        contentHeight: pageColumns.height
+        VerticalScrollDecorator { flickable: aboutPageFlickable }
+
+        Column {
+            id: pageColumns
+            width: parent.width
+            spacing: Theme.paddingMedium
+
+            PageHeader {
+                title: qsTr("About Received")
+            }
+
+            Image {
+                anchors.horizontalCenter: parent.horizontalCenter
+                fillMode: Image.PreserveAspectFit
+                source: "/usr/share/icons/hicolor/256x256/apps/harbour-received.png"
+            }
+
+
+            Label {
+                width: parent.width
+                anchors.horizontalCenter: parent.horizontalCenter
+                wrapMode: Text.WordWrap
+                maximumLineCount: 2
+                horizontalAlignment: Text.AlignHCenter
+                text: "Received"
+            }
+
+            ButtonLayout {
+                width: parent.width
+
+                Button {
+                    id: issueAction
+                    text: qsTr("Report an Issue")
+                    ButtonLayout.newLine: true
+                }
+
+                Button {
+                    id: sourceAction
+                    text: qsTr("Source code")
+                    ButtonLayout.newLine: true
+                }
+            }
+        }
+    }
+}

qml/pages/SettingsPage.qml

@@ -5,7 +5,7 @@ import "../components/js/Favorites.js" as Favorites
 
 SettingsPageForm {
 
-    aboutAction.onClicked: console.log("TODO")
+    aboutAction.onClicked: pageStack.push(Qt.resolvedUrl("AboutPage.qml"));
 
     buttonResetDb.onClicked: {
         Remorse.popupAction(buttonResetDb, qsTr("Droping DB"), function() {

translations/harbour-received-es.ts

 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE TS>
 <TS version="2.1" language="es_ES">
+<context>
+    <name>AboutPageForm.ui</name>
+    <message>
+        <source>About Received</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Report an Issue</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Source code</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
     <name>ApiLanguageListModel</name>
     <message>

translations/harbour-received-fr.ts

 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE TS>
 <TS version="2.1" language="fr_FR">
+<context>
+    <name>AboutPageForm.ui</name>
+    <message>
+        <source>About Received</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Report an Issue</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Source code</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
     <name>ApiLanguageListModel</name>
     <message>

translations/harbour-received-ru.ts

 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE TS>
 <TS version="2.1">
+<context>
+    <name>AboutPageForm.ui</name>
+    <message>
+        <source>About Received</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Report an Issue</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Source code</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
     <name>ApiLanguageListModel</name>
     <message>

translations/harbour-received-sv.ts

 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE TS>
 <TS version="2.1">
+<context>
+    <name>AboutPageForm.ui</name>
+    <message>
+        <source>About Received</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Report an Issue</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Source code</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
     <name>ApiLanguageListModel</name>
     <message>

translations/harbour-received.ts

 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE TS>
 <TS version="2.1">
+<context>
+    <name>AboutPageForm.ui</name>
+    <message>
+        <source>About Received</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Report an Issue</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Source code</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
     <name>ApiLanguageListModel</name>
     <message>