ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-04-15 06:06:35 +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
Show Stats 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">
<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>

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 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);
});
}