Merge pull request #547 from GNS3/Usage-instructions-should-be-available-from-context-menu

Usage instructions for nodes

src/app/cartography/converters/map/map-node-to-node-converter.ts

@@ -31,6 +31,7 @@ export class MapNodeToNodeConverter implements Converter<MapNode, Node> {
     node.status = mapNode.status;
     node.symbol = mapNode.symbol;
     node.symbol_url = mapNode.symbolUrl;
+    node.usage = mapNode.usage;
     node.width = mapNode.width;
     node.x = mapNode.x;
     node.y = mapNode.y;

src/app/cartography/converters/map/node-to-map-node-converter.ts

@@ -40,6 +40,7 @@ export class NodeToMapNodeConverter implements Converter<Node, MapNode> {
     mapNode.status = node.status;
     mapNode.symbol = node.symbol;
     mapNode.symbolUrl = node.symbol_url;
+    mapNode.usage = node.usage;
     mapNode.width = node.width;
     mapNode.x = node.x;
     mapNode.y = node.y;

src/app/cartography/models/map/map-node.ts

@@ -23,6 +23,7 @@ export class MapNode implements Indexed {
   status: string;
   symbol: string;
   symbolUrl: string;
+  usage?: string;
   width: number;
   x: number;
   y: number;

src/app/cartography/models/node.ts

@@ -82,6 +82,7 @@ export class Node {
   status: string;
   symbol: string;
   symbol_url: string; // @TODO: full URL to symbol, move to MapNode once converters are moved to app module
+  usage?: string;
   width: number;
   x: number;
   y: number;

src/app/components/project-map/info-dialog/info-dialog.component.html

@@ -9,6 +9,11 @@
                 </div>
             </div>
         </mat-tab>
+        <mat-tab label="Usage instructions">
+            <div class="textBox">
+                {{usage}}
+            </div>
+        </mat-tab>
         <mat-tab label="Command line">
             <div class="textBox">
                 {{commandLine}}

src/app/components/project-map/info-dialog/info-dialog.component.ts

@@ -13,6 +13,7 @@ export class InfoDialogComponent implements OnInit {
     @Input() server: Server;
     @Input() node: Node;
     infoList: string[] = [];
+    usage: string = '';
     commandLine: string = '';
 
     constructor(
@@ -23,6 +24,7 @@ export class InfoDialogComponent implements OnInit {
     ngOnInit() {
         this.infoList = this.infoService.getInfoAboutNode(this.node, this.server);
         this.commandLine = this.infoService.getCommandLine(this.node);
+        this.usage = this.node.usage ? this.node.usage : `No usage information has been provided for this node.`;
     }
 
     onCloseClick() {