1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
|
/*
* Copyright 2013 Canonical Ltd.
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation; version 3.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* Authored by Andrea Cimitan <andrea.cimitan@canonical.com>
*/
import QtQuick 2.0
import Ubuntu.Components 0.1
import "SettingsComponents"
MainView {
// Note! applicationName needs to match the .desktop filename
applicationName: "SettingsComponents"
width: units.gu(42)
height: units.gu(75)
ListModel {
id: mediaPlayerModel
ListElement { song: "Mine"; artist: "Taylor Swift"; album: "Speak Now"; albumArt: "SettingsComponents/MediaPlayer/speak-now.jpg"}
ListElement { song: "Stony Ground"; artist: "Richard Thompson"; album: "Electric"; albumArt: "SettingsComponents/MediaPlayer/electric.jpg"}
ListElement { song: "Los Robots"; artist: "Kraftwerk"; album: "The Man-Machine"; albumArt: "SettingsComponents/MediaPlayer/the-man-machine.jpg"}
}
ListModel {
id: timeZoneModel
ListElement { city: "San Francisco"; time: "3:00am" }
ListElement { city: "London"; time: "11:00am" }
ListElement { city: "Rome"; time: "12:00am" }
}
ListModel {
id: eventModel
ListElement { eventColor: "yellow"; name: "Lunch with Lola"; description: "Some nice Thai food in the bay area"; date: "1:10 PM" }
ListElement { eventColor: "green"; name: "Gym"; description: "Workout with John"; date: "6:30 PM" }
ListElement { eventColor: "red"; name: "Birthday Party"; description: "Don't forget your present!"; date: "9:00 PM" }
}
Page {
title: "SettingsComponents"
Flickable {
id: flickable
anchors.fill: parent
contentWidth: column.width
contentHeight: column.height
Column {
id: column
width: flickable.width
height: childrenRect.height
SliderMenu {
text: i18n.tr("Slider")
}
ProgressBarMenu {
text: i18n.tr("ProgressBar")
indeterminate: true
}
ButtonMenu {
text: i18n.tr("Button")
buttonText: i18n.tr("Hello world!")
}
CalendarMenu {
id: calendar
currentDate: new Date(2013, 6, 2) // june 2013
minimumDate: new Date(2013, 4, 2) // april 2013
maximumDate: new Date(2013, 7, 2) // july 2013
}
UserSessionMenu {
name: i18n.tr("Lola Chang")
icon: Qt.resolvedUrl("avatar.png")
active: true
}
MediaPlayerMenu {
property int index: 0
onPrevious: index = Math.max(index - 1, 0)
onNext: index = Math.min(index + 1, mediaPlayerModel.count - 1)
song: mediaPlayerModel.get(index).song;
artist: mediaPlayerModel.get(index).artist;
album: mediaPlayerModel.get(index).album;
albumArt: mediaPlayerModel.get(index).albumArt;
}
Column {
anchors {
left: parent.left
right: parent.right
}
Repeater {
model: timeZoneModel
TimeZoneMenu {
city: model.city
time: model.time
}
}
}
Column {
anchors {
left: parent.left
right: parent.right
}
Repeater {
model: eventModel
EventMenu {
name: model.name
description: model.description
eventColor: model.eventColor
date: model.date
}
}
}
}
}
}
}
|