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
|
/*
* Copyright (C) 2013-2014 Canonical Ltd
*
* This file is part of Ubuntu Calendar App
*
* Ubuntu Calendar App is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as
* published by the Free Software Foundation.
*
* Ubuntu Calendar App 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 General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import QtQuick 2.3
import Ubuntu.Components 1.1
import "dateExt.js" as DateExt
import "colorUtils.js" as Color
Page {
id: monthViewPage
objectName: "monthViewPage"
property var currentMonth: DateExt.today();
signal dateSelected(var date);
Keys.forwardTo: [monthViewPath]
Action {
id: calendarTodayAction
objectName:"todaybutton"
iconName: "calendar-today"
text: i18n.tr("Today")
onTriggered: {
currentMonth = new Date().midnight()
}
}
head {
actions: [
calendarTodayAction,
commonHeaderActions.newEventAction,
commonHeaderActions.showCalendarAction,
commonHeaderActions.reloadAction,
commonHeaderActions.syncCalendarAction
]
contents: Label {
objectName:"monthYearLabel"
fontSize: "x-large"
// TRANSLATORS: this is a time formatting string,
// see http://qt-project.org/doc/qt-5/qml-qtqml-date.html#details for valid expressions.
// It's used in the header of the month and week views
text: i18n.tr(currentMonth.toLocaleString(Qt.locale(),i18n.tr("MMMM yyyy")))
font.capitalization: Font.Capitalize
}
}
PathViewBase{
id: monthViewPath
objectName: "monthViewPath"
property var startMonth: currentMonth;
anchors.top:parent.top
width:parent.width
height: parent.height
onNextItemHighlighted: {
nextMonth();
}
onPreviousItemHighlighted: {
previousMonth();
}
function nextMonth() {
currentMonth = addMonth(currentMonth, 1);
}
function previousMonth() {
currentMonth = addMonth(currentMonth, -1);
}
function addMonth(date,month) {
return new Date(date.getFullYear(), date.getMonth() + month, 1, 0, 0, 0);
}
delegate: Loader {
width: parent.width - units.gu(4)
height: parent.height
sourceComponent: delegateComponent
asynchronous: index !== monthViewPath.currentIndex
Component {
id: delegateComponent
MonthComponent {
isCurrentItem: index === monthViewPath.currentIndex
showEvents: true
anchors.fill: parent
currentMonth: monthViewPath.addMonth(monthViewPath.startMonth,
monthViewPath.indexType(index));
isYearView: false
onDateSelected: {
monthViewPage.dateSelected(date);
}
}
}
}
}
}
|