mirror of
https://github.com/GNS3/gns3-web-ui.git
synced 2025-06-17 14:28:13 +00:00
Review fixes
This commit is contained in:
@ -74,7 +74,7 @@
|
|||||||
Ethernet interfaces
|
Ethernet interfaces
|
||||||
</mat-panel-title>
|
</mat-panel-title>
|
||||||
</mat-expansion-panel-header>
|
</mat-expansion-panel-header>
|
||||||
<div class="row" *ngFor="let port of ports_mapping_ethernet">
|
<div class="row" *ngFor="let port of portsMappingEthernet">
|
||||||
<div class="row">{{port.name}}</div><br/><br/>
|
<div class="row">{{port.name}}</div><br/><br/>
|
||||||
</div>
|
</div>
|
||||||
<mat-form-field class="select">
|
<mat-form-field class="select">
|
||||||
@ -95,7 +95,7 @@
|
|||||||
TAP interfaces
|
TAP interfaces
|
||||||
</mat-panel-title>
|
</mat-panel-title>
|
||||||
</mat-expansion-panel-header>
|
</mat-expansion-panel-header>
|
||||||
<div class="row" *ngFor="let port of ports_mapping_tap">
|
<div class="row" *ngFor="let port of portsMappingTap">
|
||||||
<div class="row">{{port.name}}</div><br/><br/>
|
<div class="row">{{port.name}}</div><br/><br/>
|
||||||
</div>
|
</div>
|
||||||
<mat-form-field class="row">
|
<mat-form-field class="row">
|
||||||
|
@ -26,9 +26,9 @@ export class CloudNodesTemplateDetailsComponent implements OnInit {
|
|||||||
tapInterface: string = '';
|
tapInterface: string = '';
|
||||||
ethernetInterface: string = '';
|
ethernetInterface: string = '';
|
||||||
ethernetInterfaces: string[] = ['Ethernet 2', 'Ethernet 3'];
|
ethernetInterfaces: string[] = ['Ethernet 2', 'Ethernet 3'];
|
||||||
ports_mapping_ethernet: PortsMappingEntity[] = [];
|
portsMappingEthernet: PortsMappingEntity[] = [];
|
||||||
ports_mapping_tap: PortsMappingEntity[] = [];
|
portsMappingTap: PortsMappingEntity[] = [];
|
||||||
ports_mapping_udp: PortsMappingEntity[] = [];
|
portsMappingUdp: PortsMappingEntity[] = [];
|
||||||
newPort: PortsMappingEntity;
|
newPort: PortsMappingEntity;
|
||||||
displayedColumns: string[] = ['name', 'lport', 'rhost', 'rport'];
|
displayedColumns: string[] = ['name', 'lport', 'rhost', 'rport'];
|
||||||
dataSourceUdp: PortsMappingEntity[] = [];
|
dataSourceUdp: PortsMappingEntity[] = [];
|
||||||
@ -56,16 +56,16 @@ export class CloudNodesTemplateDetailsComponent implements OnInit {
|
|||||||
this.builtInTemplatesService.getTemplate(this.server, template_id).subscribe((cloudNodeTemplate: CloudTemplate) => {
|
this.builtInTemplatesService.getTemplate(this.server, template_id).subscribe((cloudNodeTemplate: CloudTemplate) => {
|
||||||
this.cloudNodeTemplate = cloudNodeTemplate;
|
this.cloudNodeTemplate = cloudNodeTemplate;
|
||||||
|
|
||||||
this.ports_mapping_ethernet = this.cloudNodeTemplate.ports_mapping
|
this.portsMappingEthernet = this.cloudNodeTemplate.ports_mapping
|
||||||
.filter((elem) => elem.type === 'ethernet');
|
.filter((elem) => elem.type === 'ethernet');
|
||||||
|
|
||||||
this.ports_mapping_tap = this.cloudNodeTemplate.ports_mapping
|
this.portsMappingTap = this.cloudNodeTemplate.ports_mapping
|
||||||
.filter((elem) => elem.type === 'tap');
|
.filter((elem) => elem.type === 'tap');
|
||||||
|
|
||||||
this.ports_mapping_udp = this.cloudNodeTemplate.ports_mapping
|
this.portsMappingUdp = this.cloudNodeTemplate.ports_mapping
|
||||||
.filter((elem) => elem.type === 'udp');
|
.filter((elem) => elem.type === 'udp');
|
||||||
|
|
||||||
this.dataSourceUdp = this.ports_mapping_udp;
|
this.dataSourceUdp = this.portsMappingUdp;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -77,7 +77,7 @@ export class CloudNodesTemplateDetailsComponent implements OnInit {
|
|||||||
|
|
||||||
onAddEthernetInterface() {
|
onAddEthernetInterface() {
|
||||||
if (this.ethernetInterface) {
|
if (this.ethernetInterface) {
|
||||||
this.ports_mapping_ethernet.push({
|
this.portsMappingEthernet.push({
|
||||||
interface: this.ethernetInterface,
|
interface: this.ethernetInterface,
|
||||||
name: this.ethernetInterface,
|
name: this.ethernetInterface,
|
||||||
port_number: 0,
|
port_number: 0,
|
||||||
@ -88,7 +88,7 @@ export class CloudNodesTemplateDetailsComponent implements OnInit {
|
|||||||
|
|
||||||
onAddTapInterface() {
|
onAddTapInterface() {
|
||||||
if (this.tapInterface) {
|
if (this.tapInterface) {
|
||||||
this.ports_mapping_tap.push({
|
this.portsMappingTap.push({
|
||||||
interface: this.tapInterface,
|
interface: this.tapInterface,
|
||||||
name: this.tapInterface,
|
name: this.tapInterface,
|
||||||
port_number: 0,
|
port_number: 0,
|
||||||
@ -98,8 +98,8 @@ export class CloudNodesTemplateDetailsComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
|
|
||||||
onAddUdpInterface() {
|
onAddUdpInterface() {
|
||||||
this.ports_mapping_udp.push(this.newPort);
|
this.portsMappingUdp.push(this.newPort);
|
||||||
this.dataSourceUdp = [...this.ports_mapping_udp];
|
this.dataSourceUdp = [...this.portsMappingUdp];
|
||||||
|
|
||||||
this.newPort = {
|
this.newPort = {
|
||||||
name: '',
|
name: '',
|
||||||
@ -108,7 +108,7 @@ export class CloudNodesTemplateDetailsComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
|
|
||||||
onSave() {
|
onSave() {
|
||||||
this.cloudNodeTemplate.ports_mapping = [...this.ports_mapping_ethernet, ...this.ports_mapping_tap];
|
this.cloudNodeTemplate.ports_mapping = [...this.portsMappingEthernet, ...this.portsMappingTap];
|
||||||
|
|
||||||
this.builtInTemplatesService.saveTemplate(this.server, this.cloudNodeTemplate).subscribe((cloudNodeTemplate: CloudTemplate) => {
|
this.builtInTemplatesService.saveTemplate(this.server, this.cloudNodeTemplate).subscribe((cloudNodeTemplate: CloudTemplate) => {
|
||||||
this.toasterService.success("Changes saved");
|
this.toasterService.success("Changes saved");
|
||||||
|
Reference in New Issue
Block a user