From 4ba6598725baeaad0c922c6a040824e3650fed13 Mon Sep 17 00:00:00 2001
From: Bumsik Kim <kbumsik@gmail.com>
Date: Sat, 12 May 2018 02:36:11 -0400
Subject: [PATCH] QML: Groupbox for IP list

---
 main.qml | 59 +++++++++++++++++++++++++++++++++++---------------------
 1 file changed, 37 insertions(+), 22 deletions(-)

diff --git a/main.qml b/main.qml
index 15c772d..ba99a09 100644
--- a/main.qml
+++ b/main.qml
@@ -98,22 +98,6 @@ ApplicationWindow {
     // menuBar: MenuBar {
     // }
 
-    header: TabBar {
-        id: tabBar
-        position: TabBar.Footer
-        // Material.primary: Material.Teal
-
-        currentIndex: 0
-
-        TabButton {
-            text: qsTr("Display")
-        }
-
-        TabButton {
-            text: qsTr("VNC")
-        }
-    }
-
     menuBar: ToolBar {
         id: toolbar
         font.weight: Font.Medium
@@ -134,6 +118,22 @@ ApplicationWindow {
         }
     }
 
+    header: TabBar {
+        id: tabBar
+        position: TabBar.Footer
+        // Material.primary: Material.Teal
+
+        currentIndex: 0
+
+        TabButton {
+            text: qsTr("Display")
+        }
+
+        TabButton {
+            text: qsTr("VNC")
+        }
+    }
+
     // footer: ToolBar {
     //     font.weight: Font.Medium
     //     font.pointSize: 11 //parent.font.pointSize + 1
@@ -165,6 +165,9 @@ ApplicationWindow {
 
     StackLayout {
         width: parent.width
+        anchors.top: tabBar.bottom
+        anchors.bottom: parent.bottom
+
         currentIndex: tabBar.currentIndex
 
         ColumnLayout {
@@ -433,15 +436,27 @@ ApplicationWindow {
                 }
             }
 
-            ListView {
-                id: ipListView
-                height: 200
+
+            GroupBox {
+                title: "Available IP addresses"
+                anchors.top: vncButton.top
+                anchors.bottom: parent.bottom
                 anchors.left: parent.left
                 anchors.right: parent.right
+                anchors.topMargin: 70
 
-                model: backend.ipAddresses
-                delegate: Text {
-                    text: modelData
+                ColumnLayout {
+                    anchors.fill: parent
+
+                    ListView {
+                        id: ipListView
+                        anchors.fill: parent
+                        
+                        model: backend.ipAddresses
+                        delegate: Label {
+                            text: modelData
+                        }
+                    }
                 }
             }
         }