commit 0bc4de2196a5f62f53a7674f3c7f5ae2991edc4e
author Bri Prebilic Cole <bri@onlab.us> Mon Jul 20 17:07:55 2015 -0700
committer Gerrit Code Review <gerrit@onlab.us> Tue Jul 21 01:14:51 2015 +0000
tree 4dd6a75f836c6a51eff122b9ba53da8cfcc7c732
parent 2dbf8e48b5174b9e9c0b9b7f3ecf11c3bbca840e

ONOS-2325 - GUI -- Table View rows now flash yellow when their information updates. Minor device details panel bug fix.

Change-Id: I78eb0f90af00ce4484255d7e9e0c3c8a10a0eda7

web/gui/src/main/webapp/app/view/intent/intent.css

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 9f9923b..ed9cd48 100644
--- a/web/gui/src/main/webapp/app/view/intent/intent.css
+++ b/web/gui/src/main/webapp/app/view/intent/intent.css
@@ -47,6 +47,23 @@
     background-color: #333;
 }
 
+.light #ov-intent tr:nth-child(6n + 1).data-change,
+.light #ov-intent tr:nth-child(6n + 2).data-change,
+.light #ov-intent tr:nth-child(6n + 3).data-change,
+.light #ov-intent tr:nth-child(6n + 4).data-change,
+.light #ov-intent tr:nth-child(6n + 5).data-change,
+.light #ov-intent tr:nth-child(6n).data-change {
+    background-color: #FDFFDC;
+}
+.dark #ov-intent tr:nth-child(6n + 1).data-change,
+.dark #ov-intent tr:nth-child(6n + 2).data-change,
+.dark #ov-intent tr:nth-child(6n + 3).data-change,
+.dark #ov-intent tr:nth-child(6n + 4).data-change,
+.dark #ov-intent tr:nth-child(6n + 5).data-change,
+.dark #ov-intent tr:nth-child(6n).data-change {
+    background-color: #5A5600;
+}
+
 #ov-intent td.resources,
 #ov-intent td.details {
     padding-left: 36px;

web/gui/src/main/webapp/app/view/intent/intent.html

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 4fcb453..193267e 100644
--- a/web/gui/src/main/webapp/app/view/intent/intent.html
+++ b/web/gui/src/main/webapp/app/view/intent/intent.html
@@ -48,17 +48,18 @@
                     </td>
                 </tr>
 
-                <tr ng-repeat-start="intent in tableData track by $index">
+                <tr ng-repeat-start="intent in tableData track by $index"
+                    onos-flash-changes row="{{intent}}" row-id="key">
                     <td>{{intent.appId}}</td>
                     <td>{{intent.key}}</td>
                     <td>{{intent.type}}</td>
                     <td>{{intent.priority}}</td>
                     <td>{{intent.state}}</td>
                 </tr>
-                <tr>
+                <tr class="multi-row">
                     <td class="resources" colspan="5">{{intent.resources}}</td>
                 </tr>
-                <tr ng-repeat-end>
+                <tr class="multi-row" ng-repeat-end>
                     <td class="details" colspan="5">{{intent.details}}</td>
                 </tr>
             </table>