messaging: change application to pages format

Allow multiple pages in application for various functions
(e.g. notifications/alerts, message threads, compose message)

TODO: Change from placeholder phone applicaion icons

Bug-AGL: SPEC-2566
Change-Id: Ic2759716f47f75f43f775a98c44f447989c2e30f
Signed-off-by: Matt Ranostay <matt.ranostay@konsulko.com>

1 files changed, 55 insertions, 0 deletions

diff --git a/app/NotificationPage.qml b/app/NotificationPage.qml
new file mode 100644
index 0000000..6ce5e4a
--- /dev/null
+++ b/app/NotificationPage.qml
@@ -0,0 +1,55 @@
+/*
+ * Copyright (C) 2019 Konsulko Group
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.11
+import QtQuick.Layouts 1.11
+import QtQuick.Controls 2.4
+import AGL.Demo.Controls 1.0
+
+Item {
+    id: root
+
+    Connections {
+        target: messaging
+
+        onNotificationEvent: {
+            notificationModel.append({"name": message.sender.fn, "message": message.message })
+            notificationView.currentIndex = notificationModel.count - 1
+        }
+    }
+
+    ListModel {
+        id: notificationModel
+    }
+
+    ListView {
+        anchors.fill: parent
+        anchors.margins: 20
+
+        id: notificationView
+        model: notificationModel
+
+        highlight: Rectangle {
+            color: "transparent"
+            radius: 5
+            border.color: "white"
+            border.width: 1
+        }
+        highlightFollowsCurrentItem: true
+
+        delegate: Notification { }
+    }
+}