GUI -- Updated Intent View to have resources and details listed for each intent.
Change-Id: I2dc0f88970a574d0fe91348fa91bc16b7143a68b
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 d0cb9a2..47ea2aa 100644
--- a/web/gui/src/main/webapp/app/view/intent/intent.css
+++ b/web/gui/src/main/webapp/app/view/intent/intent.css
@@ -18,5 +18,28 @@
ONOS GUI -- Intent View -- CSS file
*/
-#ov-intent td {
-}
\ No newline at end of file
+.light #ov-intent tr:nth-child(6n + 1),
+.light #ov-intent tr:nth-child(6n + 2),
+.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) {
+ 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) {
+ 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) {
+ background-color: #333;
+}
+
+#ov-intent td.resources,
+#ov-intent td.details {
+ padding-left: 36px;
+}
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 c3ff85a..15be2c2 100644
--- a/web/gui/src/main/webapp/app/view/intent/intent.html
+++ b/web/gui/src/main/webapp/app/view/intent/intent.html
@@ -31,13 +31,18 @@
</thead>
<tbody>
- <tr ng-repeat="intent in ctrl.intentData"
- ng-repeat-done>
+ <tr ng-repeat-start="intent in ctrl.intentData">
<td>{{intent.appId}}</td>
<td>{{intent.key}}</td>
<td>{{intent.type}}</td>
<td>{{intent.priority}}</td>
</tr>
+ <tr>
+ <td class="resources" colspan="4">{{intent.resources}}</td>
+ </tr>
+ <tr ng-repeat-end ng-repeat-done>
+ <td class="details" colspan="4">{{intent.details}}</td>
+ </tr>
</tbody>
</table>