feat(manageAccounts): use reusable components (DialogDescription/DialogPlus)

tests/linphone.pro

@@ -21,6 +21,7 @@ TRANSLATIONS = \
 lupdate_only{
   # Each component folder must be added explicitly.
   SOURCES = \
+    ui/components/dialog/*.qml \
     ui/components/form/*.qml \
     ui/views/*.qml
 }

tests/resources.qrc

@@ -5,6 +5,8 @@
   <file>languages/fr.qm</file>
 
   <!-- UI. -->
+  <file>ui/components/dialog/DialogDescription.qml</file>
+  <file>ui/components/dialog/DialogPlus.qml</file>
   <file>ui/components/form/Collapse.qml</file>
   <file>ui/components/form/DialogButton.qml</file>
   <file>ui/components/form/DialogComboBox.qml</file>

tests/ui/components/dialog/DialogDescription.qml

+import QtQuick 2.7
+
+Item {
+    property alias text: description.text
+    property alias fontSize: description.font.pointSize
+
+    height: 90
+
+    Text {
+        anchors.fill: parent
+        anchors.leftMargin: 50
+        anchors.rightMargin: 50
+        font.pointSize: 12
+        id: description
+        verticalAlignment: Text.AlignVCenter
+        wrapMode: Text.WordWrap
+    }
+}

tests/ui/components/dialog/DialogPlus.qml

+import QtQuick 2.7
+import QtQuick.Controls 2.0
+import QtQuick.Layouts 1.3
+import QtQuick.Window 2.2
+
+import 'qrc:/ui/components/dialog'
+import 'qrc:/ui/components/form'
+
+Window {
+    default property alias contents: content.data
+
+    // Optionnal description text.
+    property alias descriptionText: description.text
+
+    // Required buttons.
+    property alias buttons: buttons.data
+
+    id: window
+    modality: Qt.WindowModal
+
+    ColumnLayout {
+        anchors.fill: parent
+        spacing: 0
+
+        // Description.
+        DialogDescription {
+            Layout.alignment : Qt.AlignTop
+            Layout.fillWidth: true
+            id: description
+        }
+
+        // Content.
+        Item {
+            Layout.alignment: Qt.AlignTop
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            id: content
+        }
+
+        // Buttons.
+        Item {
+            Layout.alignment: Qt.AlignTop
+            Layout.fillWidth: true
+            height: 100
+
+            Row {
+                anchors.left: parent.left
+                anchors.leftMargin: 50
+                anchors.right: parent.right
+                anchors.verticalCenter: parent.verticalCenter
+                height: 30
+                id: buttons
+                spacing: 20
+            }
+        }
+    }
+}

tests/ui/components/form/DialogButton.qml

@@ -5,7 +5,6 @@ Button {
     background: Rectangle {
         color: button.down ? '#FE5E00' : '#434343'
         implicitWidth: 120
-        implicitHeight: 30
         radius: 4
     }
     contentItem: Text {

tests/ui/views/main_window.qml

@@ -29,9 +29,16 @@ ApplicationWindow {
             // User actions.
             ToolBarButton {
                 onClicked: {
-                    var component = Qt.createComponent("qrc:/ui/views/manage_accounts.qml");
-                    var win = component.createObject(mainWindow);
-                    win.show();
+                    var component = Qt.createComponent('qrc:/ui/views/manage_accounts.qml');
+                    if (component.status !== Component.Ready) {
+                        console.debug('Window not ready.')
+                        if(component.status === Component.Error) {
+                            console.debug('Error:' + component.errorString())
+                        }
+                    } else {
+                        var win = component.createObject(mainWindow);
+                        win.show();
+                    }
                 }
             }