Merge pull request #157 from onepanelio/docs/env-var-notes

docs: Update notes about environment variables

Author: Vafilor

src/app/cron-workflow/cron-workflow-edit-dialog/cron-workflow-edit-dialog.component.html

@@ -10,7 +10,7 @@
         <div class="font-roboto-bold font-weight-bold font-size-regular">Environment variables</div>
         <div class="mt-1 font-roboto font-size-regular color-black">
             <div>
-                Any environment variables you have created will be mounted on workflow execution.
+                Any environment variables you have created will be automatically mounted to this Workflow execution.
             </div>
             <div class="color-primary underline pointer-hover mt-1" (click)="goToEnvironmentVariables()">
                 Add or manage environment variables

src/app/secrets/secrets.component.html

@@ -6,6 +6,14 @@
 
     <div class="page-body mt-8">
         <div class="page-title-text">Manage environment variables</div>
+        <div class="environment bg-primary-light op-rounded-regular mt-5">
+            <div class="mt-1 font-roboto font-size-regular color-black">
+                <div>
+                    <p>These environment variables are automatically added to any Workspace or Workflow execution.</p>
+                    <p>They are also available in <strong>onepanel-default-env</strong> secret in the current namespace if you need to access them in other resources.</p>
+                </div>
+            </div>
+        </div>
         <app-secret-list class="mt-8" [namespace]="this.namespace"></app-secret-list>
 
         <button mat-stroked-button color="primary" class="font-roboto-bold mt-8 font-weight-bold font-size-regular add-environment-variable vertical-align-icon op-rounded" (click)="createEnvironmentVariable()">

src/app/secrets/secrets.component.scss

@@ -19,3 +19,8 @@
     display: block;
   }
 }
+
+.environment {
+  padding: 20px;
+}
+

src/app/workflow/workflow-execute-dialog/workflow-execute-dialog.component.html

@@ -10,7 +10,7 @@
         <div class="font-roboto-bold font-weight-bold font-size-regular">Environment variables</div>
         <div class="mt-1 font-roboto font-size-regular color-black">
             <div>
-                Any environment variables you have created will be mounted on workflow execution.
+                Any environment variables you have created will be automatically mounted to this Workflow execution.
             </div>
             <div class="color-primary underline pointer-hover mt-1" (click)="goToEnvironmentVariables()">
                 Add or manage environment variables

src/app/workspace/workspace-execute-dialog/workspace-execute-dialog.component.html

@@ -23,6 +23,17 @@
                 [errors]="errors"
                 class="parameters mb-3 d-block">
         </app-form>
+        <div class="environment bg-primary-light op-rounded-regular mt-5">
+            <div class="font-roboto-bold font-weight-bold font-size-regular">Environment variables</div>
+            <div class="mt-1 font-roboto font-size-regular color-black">
+                <div>
+                    Any environment variables you have created will be automatically mounted to this Workspace.
+                </div>
+                <div class="color-primary underline pointer-hover mt-1" (click)="goToEnvironmentVariables()">
+                    Add or manage environment variables
+                </div>
+            </div>
+        </div>
     </div>
 
 

src/app/workspace/workspace-execute-dialog/workspace-execute-dialog.component.scss

@@ -0,0 +1,3 @@
+.environment {
+  padding: 20px;
+}

src/app/workspace/workspace-execute-dialog/workspace-execute-dialog.component.ts

@@ -1,4 +1,5 @@
 import { Component, Inject, OnInit } from '@angular/core';
+import { Router } from "@angular/router";
 import {
   CreateWorkspaceBody,
   KeyValue,
@@ -49,6 +50,7 @@ export class WorkspaceExecuteDialogComponent implements OnInit {
       public dialogRef: MatDialogRef<WorkspaceExecuteDialogComponent>,
       public namespaceTracker: NamespaceTracker,
       private appRouter: AppRouter,
+      private router: Router,
       private formBuilder: FormBuilder,
       private workspaceService: WorkspaceServiceService,
       private workspaceTemplateService: WorkspaceTemplateServiceService,
@@ -143,4 +145,12 @@ export class WorkspaceExecuteDialogComponent implements OnInit {
     this.dialogRef.close();
     this.appRouter.navigateToWorkspaceTemplates(this.namespaceTracker.activeNamespace);
   }
+
+  goToEnvironmentVariables() {
+    this.dialogRef.afterClosed().subscribe(res => {
+      this.router.navigate(['/', this.namespaceTracker.activeNamespace, 'secrets']);
+    });
+
+    this.dialogRef.close();
+  }
 }