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
|
import QtQuick 2.0
import Ubuntu.Components 1.1
GridView{
id: yearView
clip: true
property int scrollMonth;
property bool isCurrentItem;
property int year;
readonly property int minCellWidth: units.gu(30)
cellWidth: Math.floor(Math.min.apply(Math, [3, 4].map(function(n)
{ return ((width / n >= minCellWidth) ? width / n : width / 2) })))
cellHeight: cellWidth * 1.4
model: 12 /* months in a year */
onYearChanged: {
scrollMonth = 0;
var today = new Date();
if(year == today.getFullYear()) {
scrollMonth = today.getMonth();
}
yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
}
//scroll in case content height changed
onHeightChanged: {
yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
}
Component.onCompleted: {
yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
}
Connections{
target: yearPathView
onScrollUp: {
scrollMonth -= 2;
if(scrollMonth < 0) {
scrollMonth = 0;
}
yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
}
onScrollDown: {
scrollMonth += 2;
var visibleMonths = yearView.height / cellHeight;
if( scrollMonth >= (11 - visibleMonths)) {
scrollMonth = (11 - visibleMonths);
}
yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
}
}
delegate: Loader {
width: yearView.cellWidth
height: yearView.cellHeight
sourceComponent: delegateComponent
asynchronous: !yearView.focus
Component {
id: delegateComponent
Item {
anchors.fill: parent
anchors.margins: units.gu(0.5)
MonthComponent {
id: monthComponent
objectName: "monthComponent" + index
showEvents: false
currentMonth: new Date(yearView.year, index, 1, 0, 0, 0, 0)
isCurrentItem: yearView.focus
isYearView: true
anchors.fill: parent
dayLabelFontSize:"x-small"
dateLabelFontSize: "medium"
monthLabelFontSize: "medium"
yearLabelFontSize: "medium"
onMonthSelected: {
yearViewPage.monthSelected(date);
}
}
}
}
}
}
|