summaryrefslogtreecommitdiffstats
path: root/views/calendar/qml/DayChooser.qml
blob: 0a40b1a9532a1e693fbd831bdb3faa8933914fd5 (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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
/*
 *  Copyright (C) 2017 Michael Bohlender, <bohlender@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.7
import QtQuick.Layouts 1.2
import org.kube.framework 1.0 as Kube
import Qt.labs.calendar 1.0

Item {
    id: root

    height: button.height
    width: button.width

    Kube.Button {
        id: button

        text: "Choose Date"

        onClicked: {
            popup.open()
        }

        Kube.Popup {
            id: popup

            property var year: 2018
            property var month: Calendar.April

            x: button.x
            y: button.y + button.height
            width: monthGrid.width + Kube.Units.largeSpacing * 2
            height: monthGrid.height + Kube.Units.largeSpacing * 2
            modal: true
            focus: true

            ColumnLayout {
                id: monthGrid

                anchors.centerIn: parent

                RowLayout {
                    Kube.Label {
                        text: "May" //FIXME popup.month
                    }
                    Kube.Label {
                        text: popup.year
                    }
                    Kube.IconButton {
                        iconName: Kube.Icons.goUp

                        onClicked: {
                            if (popup.month == Calendar.January) {
                                popup.month = Calendar.December
                                popup.year--;
                            } else {
                                popup.month--;
                            }
                        }

                    }
                    Kube.IconButton {
                        iconName: Kube.Icons.goDown

                        onClicked: {
                            if (popup.month == Calendar.December) {
                                popup.month = Calendar.January
                                popup.year++;
                            } else {
                                popup.month++;
                            }
                        }
                    }
                }

                GridLayout {

                    columns: 2

                    DayOfWeekRow {
                        locale: grid.locale

                        Layout.column: 1
                        Layout.fillWidth: true
                    }

                    WeekNumberColumn {
                        month: grid.month
                        year: grid.year
                        locale: grid.locale

                        Layout.fillHeight: true
                    }

                    MonthGrid {
                        id: grid
                        month: popup.month
                        year: popup.year
                        locale: Qt.locale("en_GB") //FIXME

                        Layout.fillWidth: true
                        Layout.fillHeight: true

                        delegate: Kube.AbstractButton {
                            text: model.day

                            width: Kube.Units.gridUnit * 3
                        }
                    }
                }
            }
        }
    }
}