Preparation for interfaces labels

src/app/cartography/shared/models/link-node.ts

@@ -0,0 +1,8 @@
+import { Label } from "./label";
+
+export class LinkNode {
+  node_id: string;
+  adapter_number: number;
+  port_number: number;
+  label: Label;
+}

src/app/cartography/shared/models/link-status.ts

@@ -1,3 +1,7 @@
 export class LinkStatus {
-  public constructor(public x: number, public y: number, public status: string) {}
+  public constructor(
+    public x: number,
+    public y: number,
+    public status: string
+  ) {}
 }

src/app/cartography/shared/models/link.ts

@@ -1,5 +1,7 @@
-import {Node} from "./node";
+import { Node } from "./node";
-import {Selectable} from "../managers/selection-manager";
+import { LinkNode } from "./link-node";
+import { Selectable } from "../managers/selection-manager";
+
 
 export class Link implements Selectable {
   capture_file_name: string;
@@ -7,7 +9,7 @@ export class Link implements Selectable {
   capturing: boolean;
   link_id: string;
   link_type: string;
-  nodes: Node[];
+  nodes: LinkNode[];
   project_id: string;
   distance: number; // this is not from server
   length: number; // this is not from server

src/app/cartography/shared/widgets/interface-label.ts

@@ -0,0 +1,30 @@
+import { SVGSelection } from "../models/types";
+import { Link } from "../models/link";
+
+
+export class InterfaceLabelWidget {
+  draw(selection: SVGSelection) {
+
+    const labels = selection
+      .selectAll<SVGTextElement, Link>('text.interface_label')
+      .data((l: Link) => [l]);
+
+    const enter = labels
+      .enter()
+        .append<SVGTextElement>('text')
+          .attr('class', 'interface_label');
+
+    const merge = labels
+      .merge(enter);
+
+    merge
+      .text((l: Link) => l.nodes[0].label.text)
+      .attr('x', (l: Link) => Math.round(l.source.x + l.nodes[0].label.x))
+      .attr('y', (l: Link) => Math.round(l.source.y + l.nodes[0].label.y));
+
+    labels
+      .exit()
+      .remove();
+
+  }
+}

src/app/cartography/shared/widgets/links.ts

@@ -8,6 +8,7 @@ import { MultiLinkCalculatorHelper } from "../../map/helpers/multi-link-calculat
 import { SerialLinkWidget } from "./serial-link";
 import { EthernetLinkWidget } from "./ethernet-link";
 import { Layer } from "../models/layer";
+import { InterfaceLabelWidget } from "./interface-label";
 
 
 export class LinksWidget implements Widget {
@@ -95,6 +96,9 @@ export class LinksWidget implements Widget {
         }
         return null;
       });
+
+    const interfaceLabel = new InterfaceLabelWidget();
+    interfaceLabel.draw(selection);
   }
 
   public draw(view: SVGSelection, links?: Link[]) {
@@ -124,6 +128,7 @@ export class LinksWidget implements Widget {
 
     this.revise(merge);
 
+
     link
       .exit()
         .remove();