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
|
import QtQuick 2.0
import Ubuntu.Components 0.1
import "dateExt.js" as DateExt
Page {
id: yearViewPage
objectName: "yearViewPage"
property int currentYear: DateExt.today().getFullYear();
signal monthSelected(var date);
Keys.forwardTo: [yearPathView]
PathViewBase {
id: yearPathView
objectName: "yearPathView"
anchors.fill: parent
onNextItemHighlighted: {
currentYear = currentYear + 1;
}
onPreviousItemHighlighted: {
currentYear = currentYear - 1;
}
delegate: GridView{
id: yearView
clip: true
focus: index == yearPathView.currentIndex
property int scrollMonth: 0;
property bool isCurrentItem: index == yearPathView.currentIndex
property int year: (yearViewPage.currentYear + yearPathView.indexType(index))
width: parent.width
height: parent.height
anchors.top: parent.top
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;
yearView.positionViewAtIndex(scrollMonth, GridView.Beginning);
}
//scroll in case content height changed
onHeightChanged: {
scrollMonth = 0;
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: Item {
width: yearView.cellWidth
height: yearView.cellHeight
MonthComponent {
id: monthComponent
showEvents: false
currentMonth: new Date(yearView.year, index, 1, 0, 0, 0, 0)
isYearView: true
anchors.fill: parent
anchors.margins: units.gu(0.5)
dayLabelFontSize:"x-small"
dateLabelFontSize: "medium"
monthLabelFontSize: "medium"
yearLabelFontSize: "small"
onMonthSelected: {
yearViewPage.monthSelected(date);
}
}
}
}
}
}
|