From 449c8a97db68266130830ecfde4386df63253d42 Mon Sep 17 00:00:00 2001
From: piotrpekala7 <31202938+piotrpekala7@users.noreply.github.com>
Date: Wed, 6 May 2020 12:18:00 +0200
Subject: [PATCH] roll back changes

---
 .../node-select-interface.component.html             | 12 +++---------
 .../node-select-interface.component.ts               | 11 ++++-------
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/src/app/components/project-map/node-select-interface/node-select-interface.component.html b/src/app/components/project-map/node-select-interface/node-select-interface.component.html
index 54b44e31..23c5bab7 100644
--- a/src/app/components/project-map/node-select-interface/node-select-interface.component.html
+++ b/src/app/components/project-map/node-select-interface/node-select-interface.component.html
@@ -1,15 +1,9 @@
 <div class="context-menu" [style.left]="leftPosition" [style.top]="topPosition" *ngIf="node">
   <span [matMenuTriggerFor]="selectInterfaceMenu"></span>
   <mat-menu [style.min-height]="0" #selectInterfaceMenu="matMenu" class="context-menu-items">
-    <button mat-menu-item *ngFor="let port of ports" (click)="chooseInterface(port)" [disabled]="!port.available">
-      <svg *ngIf="port.available" width="10" height="10">
-        <rect class="status" x="0" y="0" width="10" height="10" fill="green"></rect>
-      </svg>
-      <svg *ngIf="!port.available" width="10" height="10">
-        <rect class="status" x="0" y="0" width="10" height="10" fill="red"></rect>
-      </svg>
-      <!-- <mat-icon>add_circle_outline</mat-icon> -->
-      <span class="port">{{ port.name }}</span>
+    <button mat-menu-item *ngFor="let port of availablePorts" (click)="chooseInterface(port)">
+      <mat-icon>add_circle_outline</mat-icon>
+      <span>{{ port.name }}</span>
     </button>
   </mat-menu>
 </div>
diff --git a/src/app/components/project-map/node-select-interface/node-select-interface.component.ts b/src/app/components/project-map/node-select-interface/node-select-interface.component.ts
index 17cbcf41..9068f58f 100644
--- a/src/app/components/project-map/node-select-interface/node-select-interface.component.ts
+++ b/src/app/components/project-map/node-select-interface/node-select-interface.component.ts
@@ -20,6 +20,7 @@ export class NodeSelectInterfaceComponent implements OnInit {
   protected topPosition;
   protected leftPosition;
   public node: Node;
+  public availablePorts: Port[];
   public ports: Port[];
 
   constructor(
@@ -53,15 +54,11 @@ export class NodeSelectInterfaceComponent implements OnInit {
         }
       });
     });
-
-    this.ports = [];
+    this.availablePorts = [];
     this.node.ports.forEach((port: Port) => {
-      if (linkNodes.filter((linkNode: LinkNode) => linkNode.port_number === port.port_number).length === 0) {
-        port.available = true;
-      } else {
-        port.available = false;
+      if(linkNodes.filter((linkNode: LinkNode) => linkNode.port_number === port.port_number).length === 0){
+        this.availablePorts.push(port);
       }
-      this.ports.push(port);
     });
   }