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

Support for editing config files - IOU & routers

Browse Source
This commit is contained in:
Piotr Pekala 2019-10-04 06:27:34 -07:00
parent 70c9b98c3f
commit 0d89b7df11
7 changed files with 77 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/project-map/context-menu/actions/edit-config/edit-config-action.component.html
View File

@ -1,4 +1,6 @@
<button mat-menu-item (click)="editConfig()">
<button mat-menu-item
*ngIf="node.node_type==='vpcs' || node.node_type==='iou' || node.node_type==='dynamips'"
(click)="editConfig()">
<mat-icon>settings</mat-icon>
<span>Edit config</span>
</button>

4
src/app/components/project-map/context-menu/actions/export-config/export-config-action.component.html
View File

@ -1,4 +1,6 @@
<button mat-menu-item (click)="exportConfig()">
<button mat-menu-item
*ngIf="node.node_type==='vpcs' || node.node_type==='dynamips' || node.node_type==='iou'"
(click)="exportConfig()">
<mat-icon>call_made</mat-icon>
<span>Export config</span>
</button>

2
src/app/components/project-map/context-menu/actions/export-config/export-config-action.component.ts
View File

@ -16,7 +16,7 @@ export class ExportConfigActionComponent {
) {}
exportConfig() {
this.nodeService.getConfiguration(this.server, this.node).subscribe((config: any) => {
this.nodeService.getStartupConfiguration(this.server, this.node).subscribe((config: any) => {
this.downloadByHtmlTag(config);
});
}

11
src/app/components/project-map/node-editors/config-editor/config-editor.component.html
View File

@ -1,9 +1,18 @@
<h1 mat-dialog-title>Configuration for node {{node.name}}</h1>
<div class="modal-form-container">
<div *ngIf="node.node_type==='vpcs'" class="modal-form-container">
<textarea #textArea id="textArea" class="textArea" [(ngModel)]="config"></textarea>
</div>
<mat-tab-group *ngIf="node.node_type==='iou' || node.node_type==='dynamips'">
<mat-tab label="Startup config">
<textarea #textArea id="textArea" class="textAreaTab" [(ngModel)]="config"></textarea>
</mat-tab>
<mat-tab label="Private config">
<textarea #textArea id="textArea" class="textAreaTab" [(ngModel)]="privateConfig"></textarea>
</mat-tab>
</mat-tab-group>
<div mat-dialog-actions>
<button mat-button (click)="onCancelClick()" color="accent">Cancel</button>
<button mat-button (click)="onSaveClick()" tabindex="2" mat-raised-button color="primary">Apply</button>

5
src/app/components/project-map/node-editors/config-editor/config-editor.component.scss
View File

@ -2,3 +2,8 @@
width: 100%;
height: 350px;
}
.textAreaTab {
width: 100%;
height: 300px;
}

20
src/app/components/project-map/node-editors/config-editor/config-editor.component.ts
View File

@ -17,6 +17,7 @@ export class ConfigEditorDialogComponent implements OnInit {
node: Node;
config: any;
privateConfig: any;
constructor(
public dialogRef: MatDialogRef<ConfigEditorDialogComponent>,
@ -25,15 +26,28 @@ export class ConfigEditorDialogComponent implements OnInit {
) {}
ngOnInit() {
this.nodeService.getConfiguration(this.server, this.node).subscribe((config: any) => {
this.nodeService.getStartupConfiguration(this.server, this.node).subscribe((config: any) => {
this.config = config;
});
if (this.node.node_type === 'iou' || this.node.node_type === 'dynamips') {
this.nodeService.getPrivateConfiguration(this.server, this.node).subscribe((privateConfig: any) => {
this.privateConfig = privateConfig;
});
}
}
onSaveClick() {
this.nodeService.saveConfiguration(this.server, this.node, this.config).subscribe((response) => {
this.dialogRef.close();
this.toasterService.success(`Configuration for node ${this.node.name} saved.`);
if (this.node.node_type === 'iou' || this.node.node_type === 'dynamips') {
this.nodeService.savePrivateConfiguration(this.server, this.node, this.privateConfig).subscribe((resp) => {
this.dialogRef.close();
this.toasterService.success(`Configuration for node ${this.node.name} saved.`);
});
} else {
this.dialogRef.close();
this.toasterService.success(`Configuration for node ${this.node.name} saved.`);
}
});
}

42
src/app/services/node.service.ts
View File

@ -127,13 +127,30 @@ export class NodeService {
return `putty.exe -telnet \%h \%p -wt \"\%d\" -gns3 5 -skin 4`;
}
getConfiguration(server: Server, node: Node) {
let urlPath: string = `/projects/${node.project_id}/nodes/${node.node_id}`
getStartupConfiguration(server: Server, node: Node) {
let urlPath: string = `/projects/${node.project_id}/nodes/${node.node_id}`;
if (node.node_type === 'vpcs') {
urlPath += '/files/startup.vpc';
return this.httpServer.get(server, urlPath, { responseType: 'text' as 'json'});
} else if (node.node_type === 'iou') {
urlPath += '/files/startup-config.cfg';
} else if (node.node_type === 'dynamips') {
urlPath += `/files/configs/i${node.node_id}_startup-config.cfg`;
}
return this.httpServer.get(server, urlPath, { responseType: 'text' as 'json'});
}
getPrivateConfiguration(server: Server, node: Node) {
let urlPath: string = `/projects/${node.project_id}/nodes/${node.node_id}`;
if (node.node_type === 'iou') {
urlPath += '/files/private-config.cfg';
} else if (node.node_type === 'dynamips') {
urlPath += `/files/configs/i${node.node_id}_private-config.cfg`;
}
return this.httpServer.get(server, urlPath, { responseType: 'text' as 'json'});
}
saveConfiguration(server: Server, node: Node, configuration: string) {
@ -141,7 +158,24 @@ export class NodeService {
if (node.node_type === 'vpcs') {
urlPath += '/files/startup.vpc';
return this.httpServer.post(server, urlPath, configuration);
} else if (node.node_type === 'iou') {
urlPath += '/files/startup-config.cfg';
} else if (node.node_type === 'dynamips') {
urlPath += `/files/configs/i${node.node_id}_startup-config.cfg`;
}
return this.httpServer.post(server, urlPath, configuration);
}
savePrivateConfiguration(server: Server, node: Node, configuration: string) {
let urlPath: string = `/projects/${node.project_id}/nodes/${node.node_id}`
if (node.node_type === 'iou') {
urlPath += '/files/private-config.cfg';
} else if (node.node_type === 'dynamips') {
urlPath += `/files/configs/i${node.node_id}_private-config.cfg`;
}
return this.httpServer.post(server, urlPath, configuration);
}
}