people composer ui

1 files changed, 53 insertions, 0 deletions

diff --git a/views/people/qml/People.qml b/views/people/qml/People.qml
index 1a08d900..41acfba0 100644
--- a/views/people/qml/People.qml
+++ b/views/people/qml/People.qml
@@ -52,6 +52,10 @@ FocusScope {
                 }
                 text: "New Contact"
                 visible: stack.depth == 1
+
+                onClicked: {
+                    stack.push(personComposer)
+                }
             }
 
             Kube.IconButton {
@@ -217,6 +221,55 @@ FocusScope {
 
             PersonPage {
             }
+
+            Kube.Button {
+
+                anchors {
+                    bottom: parent.bottom
+                    right: parent.right
+                    margins: Kube.Units.largeSpacing
+                }
+
+                text: "Edit"
+
+                onClicked: {
+                    stack.push(personComposer)
+                }
+            }
+        }
+    }
+
+
+    Component {
+        id: personComposer
+
+        Rectangle {
+            id: personComposerRoot
+
+            Kube.ContactController {
+                id: contactController
+                contact: ""
+            }
+
+            color: Kube.Colors.viewBackgroundColor
+
+            PersonComposer {
+            }
+
+            Kube.PositiveButton {
+
+                anchors {
+                    bottom: parent.bottom
+                    right: parent.right
+                    margins: Kube.Units.largeSpacing
+                }
+
+                text: "Save"
+
+                onClicked: {
+                    stack.pop()
+                }
+            }
         }
     }
 }