Add icons and images dependent on device resolution
[harbour-pedalo.git] / qml / pages / About.qml
1 import QtQuick 2.0
2 import Sailfish.Silica 1.0
3 import "../components"
4
5 Page {
6     id: aboutPage
7     // The version property is now in the application
8     // initialisation code in harbour-pedalo.cpp
9     //property string version: "?.?-?"
10
11     // The effective value will be restricted by ApplicationWindow.allowedOrientations
12     allowedOrientations: Orientation.All
13
14     VerticalScrollDecorator {}
15
16     SilicaFlickable {
17         anchors.fill: parent
18         contentHeight: aboutColumn.height
19         flickableDirection: Flickable.VerticalFlick
20
21         Column {
22             id: aboutColumn
23             width: parent.width
24             spacing: Theme.paddingLarge
25
26             PageHeader {
27                 title: qsTr("About Pedalo")
28             }
29
30             Image {
31                 anchors.topMargin: Theme.paddingLarge
32                 anchors.horizontalCenter: parent.horizontalCenter
33                 source  : Qt.resolvedUrl("image://pedalo/pedalo-title")
34             }
35
36             Label {
37                 text: qsTr("Compare your pedalo performance with others")
38                 wrapMode: Text.WordWrap
39                 font.pixelSize: Theme.fontSizeSmall
40                 anchors {
41                     leftMargin: Theme.paddingLarge
42                     rightMargin: Theme.paddingLarge
43                     left: parent.left
44                     right: parent.right
45                 }
46             }
47
48             InfoRow {
49                 label: qsTr("Version:")
50                 value: version
51                 midlineRatio: 0.3
52                 midlineMin: Theme.fontSizeSmall * 5
53                 midlineMax: Theme.fontSizeSmall * 10
54             }
55
56             InfoRow {
57                 label: qsTr("Author:")
58                 value: "David Llewellyn-Jones"
59                 midlineRatio: 0.3
60                 midlineMin: Theme.fontSizeSmall * 5
61                 midlineMax: Theme.fontSizeSmall * 10
62             }
63
64             InfoRow {
65                 label: qsTr("Licence:")
66                 value: "MIT"
67                 midlineRatio: 0.3
68                 midlineMin: Theme.fontSizeSmall * 5
69                 midlineMax: Theme.fontSizeSmall * 10
70             }
71
72             SectionHeader {
73                 text: qsTr("Links")
74             }
75
76             Row {
77                 spacing: Theme.paddingLarge
78                 anchors.horizontalCenter: parent.horizontalCenter
79                 Button {
80                     id: website
81                     text: qsTr("Website")
82                     enabled: true
83                     onClicked: Qt.openUrlExternally("http://www.flypig.co.uk/?to=pedalo")
84                 }
85                 Button {
86                     id : email
87                     text: qsTr("Email")
88                     enabled: true
89                     onClicked: Qt.openUrlExternally("mailto:david@flypig.co.uk")
90                 }
91             }
92         }
93     }
94 }
95