ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-06-12 12:08:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

roll back changes

Browse Source
This commit is contained in:
piotrpekala7
2020-05-06 12:18:00 +02:00
parent f185762969
commit 449c8a97db
2 changed files with 7 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/components/project-map/node-select-interface/node-select-interface.component.html
View File

@ -1,15 +1,9 @@
<div class="context-menu" [style.left]="leftPosition" [style.top]="topPosition" *ngIf="node"> <div class="context-menu" [style.left]="leftPosition" [style.top]="topPosition" *ngIf="node">
<span [matMenuTriggerFor]="selectInterfaceMenu"></span> <span [matMenuTriggerFor]="selectInterfaceMenu"></span>
<mat-menu [style.min-height]="0" #selectInterfaceMenu="matMenu" class="context-menu-items"> <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"> <button mat-menu-item *ngFor="let port of availablePorts" (click)="chooseInterface(port)">
<svg *ngIf="port.available" width="10" height="10"> <mat-icon>add_circle_outline</mat-icon>
<rect class="status" x="0" y="0" width="10" height="10" fill="green"></rect> <span>{{ port.name }}</span>
</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> </button>
</mat-menu> </mat-menu>
</div> </div>

11
src/app/components/project-map/node-select-interface/node-select-interface.component.ts
View File

@ -20,6 +20,7 @@ export class NodeSelectInterfaceComponent implements OnInit {
protected topPosition; protected topPosition;
protected leftPosition; protected leftPosition;
public node: Node; public node: Node;
public availablePorts: Port[];
public ports: Port[]; public ports: Port[];
constructor( constructor(
@ -53,15 +54,11 @@ export class NodeSelectInterfaceComponent implements OnInit {
} }
}); });
}); });
this.availablePorts = [];
this.ports = [];
this.node.ports.forEach((port: Port) => { this.node.ports.forEach((port: Port) => {
if (linkNodes.filter((linkNode: LinkNode) => linkNode.port_number === port.port_number).length === 0) { if(linkNodes.filter((linkNode: LinkNode) => linkNode.port_number === port.port_number).length === 0){
port.available = true; this.availablePorts.push(port);
} else {
port.available = false;
} }
this.ports.push(port);
}); });
} }