ONOS-2325 - GUI -- Rewrite / bug fix for table row flashing. Multi-rows act like a unit and row flashes when a single new element is added.
Change-Id: I7be876281c0c86b927366223fc87372ea21034ec
diff --git a/web/gui/src/main/webapp/app/view/port/port.css b/web/gui/src/main/webapp/app/view/port/port.css
index 6639539..7fcfee3 100644
--- a/web/gui/src/main/webapp/app/view/port/port.css
+++ b/web/gui/src/main/webapp/app/view/port/port.css
@@ -42,4 +42,8 @@
#ov-port td {
text-align: right;
-}
\ No newline at end of file
+}
+
+#ov-port tr.no-data td {
+ text-align: center;
+}
diff --git a/web/gui/src/main/webapp/app/view/port/port.html b/web/gui/src/main/webapp/app/view/port/port.html
index d18d883..2a6d59e 100644
--- a/web/gui/src/main/webapp/app/view/port/port.html
+++ b/web/gui/src/main/webapp/app/view/port/port.html
@@ -62,7 +62,7 @@
</div>
<div class="table-body">
- <table>
+ <table onos-flash-changes id-prop="id">
<tr ng-if="!tableData.length" class="no-data">
<td colspan="8">
No Ports found
@@ -70,7 +70,7 @@
</tr>
<tr ng-repeat="port in tableData track by $index"
- onos-flash-changes row="{{port}}" row-id="id">
+ ng-repeat-complete row-id="{{port.id}}">
<td>{{port.id}}</td>
<td>{{port.pkt_rx}}</td>
<td>{{port.pkt_tx}}</td>