diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 4242bce2..475862b3 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -191,6 +191,8 @@ import { DuplicateActionComponent } from './components/project-map/context-menu/
import { MapSettingService } from './services/mapsettings.service';
import { ProjectMapMenuComponent } from './components/project-map/project-map-menu/project-map-menu.component';
import { HelpComponent } from './components/help/help.component';
+import { ConfigEditorDialogComponent } from './components/project-map/node-editors/config-editor/config-editor.component';
+import { EditConfigActionComponent } from './components/project-map/context-menu/actions/edit-config/edit-config-action.component';
if (environment.production) {
Raven.config('https://b2b1cfd9b043491eb6b566fd8acee358@sentry.io/842726', {
@@ -312,7 +314,9 @@ if (environment.production) {
ConsoleComponent,
NodesMenuComponent,
ProjectMapMenuComponent,
- HelpComponent
+ HelpComponent,
+ ConfigEditorDialogComponent,
+ EditConfigActionComponent
],
imports: [
BrowserModule,
@@ -404,7 +408,8 @@ if (environment.production) {
SymbolsComponent,
DeleteConfirmationDialogComponent,
HelpDialogComponent,
- StartCaptureDialogComponent
+ StartCaptureDialogComponent,
+ ConfigEditorDialogComponent
],
bootstrap: [AppComponent]
})
diff --git a/src/app/components/project-map/context-menu/actions/edit-config/edit-config-action.component.html b/src/app/components/project-map/context-menu/actions/edit-config/edit-config-action.component.html
new file mode 100644
index 00000000..3cd439d9
--- /dev/null
+++ b/src/app/components/project-map/context-menu/actions/edit-config/edit-config-action.component.html
@@ -0,0 +1,4 @@
+
diff --git a/src/app/components/project-map/context-menu/actions/edit-config/edit-config-action.component.ts b/src/app/components/project-map/context-menu/actions/edit-config/edit-config-action.component.ts
new file mode 100644
index 00000000..de87c525
--- /dev/null
+++ b/src/app/components/project-map/context-menu/actions/edit-config/edit-config-action.component.ts
@@ -0,0 +1,30 @@
+import { Component, Input } from '@angular/core';
+import { Node } from '../../../../../cartography/models/node';
+import { Project } from '../../../../../models/project';
+import { Server } from '../../../../../models/server';
+import { ConfigEditorDialogComponent } from '../../../node-editors/config-editor/config-editor.component';
+import { MatDialog } from '@angular/material';
+
+@Component({
+ selector: 'app-edit-config-action',
+ templateUrl: './edit-config-action.component.html'
+})
+export class EditConfigActionComponent {
+ @Input() server: Server;
+ @Input() project: Project;
+ @Input() node: Node;
+
+ constructor(private dialog: MatDialog) {}
+
+ editConfig() {
+ const dialogRef = this.dialog.open(ConfigEditorDialogComponent, {
+ width: '600px',
+ height: '500px',
+ autoFocus: false
+ });
+ let instance = dialogRef.componentInstance;
+ instance.server = this.server;
+ instance.project = this.project;
+ instance.node = this.node;
+ }
+}
diff --git a/src/app/components/project-map/context-menu/context-menu.component.html b/src/app/components/project-map/context-menu/context-menu.component.html
index 2ebfeb6a..35ed76d8 100644
--- a/src/app/components/project-map/context-menu/context-menu.component.html
+++ b/src/app/components/project-map/context-menu/context-menu.component.html
@@ -32,6 +32,11 @@
[link]="links[0]"
[linkNode]="linkNodes[0]"
>
+
Configuration for node {{node.name}}
+
+
+
+
+
+
+
+
+
diff --git a/src/app/components/project-map/node-editors/config-editor/config-editor.component.scss b/src/app/components/project-map/node-editors/config-editor/config-editor.component.scss
new file mode 100644
index 00000000..d874a5ff
--- /dev/null
+++ b/src/app/components/project-map/node-editors/config-editor/config-editor.component.scss
@@ -0,0 +1,4 @@
+.textArea {
+ width: 100%;
+ height: 350px;
+}
diff --git a/src/app/components/project-map/node-editors/config-editor/config-editor.component.ts b/src/app/components/project-map/node-editors/config-editor/config-editor.component.ts
new file mode 100644
index 00000000..8a1124c5
--- /dev/null
+++ b/src/app/components/project-map/node-editors/config-editor/config-editor.component.ts
@@ -0,0 +1,43 @@
+import { Component, OnInit } from '@angular/core';
+import { Node } from '../../../../cartography/models/node';
+import { Project } from '../../../../models/project';
+import { Server } from '../../../../models/server';
+import { MatDialogRef } from '@angular/material';
+import { NodeService } from '../../../../services/node.service';
+import { ToasterService } from '../../../../services/toaster.service';
+
+@Component({
+ selector: 'app-config-editor',
+ templateUrl: './config-editor.component.html',
+ styleUrls: ['./config-editor.component.scss']
+})
+export class ConfigEditorDialogComponent implements OnInit {
+ server: Server;
+ project: Project;
+ node: Node;
+
+ config: any;
+
+ constructor(
+ public dialogRef: MatDialogRef,
+ public nodeService: NodeService,
+ private toasterService: ToasterService
+ ) {}
+
+ ngOnInit() {
+ this.nodeService.getConfiguration(this.server, this.node).subscribe((config: any) => {
+ this.config = config;
+ });
+ }
+
+ 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.`);
+ });
+ }
+
+ onCancelClick() {
+ this.dialogRef.close();
+ }
+}
diff --git a/src/app/services/node.service.ts b/src/app/services/node.service.ts
index b0852956..c35ef48f 100644
--- a/src/app/services/node.service.ts
+++ b/src/app/services/node.service.ts
@@ -84,4 +84,22 @@ export class NodeService {
"z": node.z
});
}
+
+ getConfiguration(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'});
+ }
+ }
+
+ saveConfiguration(server: Server, node: Node, configuration: string) {
+ let urlPath: string = `/projects/${node.project_id}/nodes/${node.node_id}`
+
+ if (node.node_type === 'vpcs') {
+ urlPath += '/files/startup.vpc';
+ return this.httpServer.post(server, urlPath, configuration);
+ }
+ }
}