GUI -- Empty table now has a "no items found" row, and table width set to track window width.

Change-Id: I32d3403926fe3c3686fc0219b4880dcb15888e61

@@ -30,6 +30,11 @@ table.summary-list tbody {
     border-radius: 0 0 8px 8px;
     border-radius: 0 0 8px 8px;
 }
 }
 
 
+table.summary-list td.nodata {
+    text-align: center;
+    font-style: italic;
+}
+
 .light table.summary-list tr:nth-child(even) {
 .light table.summary-list tr:nth-child(even) {
     background-color: #ddd;
     background-color: #ddd;
 }
 }

@@ -167,9 +167,13 @@
                         w: window.innerWidth
                         w: window.innerWidth
                     };
                     };
                 }, function (newVal) {
                 }, function (newVal) {
+                    var wsz = fs.windowSize(0, 30);
                     scope.windowHeight = newVal.h;
                     scope.windowHeight = newVal.h;
                     scope.windowWidth = newVal.w;
                     scope.windowWidth = newVal.w;
 
 
+                    // default table size in case no data elements
+                    table.style('width', wsz.width + 'px');
+
                     scope.$on('LastElement', function () {
                     scope.$on('LastElement', function () {
                         // only adjust the table once it's completely loaded
                         // only adjust the table once it's completely loaded
                         fixTable(table, thead, tbody);
                         fixTable(table, thead, tbody);

@@ -21,6 +21,12 @@
         </thead>
         </thead>
 
 
         <tbody>
         <tbody>
+            <tr ng-hide="ctrl.tableData.length">
+                <td class="nodata" colspan="10">
+                    No Devices found
+                </td>
+            </tr>
+
             <tr ng-repeat="dev in ctrl.tableData"
             <tr ng-repeat="dev in ctrl.tableData"
                 ng-repeat-done>
                 ng-repeat-done>
                 <td class="table-icon">
                 <td class="table-icon">

@@ -17,6 +17,12 @@
         </thead>
         </thead>
 
 
         <tbody>
         <tbody>
+            <tr ng-hide="ctrl.tableData.length">
+                <td class="nodata" colspan="6">
+                    No Hosts found
+                </td>
+            </tr>
+
             <tr ng-repeat="host in ctrl.tableData"
             <tr ng-repeat="host in ctrl.tableData"
                 ng-repeat-done>
                 ng-repeat-done>
                 <td class="table-icon">
                 <td class="table-icon">

@@ -31,6 +31,12 @@
         </thead>
         </thead>
 
 
         <tbody>
         <tbody>
+            <tr ng-hide="ctrl.tableData.length">
+                <td class="nodata" colspan="4">
+                    No Intents found
+                </td>
+            </tr>
+
             <tr ng-repeat-start="intent in ctrl.tableData">
             <tr ng-repeat-start="intent in ctrl.tableData">
                 <td>{{intent.appId}}</td>
                 <td>{{intent.appId}}</td>
                 <td>{{intent.key}}</td>
                 <td>{{intent.key}}</td>