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
|
/*
* 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 "ViewType.js" as ViewType
Row{
id: header
property int type: ViewType.ViewTypeWeek
property var startDay: DateExt.today();
property bool isCurrentItem: false
property var currentDay
property int highlightedIndex;
property var selectedDay;
signal dateSelected(var date);
signal dateHighlighted(var date);
width: parent.width
height: units.gu(4)
function findSelectedDayIndex() {
if(!selectedDay){
return -1;
}
return DateExt.daysBetween(startDay, selectedDay);
}
onIsCurrentItemChanged: {
highlightedIndex = -1
}
onSelectedDayChanged: {
if(isCurrentItem){
highlightedIndex = findSelectedDayIndex()
}
}
Repeater{
model: type == ViewType.ViewTypeWeek ? 7 : 1
delegate: HeaderDateComponent{
date: type == ViewType.ViewTypeWeek ? startDay.addDays(index) : startDay
dayFormat: Locale.ShortFormat
highlighted: (type == ViewType.ViewTypeWeek) && (highlightedIndex === index)
dayColor: {
if( type == ViewType.ViewTypeWeek && date.isSameDay(DateExt.today())){
//header.highlightedIndex = index
UbuntuColors.orange
} /*else if( type == ViewType.ViewTypeDay && date.isSameDay(currentDay) ) {
UbuntuColors.orange
} */ else {
UbuntuColors.darkGrey
}
}
width: type == ViewType.ViewTypeWeek ? ( header.width/7) : header.width
height: header.height
onDateSelected: {
if( type == ViewType.ViewTypeDay ){
header.dateSelected(date);
} else {
if(highlighted) {
header.dateSelected(date);
} else {
header.highlightedIndex = index
header.dateHighlighted(date);
}
}
}
Loader{
objectName: "divider"
height: parent.height
width: units.gu(0.1)
sourceComponent: type == ViewType.ViewTypeWeek ? dividerComponent : undefined
}
Component {
id: dividerComponent
SimpleDivider{
anchors.fill: parent
}
}
}
}
}
|