diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 7e43e027..83c14c7b 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -199,6 +199,7 @@ import { ShowNodeActionComponent } from './components/project-map/context-menu/a
import { InfoDialogComponent } from './components/project-map/info-dialog/info-dialog.component';
import { InfoService } from './services/info.service';
import { BringToFrontActionComponent } from './components/project-map/context-menu/actions/bring-to-front-action/bring-to-front-action.component';
+import { ExportConfigActionComponent } from './components/project-map/context-menu/actions/export-config/export-config-action.component';
if (environment.production) {
Raven.config('https://b2b1cfd9b043491eb6b566fd8acee358@sentry.io/842726', {
@@ -327,7 +328,8 @@ if (environment.production) {
SaveProjectDialogComponent,
TopologySummaryComponent,
InfoDialogComponent,
- BringToFrontActionComponent
+ BringToFrontActionComponent,
+ ExportConfigActionComponent
],
imports: [
BrowserModule,
diff --git a/src/app/components/project-map/context-menu/actions/export-config/export-config-action.component.html b/src/app/components/project-map/context-menu/actions/export-config/export-config-action.component.html
new file mode 100644
index 00000000..5730195b
--- /dev/null
+++ b/src/app/components/project-map/context-menu/actions/export-config/export-config-action.component.html
@@ -0,0 +1,4 @@
+
diff --git a/src/app/components/project-map/context-menu/actions/export-config/export-config-action.component.ts b/src/app/components/project-map/context-menu/actions/export-config/export-config-action.component.ts
new file mode 100644
index 00000000..852e89ff
--- /dev/null
+++ b/src/app/components/project-map/context-menu/actions/export-config/export-config-action.component.ts
@@ -0,0 +1,33 @@
+import { Component, Input } from '@angular/core';
+import { Node } from '../../../../../cartography/models/node';
+import { NodeService } from '../../../../../services/node.service';
+import { Server } from '../../../../../models/server';
+
+@Component({
+ selector: 'app-export-config-action',
+ templateUrl: './export-config-action.component.html'
+})
+export class ExportConfigActionComponent {
+ @Input() server: Server;
+ @Input() node: Node;
+
+ constructor(
+ private nodeService: NodeService
+ ) {}
+
+ exportConfig() {
+ this.nodeService.getConfiguration(this.server, this.node).subscribe((config: any) => {
+ this.downloadByHtmlTag(config);
+ });
+ }
+
+ private downloadByHtmlTag(config: string) {
+ const element = document.createElement('a');
+ const fileType = 'vpc';
+ element.setAttribute('href', `data:${fileType};charset=utf-8,${encodeURIComponent(config)}`);
+ element.setAttribute('download', 'configFile.vpc');
+
+ var event = new MouseEvent("click");
+ element.dispatchEvent(event);
+ }
+}
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 69dd1ffa..87957817 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
@@ -36,11 +36,15 @@
[link]="links[0]"
[linkNode]="linkNodes[0]"
>
-
+