initial calendar - week view

1 files changed, 141 insertions, 0 deletions

diff --git a/views/calendar/qml/View.qml b/views/calendar/qml/View.qml
new file mode 100644
index 00000000..1b72881d
--- /dev/null
+++ b/views/calendar/qml/View.qml
@@ -0,0 +1,141 @@
+/*
+ *  Copyright (C) 2018 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.4
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import Qt.labs.calendar 1.0
+
+import org.kube.framework 1.0 as Kube
+
+FocusScope {
+    id: root
+
+    property var month: Calendar.March
+    property var year: 2017
+
+
+    Column {
+        anchors.centerIn: parent
+
+        DayOfWeekRow {
+
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            spacing: 0
+            locale: Qt.locale("de")
+
+            delegate: Rectangle {
+                width: Kube.Units.gridUnit * 7
+                height: Kube.Units.gridUnit + Kube.Units.smallSpacing * 3
+
+                border.width: 1
+                border.color: "lightgrey"
+                color: Kube.Colors.viewBackgroundColor
+
+                Kube.Label {
+                    anchors {
+                        top: parent.top
+                        left: parent.left
+                        margins: Kube.Units.smallSpacing
+                    }
+                    text: model.shortName
+                }
+            }
+        }
+
+        Rectangle {
+            height: Kube.Units.gridUnit * 3
+            width: parent.width
+            color: Kube.Colors.viewBackgroundColor
+
+            ListView {
+                id: daylong
+
+                anchors.fill: parent
+
+                model: DaylongEvents {}
+
+                delegate: Item {
+                    height: Kube.Units.gridUnit
+                    width: daylong.width
+
+                    Rectangle {
+                        width: Kube.Units.gridUnit * 7 * model.duration
+                        height: Kube.Units.gridUnit
+                        x: Kube.Units.gridUnit * 7 * model.starts
+                        color: model.color
+
+                        Kube.Label {
+                            anchors {
+                                left: parent.left
+                                leftMargin: Kube.Units.smallSpacing
+                            }
+                            color: Kube.Colors.highlightedTextColor
+                            text: model.text
+                        }
+                    }
+                }
+            }
+        }
+
+        RowLayout {
+
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            spacing: 0
+
+            Repeater {
+                model: WeekEvents{}
+                delegate: Rectangle {
+                    id: day
+
+                    property var events: model.events
+
+                    width: Kube.Units.gridUnit * 7
+                    height: Kube.Units.gridUnit * 20
+
+                    border.width: 1
+                    border.color: "lightgrey"
+                    color: Kube.Colors.viewBackgroundColor
+
+                    Repeater {
+                        model: parent.events
+
+                        delegate: Rectangle {
+                            anchors.horizontalCenter: parent.horizontalCenter
+                            width: parent.width - Kube.Units.smallSpacing * 2
+                            height: Kube.Units.gridUnit * duration
+                            y: Kube.Units.gridUnit * starts
+                            color: model.color
+
+                            Kube.Label {
+                                anchors {
+                                    left: parent.left
+                                    leftMargin: Kube.Units.smallSpacing
+                                }
+                                text: model.text
+                                color: Kube.Colors.highlightedTextColor
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}