8 files changed, 259 insertions, 0 deletions

diff --git a/components/mailviewer/qml/EmbededPart.qml b/components/mailviewer/qml/EmbededPart.qml
new file mode 100644
index 00000000..11d1081c
--- /dev/null
+++ b/components/mailviewer/qml/EmbededPart.qml
@@ -0,0 +1,36 @@
+import QtQuick 2.4
+
+Item {
+
+    height: mailPart.height
+    width: mailPart.width
+
+
+    Rectangle {
+        id: border
+        color: "lightgrey"
+        height: mailPart.height
+        width: 5
+    }
+
+    Text {
+        id: sender
+
+        anchors {
+            left: border.right
+            leftMargin: 15
+        }
+
+        text: "sent by " + model.sender + " on  " + model.date
+        color: "grey"
+    }
+
+    MailPart {
+        id: mailPart
+
+        anchors.top: sender.bottom
+
+    }
+
+}
+
diff --git a/components/mailviewer/qml/EncryptedPart.qml b/components/mailviewer/qml/EncryptedPart.qml
new file mode 100644
index 00000000..9f4b984e
--- /dev/null
+++ b/components/mailviewer/qml/EncryptedPart.qml
@@ -0,0 +1,51 @@
+import QtQuick 2.4
+import QtQuick.Controls 1.5
+
+Item {
+
+    height: mailPart.height
+    width: mailPart.width
+
+   // Rectangle {
+     //   id: border
+
+       // border.width: 5
+      //  border.color: "lightgreen"
+    //}
+
+        BorderImage {
+
+        anchors.fill: parent
+        border { left: 40; top: 40; right: 40; bottom: 40 }
+        horizontalTileMode: BorderImage.Repeat
+        verticalTileMode: BorderImage.Repeat
+
+        source: model.trusted ?  "bordergreen.png" : "bordergrey.png"
+    }
+
+    MailPart {
+        id: mailPart
+
+    }
+
+    Rectangle {
+
+        anchors {
+            top: parent.top
+            right: parent.right
+        }
+
+        height: 50
+        width: 50
+
+        radius: 100
+
+        color: model.trusted ? "lightgreen" : "lightgrey"
+
+        ToolButton {
+            anchors.fill: parent
+
+            iconName: "document-encrypt"
+        }
+    }
+}
diff --git a/components/mailviewer/qml/MailModel.qml b/components/mailviewer/qml/MailModel.qml
new file mode 100644
index 00000000..8177b9d4
--- /dev/null
+++ b/components/mailviewer/qml/MailModel.qml
@@ -0,0 +1,32 @@
+import QtQuick 2.4
+
+ListModel {
+
+    ListElement {
+        type: "encrypted"
+        trusted: true
+        content: [
+        ListElement {
+            type: "plaintext"
+            textContent: "Moin, \n find the forwarded mail below. \n \n - M"
+            embeded: false
+        },
+        ListElement {
+            type: "embeded"
+            sender: "Senderson"
+            date: "05/05/2055"
+            content: [
+            ListElement{
+                type: "plaintext"
+                textContent: "sender mc senderson is a sender. sender mc senderson is a sender. sender mc senderson is a  mc senderson is a sender sender mc senderson is a sender sender mc senderson is a sender sender mc senderson is a sender sender mc senderson is a sender sender mc   a sender sender mc  is a sender sender mc senderson is a sendersender mc senderson is a sender"
+                embeded: true
+            }]
+        }
+        ]
+    }
+    ListElement {
+        type: "plaintext"
+        textContent: "footer mc footerson"
+        embeded: false
+    }
+}
diff --git a/components/mailviewer/qml/MailPart.qml b/components/mailviewer/qml/MailPart.qml
new file mode 100644
index 00000000..d7ae425f
--- /dev/null
+++ b/components/mailviewer/qml/MailPart.qml
@@ -0,0 +1,61 @@
+import QtQuick 2.4
+
+Item {
+    id: root
+
+    height: partColumn.height + 40
+    width: delegateRoot.width
+
+    Column {
+        id: partColumn
+
+        anchors {
+            top: parent.top
+            left: parent.left
+            right: parent.right
+            margins: 20
+        }
+
+        spacing: 10
+
+        Repeater {
+            model: content
+
+            delegate: Column {
+                id: delegateRoot
+
+                width: partColumn.width
+
+                Loader {
+                    id: loader
+                }
+
+                Component.onCompleted: {
+
+                    switch (model.type) {
+                        case "encrypted":
+                            loader.source = "EncryptedPart.qml";
+                            break;
+                        case "embeded":
+                            loader.source = "EmbededPart.qml";
+                            break;
+                        case "frame":
+                            loader.source = "Frame.qml"
+                            break;
+                        case "plaintext":
+                            loader.source = "TextPart.qml";
+                            break;
+                    }
+                }
+            }
+        }
+
+
+        Item {
+            id: footer
+
+            height: 5
+            width: 10
+        }
+    }
+}
diff --git a/components/mailviewer/qml/TextPart.qml b/components/mailviewer/qml/TextPart.qml
new file mode 100644
index 00000000..3a4c8d22
--- /dev/null
+++ b/components/mailviewer/qml/TextPart.qml
@@ -0,0 +1,10 @@
+import QtQuick 2.4
+
+Text  {
+    width: delegateRoot.width
+
+    text: model.textContent
+    wrapMode: Text.WordWrap
+
+    color: embeded ? "grey" : "black"
+}
diff --git a/components/mailviewer/qml/bordergreen.png b/components/mailviewer/qml/bordergreen.png
new file mode 100644
index 00000000..9071d809
--- /dev/null
+++ b/components/mailviewer/qml/bordergreen.png
diff --git a/components/mailviewer/qml/bordergrey.png b/components/mailviewer/qml/bordergrey.png
new file mode 100644
index 00000000..1baa8345
--- /dev/null
+++ b/components/mailviewer/qml/bordergrey.png
diff --git a/components/mailviewer/qml/dummyapp.qml b/components/mailviewer/qml/dummyapp.qml
new file mode 100644
index 00000000..878b77ed
--- /dev/null
+++ b/components/mailviewer/qml/dummyapp.qml
@@ -0,0 +1,69 @@
+import QtQuick 2.4
+
+Rectangle {
+    id: app
+
+    width: 1200
+    height: 700
+
+    Rectangle {
+        anchors.fill: parent
+
+        color: "black"
+
+        opacity: 0.8
+
+    }
+
+    Rectangle {
+
+        anchors.centerIn: parent
+
+        height: mainColumn.height + 50
+        width: parent.width * 0.9
+
+        Column {
+            id: mainColumn
+
+            anchors.centerIn: parent
+
+            width: parent.width - 50
+
+            spacing: 10
+
+            Repeater {
+                model: MailModel {}
+
+                delegate: Column {
+                    id: delegateRoot
+
+                    width: mainColumn.width
+
+                    Loader {
+                        id: loader
+                    }
+
+                    Component.onCompleted: {
+                        switch (model.type) {
+                            case "red":
+                                loader.source = "Rect2.qml";
+                                break;
+                            case "green":
+                                loader.source = "Rect1.qml";
+                                break;
+                            case "encrypted":
+                                loader.source = "EncryptedPart.qml";
+                                break;
+                            case "frame":
+                                loader.source = "Frame.qml";
+                                break;
+                            case "plaintext":
+                                loader.source = "TextPart.qml";
+                                break;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}