ONOS-4733: Simplified Settings Table view (removed redundant data)
- Now shows just simple class name for component
- Removed default value column
- Values that are *not* the same as the default are highlighted (emboldened)
- Table rows now selectable and show details panel
- panel shows component fully qualified class name
- panel currently read-only
- in future, user will be able to change the property value from here
Change-Id: I01a2af727dcfad82c6b7d2378701a5cb3e24e43a
diff --git a/web/gui/src/main/webapp/app/view/settings/settings.html b/web/gui/src/main/webapp/app/view/settings/settings.html
index fef2ffe..7903977 100644
--- a/web/gui/src/main/webapp/app/view/settings/settings.html
+++ b/web/gui/src/main/webapp/app/view/settings/settings.html
@@ -14,11 +14,10 @@
<div class="table-header" onos-sortable-header>
<table>
<tr>
- <td colId="component" sortable col-width="300px">Component </td>
- <td colId="id" sortable col-width="240px">Property </td>
+ <td colId="component" sortable col-width="260px">Component </td>
+ <td colId="id" sortable col-width="260px">Property </td>
<td colId="type" sortable col-width="100px">Type </td>
<td colId="value" sortable col-width="100px">Value </td>
- <td colId="defValue" sortable col-width="100px">Default </td>
<td colId="desc">Description </td>
</tr>
</table>
@@ -33,17 +32,21 @@
</tr>
<tr ng-repeat="prop in tableData track by $index"
+ ng-click="selectCallback($event, prop)"
+ ng-class="{selected: prop.id === selId}"
ng-repeat-complete row-id="{{prop.id}}">
<td>{{prop.component}}</td>
<td>{{prop.id}}</td>
<td>{{prop.type}}</td>
- <td>{{prop.value}}</td>
- <td>{{prop.defValue}}</td>
+ <td ng-class="{notdef: prop.value !== prop.defValue}">
+ {{prop.value}}
+ </td>
<td>{{prop.desc}}</td>
</tr>
</table>
</div>
</div>
+ <settings-details-panel></settings-details-panel>
</div>