summaryrefslogtreecommitdiffstats
path: root/views/calendar/qml/DateSelector.qml
blob: cdaa819bf1d8bec99cb0a978f9278db69a245dcc (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
/*
 *  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
        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()
            }
        }
    }
}