Add close icon for Symbian; add all-orientation support for Harmattan.
[jaffas-playground:bedside.git] / qml / Bedside / AboutPane.qml
1 import QtQuick 1.0
2
3 Rectangle {
4     id: aboutRoot
5     width: parent.width
6     height: panel.height * 1.1
7     y: parent.height
8     opacity: 0
9     color: '#222222'
10
11     Image {
12         source: '../../images/Bedside.png'
13         sourceSize.height: 64
14         anchors.left: parent.left
15         anchors.top: parent.top
16         anchors.leftMargin: 5
17         anchors.topMargin: 5
18     }
19
20     Column {
21         id: panel
22         width: parent.width
23         spacing: 10
24         Text {
25             width: parent.width
26             text: "Bedside"
27             color: "white"
28             font.pixelSize: 42
29             font.bold: true
30             horizontalAlignment: Text.AlignHCenter
31         }
32         Text {
33             width: parent.width
34             text: '<style>a:link{color:#FF0000}</style>Released under the <a href="http://www.perlfoundation.org/artistic_license_2_0">Artistic License</a>'
35             textFormat: Text.RichText
36             color: "white"
37             font.pixelSize: 20
38             horizontalAlignment: Text.AlignHCenter
39             onLinkActivated: Qt.openUrlExternally(link)
40             wrapMode: Text.WordWrap
41         }
42         Text {
43             width: parent.width
44             text: '<style>a:link{color:#FF0000}</style>Copyright &copy; <a href="mailto:andrew@bleb.org">Andrew Flegg</a> & <a href="mailto:andrew.olmsted@gmail.com">Andrew Olmsted</a> 2011'
45             textFormat: Text.RichText
46             color: "white"
47             font.pixelSize: 20
48             horizontalAlignment: Text.AlignHCenter
49             wrapMode: Text.WordWrap
50         }
51         Text {
52             width: parent.width
53             text: '<b>Tip:</b> Swipe left/right horizontally to change colours<br/>Double-tap the screen to adjust brightness'
54             textFormat: Text.RichText
55             color: "white"
56             font.pixelSize: 20
57             horizontalAlignment: Text.AlignHCenter
58             wrapMode: Text.WordWrap
59         }
60     }
61
62     states: State {
63         name: 'show'
64         PropertyChanges { target: aboutPane; opacity: 0.95; y: root.height - aboutRoot.height }
65         PropertyChanges { target: aboutTimer; running: true }
66         PropertyChanges { target: hideAbout; enabled: true }
67     }
68
69     transitions: Transition {
70         NumberAnimation { properties: "opacity"; duration: 500 }
71         NumberAnimation { properties: "y"; duration: 500; easing.type: Easing.InOutBack }
72     }
73
74     Timer {
75        id: aboutTimer
76        interval: 30000
77        running: false
78        repeat: false
79        onTriggered: aboutPane.state = ''
80     }
81
82     SmallButton {
83         anchors.bottom: parent.bottom
84         anchors.right: parent.right
85         text: 'x'
86     }
87
88     MouseArea {
89         id: hideAbout
90         x: 0; y: 0; z: 100
91         height: aboutRoot.parent.height
92         width: aboutRoot.parent.width
93         enabled: false
94         onClicked: aboutPane.state = ''
95     }
96 }
97