phone: qml: add 'Sync Contacts' button to ContactsView

Allow user to request new/initial phonebook OBEX transfers
from connected device.

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

1 files changed, 63 insertions, 39 deletions

diff --git a/app/ContactsView.qml b/app/ContactsView.qml
index 539a9e8..5c2c327 100644
--- a/app/ContactsView.qml
+++ b/app/ContactsView.qml
@@ -18,6 +18,7 @@
 import QtQuick 2.6
 import QtQuick.Layouts 1.3
 import QtQuick.Controls 2.0
+import QtQuick.Controls.Styles 1.4
 import AGL.Demo.Controls 1.0
 import PhoneNumber 1.0
 
@@ -42,53 +43,76 @@ Item {
 
     signal call(var cname, var cnumber)
 
-    ListView {
+    ColumnLayout {
         anchors.fill: parent
-        model: ContactsModel
-        //cacheBuffer: 2880
-        delegate: MouseArea {
-            width: ListView.view.width
-            height: width / 3
-            RowLayout {
-                anchors.fill: parent
-                anchors.leftMargin: 200
-                spacing: 100
-                Image {
-                    source: model.modelData.photo ? model.modelData.photo : './images/HMI_ContactScreen_ImageHolder-01.svg'
-                    Layout.preferredWidth: 160
-                    Layout.preferredHeight: 160
-                }
-                ColumnLayout {
-                    Label {
-                        Layout.fillWidth: true
-                        color: '#59FF7F'
-                        font.pixelSize: 50
-                        text: model.modelData.name
+        anchors.topMargin: 50
+        anchors.bottomMargin: 50
+        spacing: 20
+
+        Button {
+            Layout.preferredWidth: 600
+            Layout.preferredHeight: 75
+            Layout.alignment: Qt.AlignHCenter
+            id: control
+            text: "Sync Contacts"
+            font.pixelSize: 50
+            z: 1
+
+            onClicked: {
+                pbap.importContacts(-1)
+            }
+        }
+
+        ListView {
+            model: ContactsModel
+            Layout.alignment: Qt.AlignHCenter
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            //cacheBuffer: 2880
+            delegate: MouseArea {
+                width: ListView.view.width
+                height: width / 3
+                RowLayout {
+                    anchors.fill: parent
+                    anchors.leftMargin: 200
+                    spacing: 100
+                    Image {
+                        source: model.modelData.photo ? model.modelData.photo : './images/HMI_ContactScreen_ImageHolder-01.svg'
+                        Layout.preferredWidth: 160
+                        Layout.preferredHeight: 160
                     }
-                    Repeater {
-                        model: numbers
-                        delegate: Label {
+                    ColumnLayout {
+                        Label {
                             Layout.fillWidth: true
+                            color: '#59FF7F'
                             font.pixelSize: 50
-                            text: display_type(type) + ": " + number
+                            text: model.modelData.name
+                        }
+                        Repeater {
+                            model: numbers
+                            delegate: Label {
+                                Layout.fillWidth: true
+                                font.pixelSize: 50
+                                text: display_type(type) + ": " + number
+                            }
                         }
                     }
                 }
+                onClicked: {
+                    root.call(model.name, model.numbers[0].number)
+                }
             }
-            onClicked: {
-                root.call(model.name, model.numbers[0].number)
-            }
-        }
-        section.property: 'name'
-        section.criteria: ViewSection.FirstCharacter
-        section.delegate: Item {
-            Label {
-                width: root.width / 5
-                height: width
-                horizontalAlignment: Text.AlignHCenter
-                verticalAlignment: Text.AlignVCenter
-                color: '#59FF7F'
-                text: section
+            section.property: 'name'
+            section.criteria: ViewSection.FirstCharacter
+            section.delegate: Item {
+                Label {
+                    width: root.width / 5
+                    height: width
+                    horizontalAlignment: Text.AlignHCenter
+                    verticalAlignment: Text.AlignVCenter
+                    color: '#59FF7F'
+                    text: section
+                }
             }
         }
     }