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
|
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Controls
import QtQuick.Controls.Material
import QtQuick.Layouts
import App
ApplicationWindow {
id: window
width: 800
height: 600
title: qsTr("Event Calendar")
visible: true
required property EventDatabase eventDatabase
readonly property date currentDate: new Date()
header: ToolBar {
Label {
text: window.currentDate.toLocaleString(locale, "MMMM yyyy")
font.pixelSize: Qt.application.font.pixelSize * 1.25
anchors.centerIn: parent
}
}
GridLayout {
anchors.fill: parent
columns: 2
DayOfWeekRow {
id: dayOfWeekRow
locale: grid.locale
font.bold: false
delegate: Label {
text: model.shortName
font: dayOfWeekRow.font
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
Layout.column: 1
Layout.fillWidth: true
}
WeekNumberColumn {
month: grid.month
year: grid.year
locale: grid.locale
font.bold: false
Layout.fillHeight: true
}
MonthGrid {
id: grid
month: window.currentDate.getMonth()
year: window.currentDate.getFullYear()
spacing: 0
readonly property int gridLineThickness: 1
Layout.fillWidth: true
Layout.fillHeight: true
delegate: MonthGridDelegate {
id: gridDelegate
visibleMonth: grid.month
eventDatabase: window.eventDatabase
}
background: Item {
x: grid.leftPadding
y: grid.topPadding
width: grid.availableWidth
height: grid.availableHeight
// Vertical lines
Row {
spacing: (parent.width - (grid.gridLineThickness * rowRepeater.model)) / rowRepeater.model
Repeater {
id: rowRepeater
model: 7
delegate: Rectangle {
width: 1
height: grid.height
color: "#ccc"
}
}
}
// Horizontal lines
Column {
spacing: (parent.height - (grid.gridLineThickness * columnRepeater.model)) / columnRepeater.model
Repeater {
id: columnRepeater
model: 6
delegate: Rectangle {
width: grid.width
height: 1
color: "#ccc"
}
}
}
}
}
}
}
|
