GUI -- Resizing tabular view refactor and minor CSS edits. App View auto-refreshes by default again.
Change-Id: I362733996c340ed9fd5d674534c29181b7015410
diff --git a/web/gui/src/main/webapp/app/view/intent/intent.css b/web/gui/src/main/webapp/app/view/intent/intent.css
index 49bfc18..9f9923b 100644
--- a/web/gui/src/main/webapp/app/view/intent/intent.css
+++ b/web/gui/src/main/webapp/app/view/intent/intent.css
@@ -26,24 +26,24 @@
width: 45px;
}
+.light #ov-intent tr:nth-child(6n + 1),
.light #ov-intent tr:nth-child(6n + 2),
-.light #ov-intent tr:nth-child(6n + 3),
-.light #ov-intent tr:nth-child(6n + 4) {
+.light #ov-intent tr:nth-child(6n + 3) {
background-color: #eee;
}
+.light #ov-intent tr:nth-child(6n + 4),
.light #ov-intent tr:nth-child(6n + 5),
-.light #ov-intent tr:nth-child(6n + 6),
-.light #ov-intent tr:nth-child(6n + 1) {
+.light #ov-intent tr:nth-child(6n) {
background-color: #ddd;
}
+.dark #ov-intent tr:nth-child(6n + 1),
.dark #ov-intent tr:nth-child(6n + 2),
-.dark #ov-intent tr:nth-child(6n + 3),
-.dark #ov-intent tr:nth-child(6n + 4) {
+.dark #ov-intent tr:nth-child(6n + 3) {
background-color: #444;
}
+.dark #ov-intent tr:nth-child(6n + 4),
.dark #ov-intent tr:nth-child(6n + 5),
-.dark #ov-intent tr:nth-child(6n + 6),
-.dark #ov-intent tr:nth-child(6n + 1) {
+.dark #ov-intent tr:nth-child(6n) {
background-color: #333;
}
diff --git a/web/gui/src/main/webapp/app/view/intent/intent.html b/web/gui/src/main/webapp/app/view/intent/intent.html
index e60e788..9c754fd 100644
--- a/web/gui/src/main/webapp/app/view/intent/intent.html
+++ b/web/gui/src/main/webapp/app/view/intent/intent.html
@@ -25,7 +25,7 @@
</div>
</div>
- <div class="summary-list" onos-fixed-header>
+ <div class="summary-list" onos-table-resize>
<div class="table-header"
onos-sortable-header
@@ -44,13 +44,13 @@
<div class="table-body">
<table>
- <tr ng-hide="tableData.length" class="no-data ignore-width">
+ <tr ng-if="!tableData.length" class="no-data">
<td colspan="5">
No Intents found
</td>
</tr>
- <tr ng-repeat-start="intent in tableData">
+ <tr ng-repeat-start="intent in tableData track by $index">
<td>{{intent.appId}}</td>
<td>{{intent.key}}</td>
<td>{{intent.type}}</td>
@@ -60,7 +60,7 @@
<tr>
<td class="resources" colspan="5">{{intent.resources}}</td>
</tr>
- <tr ng-repeat-end ng-repeat-done>
+ <tr ng-repeat-end>
<td class="details" colspan="5">{{intent.details}}</td>
</tr>
</table>