Added d3 force graph to GUI2 topology
Change-Id: I6860472efaf51ea27fad74e630e687f0c6abad3d
diff --git a/web/gui2/src/main/webapp/app/view/topology/panel/details/details.component.html b/web/gui2/src/main/webapp/app/view/topology/panel/details/details.component.html
index af8f6a0..d79954b 100644
--- a/web/gui2/src/main/webapp/app/view/topology/panel/details/details.component.html
+++ b/web/gui2/src/main/webapp/app/view/topology/panel/details/details.component.html
@@ -21,14 +21,14 @@
<use width="26" height="26" class="glyph" xlink:href="#m_switch"></use>
</svg>
</div>
- <h2 class="clickable">rest:10.1.2.2:443</h2>
+ <h2 class="clickable">{{ selectedNode?.id }}</h2>
</div>
<div class="body">
<table>
<tbody>
<tr>
<td class="label">URI :</td>
- <td class="value">null:0000000000000002</td>
+ <td class="value">{{ selectedNode?.id }}</td>
</tr>
<tr>
<td class="label">Vendor :</td>
diff --git a/web/gui2/src/main/webapp/app/view/topology/panel/details/details.component.ts b/web/gui2/src/main/webapp/app/view/topology/panel/details/details.component.ts
index 0fcf179..935b2ce 100644
--- a/web/gui2/src/main/webapp/app/view/topology/panel/details/details.component.ts
+++ b/web/gui2/src/main/webapp/app/view/topology/panel/details/details.component.ts
@@ -13,7 +13,7 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-import { Component, OnInit } from '@angular/core';
+import {Component, Input, OnInit} from '@angular/core';
import { animate, state, style, transition, trigger } from '@angular/animations';
import {
LogService,
@@ -22,6 +22,7 @@
DetailsPanelBaseImpl,
WebSocketService
} from 'gui2-fw-lib';
+import {Node} from '../../layer/forcesvg/models';
/*
ONOS GUI -- Topology Details Panel.
@@ -51,6 +52,7 @@
]
})
export class DetailsComponent extends DetailsPanelBaseImpl implements OnInit {
+ @Input() selectedNode: Node = undefined;
constructor(
protected fs: FnService,