From 576132fa7ede6772d17ba4e041b253a01c23312a Mon Sep 17 00:00:00 2001
From: Oscar Andreasson <oscar.andreasson@pelagicore.com>
Date: Thu, 23 Jul 2015 20:38:33 -0700
Subject: [PATCH] Calendar.qml: added. QmlMirror.qml: add Calendar to layout.

---
 Calendar.qml  | 100 ++++++++++++++++++++++++++++++++++++++++++++++++++
 QmlMirror.pro |   3 +-
 QmlMirror.qml |   8 ++++
 3 files changed, 110 insertions(+), 1 deletion(-)
 create mode 100644 Calendar.qml

diff --git a/Calendar.qml b/Calendar.qml
new file mode 100644
index 0000000..c4c7ab0
--- /dev/null
+++ b/Calendar.qml
@@ -0,0 +1,100 @@
+import QtQuick 2.0
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 1.3
+import QtQuick.Controls.Styles 1.2
+
+
+Rectangle {
+    id: root
+    ListModel {
+        id: calendarEntryModel
+
+        ListElement {
+            owner: "Oscar"
+
+            subItems: [
+                ListElement { time: "09:00"; heading: "Dentist" },
+                ListElement { time: "10:00"; heading: "Standup" },
+                ListElement { time: "12:00"; heading: "Lunch" },
+                ListElement { time: "16:00"; heading: "Phone conference" }
+            ]
+        }
+
+        ListElement {
+            owner: "Maria"
+
+            subItems: [
+                ListElement { time: "12:00"; heading: "Lunch" },
+                ListElement { time: "16:00"; heading: "Pick up Kerstin" }
+            ]
+        }
+
+
+    }
+
+    //  TODO: Not fixed to show nested lists
+    TableView {
+        id: tableView
+        anchors.fill: parent
+        model: calendarEntryModel
+        frameVisible: false
+
+        Component.onCompleted: {
+            console.log(root.width)
+            console.log(tableView.width)
+        }
+
+        style: TableViewStyle {
+            backgroundColor: "black"
+            alternateBackgroundColor: "black"
+
+            headerDelegate: Rectangle {
+                height: textItem.implicitHeight
+                width: textItem.implicitWidth
+                color: "black"
+                Text {
+                    id: textItem
+                    horizontalAlignment: Text.AlignLeft
+                    text: styleData.value
+                    font.bold: true
+                    color: "white"
+                }
+            }
+
+            itemDelegate: Rectangle {
+                color: "black"
+
+                Text {
+                    id: itemText
+                    anchors.verticalCenter: parent.verticalCenter
+                    color: "white"
+                    text: styleData.value
+                }
+            }
+
+        }
+
+        TableViewColumn {
+            role: "number"
+            title: "No"
+            width: tableView.width / 6
+        }
+        TableViewColumn {
+            role: "destination"
+            title: "Destination"
+            width: (tableView.width / 6) * 3
+        }
+        TableViewColumn {
+            role: "arriving"
+            title: "Arriving"
+            width: tableView.width / 6
+        }
+        TableViewColumn {
+            role: "next"
+            title: "Next"
+            width: (tableView.width / 6)
+        }
+    }
+
+}
+
diff --git a/QmlMirror.pro b/QmlMirror.pro
index 9fd15fd..735d22e 100644
--- a/QmlMirror.pro
+++ b/QmlMirror.pro
@@ -16,7 +16,8 @@ SOURCES = QmlMirror.qml \
     Weather.qml \
     Transport.qml \
     Position.qml \
-    Main.qml
+    Main.qml \
+    Calendar.qml
 
 OTHER_FILES = \
     LICENSE
diff --git a/QmlMirror.qml b/QmlMirror.qml
index a17cdc1..13f0be7 100644
--- a/QmlMirror.qml
+++ b/QmlMirror.qml
@@ -23,12 +23,20 @@ Rectangle {
     }
 
     Clock {
+        id: clockId
         anchors.top: positionId.bottom
         anchors.left: parent.left
         width: 360
         height: 240
     }
 
+    Calendar {
+        anchors.top: clockId.bottom
+        anchors.left: parent.left
+        width: 360
+        height: 480
+    }
+
     Rectangle {
         id: weatherId
         width: 360