,
+ @Inject(MAT_DIALOG_DATA) public data: EdgeInstructionsData) {
+ super(store, router, dialogRef);
+ }
+
+ cancel(): void {
+ this.dialogRef.close(null);
+ }
+}
diff --git a/ui-ngx/src/app/modules/home/pages/edge/edge.component.html b/ui-ngx/src/app/modules/home/pages/edge/edge.component.html
index 6acc4cba0c..e1304c3e06 100644
--- a/ui-ngx/src/app/modules/home/pages/edge/edge.component.html
+++ b/ui-ngx/src/app/modules/home/pages/edge/edge.component.html
@@ -112,6 +112,15 @@
edge.sync
+
+
+
> {
@@ -526,6 +530,23 @@ export class EdgesTableConfigResolver implements Resolve {
+ this.dialog.open(EdgeInstructionsDialogComponent, {
+ disableClose: false,
+ panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
+ data: {
+ instructions: edgeInstructionsTemplate.dockerInstallInstructions
+ }
+ });
+ }
+ )
+ }
+
onEdgeAction(action: EntityAction, config: EntityTableConfig): boolean {
switch (action.action) {
case 'open':
@@ -558,6 +579,9 @@ export class EdgesTableConfigResolver implements Resolve {
uid: string;
body: string;
}
+
+export interface EdgeInstallInstructions {
+ dockerInstallInstructions: string;
+}
diff --git a/ui-ngx/src/assets/locale/locale.constant-en_US.json b/ui-ngx/src/assets/locale/locale.constant-en_US.json
index f86743e21d..c545bab68f 100644
--- a/ui-ngx/src/assets/locale/locale.constant-en_US.json
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -1749,6 +1749,7 @@
"make-private-edge-title": "Are you sure you want to make the edge '{{edgeName}}' private?",
"make-private-edge-text": "After the confirmation the edge and all its data will be made private and won't be accessible by others.",
"import": "Import edge",
+ "install-connect-instructions": "Install & Connect Instructions",
"label": "Label",
"load-entity-error": "Failed to load data. Entity has been deleted.",
"assign-new-edge": "Assign new edge",