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
|
/*
* 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.4
import Ubuntu.Components 1.3
import "dateExt.js" as DateExt
import "colorUtils.js" as Color
PageWithBottomEdge {
id: monthViewPage
objectName: "monthViewPage"
property var anchorDate: DateExt.today();
readonly property var firstDayOfAnchorDate: new Date(anchorDate.getFullYear(),
anchorDate.getMonth(),
1,
0, 0, 0)
readonly property var currentDate: monthViewPath.currentItem.indexDate
property var selectedDay;
property var highlightedDate;
signal dateSelected(var date);
Keys.forwardTo: [monthViewPath]
createEventAt: highlightedDate ? highlightedDate : currentDate
onAnchorDateChanged: monthViewPath.scrollToBegginer()
Action {
id: calendarTodayAction
objectName:"todaybutton"
iconName: "calendar-today"
text: i18n.tr("Today")
onTriggered: {
anchorDate = new Date().midnight()
}
}
header: PageHeader {
id: pageHeader
leadingActionBar.actions: tabs.tabsAction
trailingActionBar.actions: [
calendarTodayAction,
commonHeaderActions.showCalendarAction,
commonHeaderActions.reloadAction,
commonHeaderActions.syncCalendarAction,
commonHeaderActions.settingsAction
]
title: {
// 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
var monthName = currentDate.toLocaleString(Qt.locale(),i18n.tr("MMMM yyyy"))
return monthName[0].toUpperCase() + monthName.substr(1, monthName.length - 1)
}
flickable: null
}
PathViewBase{
id: monthViewPath
objectName: "monthViewPath"
anchors {
fill: parent
topMargin: header.height
}
delegate: MonthWithEventsComponent {
property var indexDate: firstDayOfAnchorDate.addMonths(monthViewPath.loopCurrentIndex + monthViewPath.indexType(index))
currentMonth: indexDate.getMonth()
currentYear: indexDate.getFullYear()
modelFilter: eventModel.filter
width: parent.width - units.gu(4)
height: parent.height
isCurrentItem: PathView.isCurrentItem
isActive: !monthViewPath.moving && !monthViewPath.flicking
displayWeekNumber: mainView.displayWeekNumber
highlightedDate: monthViewPage.highlightedDate
isYearView: false
onDateSelected: {
monthViewPage.dateSelected(date);
}
onDateHighlighted: {
monthViewPage.highlightedDate = date
}
}
}
}
|