blob: bc2975058f8fc572b78c264d7451e51b9efe0e5c (
plain)
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) 2018 Christian Mollekopf, <mollekopf@kolabsys.com>
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
* This program 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, write to the Free Software Foundation, Inc.,
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import QtQuick 2.4
import QtQuick.Controls 2.2
import Qt.labs.calendar 1.0
import org.kube.framework 1.0 as Kube
Column {
id: root
property date selectedDate
spacing: Kube.Units.smallSpacing
Item {
anchors {
left: parent.left
right: parent.right
}
height: Kube.Units.gridUnit
Kube.IconButton {
anchors {
verticalCenter: parent.verticalCenter
left: parent.left
}
color: Kube.Colors.darkBackgroundColor
iconName: Kube.Icons.goBack_inverted
onClicked: {
var dateOffset = (24*60*60*1000) * 7; //7 days
var myDate = root.selectedDate;
myDate.setTime(myDate.getTime() - dateOffset);
root.selectedDate = myDate
}
}
Kube.Label {
anchors {
verticalCenter: parent.verticalCenter
horizontalCenter: parent.horizontalCenter
}
color: Kube.Colors.highlightedTextColor
font.bold: true
text: root.selectedDate.toLocaleString(Qt.locale(), "MMMM yyyy")
}
Kube.IconButton {
anchors {
verticalCenter: parent.verticalCenter
right: parent.right
}
color: Kube.Colors.darkBackgroundColor
iconName: Kube.Icons.goNext_inverted
onClicked: {
var dateOffset = (24*60*60*1000) * 7; //7 days
var myDate = root.selectedDate;
myDate.setTime(myDate.getTime() + dateOffset);
root.selectedDate = myDate
}
}
}
MonthGrid {
id: grid
anchors {
left: parent.left
right: parent.right
}
month: root.selectedDate.getMonth()
year: root.selectedDate.getFullYear()
locale: Qt.locale()
delegate: Text {
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
opacity: model.month === grid.month ? 1 : 0.5
text: model.day
font: grid.font
color: Kube.Colors.highlightedTextColor
Rectangle {
anchors {
left: parent.left
right: parent.right
bottom: parent.bottom
}
width: Kube.Units.gridUnit
height: 1
color: Kube.Colors.plasmaBlue
opacity: 0.6
visible: model.day === root.selectedDate.getDate() && model.month === root.selectedDate.getMonth()
}
}
onClicked: {
root.selectedDate = date
}
}
}
|
