Merge lp:~renatofilho/messaging-app/settings-create-account into lp:~phablet-team/messaging-app/irc-service

[Renato Araujo Oliveira Filho]

Allow create online accounts from settings page.

[lp:~renatofilho/messaging-app/settings-create-account]

621. By Renato Araujo Oliveira Filho on 2017-01-11

Update settings item visual.

=== added file 'src/qml/OnlineAccountsHelper.qml'
--- src/qml/OnlineAccountsHelper.qml	1970-01-01 00:00:00 +0000
+++ src/qml/OnlineAccountsHelper.qml	2017-01-11 14:12:19 +0000
@@ -0,0 +1,91 @@
+/*
+ * Copyright (C) 2014 Canonical, Ltd.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; version 3.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import QtQuick 2.4
+import Ubuntu.Components 1.3
+import Ubuntu.OnlineAccounts 0.1
+import Ubuntu.OnlineAccounts.Client 0.1
+import Ubuntu.Components.Popups 1.3
+
+Item {
+    id: root
+
+    property var dialogInstance: null
+
+    function run(){
+        if (!root.dialogInstance) {
+            root.dialogInstance = PopupUtils.open(dialog)
+        }
+    }
+
+    Component {
+        id: dialog
+        Dialog {
+            id: dialogue
+            title: "Online Accounts"
+            text: i18n.tr("Pick an account to create.")
+
+            ScrollView {
+                width: dialog.width
+                height: Math.min(listView.count, 3) * units.gu(7)
+
+                ListView {
+                    id: listView
+
+                    anchors.fill: parent
+                    clip: true
+                    model: ProviderModel {
+                        applicationId: "messaging-app"
+                    }
+                    delegate: ListItem {
+                        ListItemLayout {
+                            title.text: model.displayName
+
+                            Image {
+                                SlotsLayout.position: SlotsLayout.First
+                                source: "image://theme/" + model.iconName
+                                width: units.gu(5)
+                                height: width
+                            }
+                        }
+                        onClicked: {
+                            listView.enabled = false
+                            setup.providerId = model.providerId
+                            setup.exec()
+                        }
+                    }
+                }
+            }
+            Button {
+                text: i18n.tr("Cancel")
+                onClicked: PopupUtils.close(dialogue)
+            }
+
+            Component.onDestruction: {
+                root.dialogInstance  = null
+            }
+        }
+    }
+
+    Setup {
+        id: setup
+        applicationId: "messaging-app"
+        providerId: "irc"
+        onFinished: {
+            PopupUtils.close(root.dialogInstance)
+        }
+    }
+}

=== modified file 'src/qml/SettingsPage.qml'
--- src/qml/SettingsPage.qml	2016-11-10 01:36:05 +0000
+++ src/qml/SettingsPage.qml	2017-01-11 14:12:19 +0000
@@ -19,6 +19,7 @@
 import QtQuick 2.2
 import Ubuntu.Components 1.3
 import Ubuntu.Components.ListItems 1.3 as ListItem
+import Ubuntu.OnlineAccounts.Client 0.1
 
 Page {
     id: settingsPage
@@ -85,18 +86,46 @@
                     }
                 }
             }
+            ListItem.ThinDivider {
+                anchors {
+                    left: parent.left
+                    right: parent.right
+                    bottom: parent.bottom
+                }
+            }
         }
     }
 
-    ListView {
+    Column {
         anchors {
             top: pageHeader.bottom
             left: parent.left
             right: parent.right
-            bottom: parent.bottom
-        }
-        model: settingsModel
-        delegate: settingDelegate
+        }
+        height: childrenRect.height
+
+        Repeater {
+            anchors {
+                left: parent.left
+                right: parent.right
+            }
+            model: settingsModel
+            delegate: settingDelegate
+        }
+
+        ListItem.Standard {
+            id: addAccount
+
+            anchors {
+                left: parent.left
+                right: parent.right
+            }
+
+            text: i18n.tr("Add an online account")
+            progression: true
+            onClicked: onlineAccountHelper.item.run()
+            enabled: onlineAccountHelper.status == Loader.Ready
+        }
     }
 
     Loader {
@@ -114,4 +143,13 @@
             hint.height: 0
         }
     }
+
+    Loader {
+        id: onlineAccountHelper
+
+        anchors.fill: parent
+        asynchronous: true
+        source: Qt.resolvedUrl("OnlineAccountsHelper.qml")
+    }
+
 }