wired: add service configuration form

Add a new UI form to  facilitate wired networks
configuration.
This form will allow static addressing
configuration and customizing dns addresses.
Please note that this commit only provides the
visual part and doesn't implement the
functionality, which will follow in separate
commits.

Bug-AGL: SPEC-2676
Signed-off-by: Raquel Medina <raquel.medina@konsulko.com>
Change-Id: Ib851f0ed14d2885185d1c6b9292c627ef954d15b
(cherry picked from commit b591cf219f6c485eb054b628d62475a752f0ffa3)

1 files changed, 26 insertions, 4 deletions

diff --git a/app/wired/Wired.qml b/app/wired/Wired.qml
index a200824..6e3e28b 100644
--- a/app/wired/Wired.qml
+++ b/app/wired/Wired.qml
@@ -15,9 +15,9 @@
  * limitations under the License.
  */
 
-import QtQuick 2.6
+import QtQuick 2.11
 import QtQuick.Layouts 1.1
-import QtQuick.Controls 2.0
+import QtQuick.Controls 2.4
 import AGL.Demo.Controls 1.0
 import ".."
 
@@ -40,7 +40,7 @@ SettingPage {
                     id: networkNameText
                     text: service
                     color: '#66FF99'
-                    font.pixelSize: 48
+                    font.pixelSize: 38
                     font.bold: sstate === "ready"
                                || sstate === "online"
                 }
@@ -52,6 +52,29 @@ SettingPage {
                     color: "white"
                 }
             }
+            Column {
+                anchors.left: networkName.right
+                anchors.leftMargin: 50
+                Button {
+                    visible: sstate === "ready"
+                             || sstate === "online"
+                    font.pixelSize: 18
+                    text: "CONFIGURE"
+                    onClicked: {
+                        customconf.open()
+                   }
+
+                   ConfigDialog {
+                       id: customconf
+                       parent: Overlay.overlay
+                       maxpwidth: 744
+                       maxpheight: 744
+                       xpos: (parent.width - maxpwidth)/2
+                       ypos: (parent.height - maxpheight)
+                       serviceName: service
+                   }
+                }
+            }
             onClicked: {
                 if ((sstate === "ready") || sstate === "online") {
                     console.log("Disconnecting from ->", service)
@@ -88,6 +111,5 @@ SettingPage {
         onInputRequest: {
                 console.log("Only unauthenticated access implemented for wired")
         }
-
     }
 }