From 5bf82abe36e238f0d033326ea6a886cd77031732 Mon Sep 17 00:00:00 2001
From: NWalker4483 <niwal7@morgan.edu>
Date: Mon, 12 Apr 2021 10:30:57 -0400
Subject: [PATCH] Initial Commit

---
 src/app/modeler/modeler.component.html | 58 ++++++++++++++++++++------
 src/app/modeler/modeler.component.ts   | 32 ++++++++++----
 2 files changed, 70 insertions(+), 20 deletions(-)

diff --git a/src/app/modeler/modeler.component.html b/src/app/modeler/modeler.component.html
index ab4c6a0..f5acb51 100644
--- a/src/app/modeler/modeler.component.html
+++ b/src/app/modeler/modeler.component.html
@@ -26,21 +26,17 @@
     <button #importMenuTrigger="matMenuTrigger" mat-button [matMenuTriggerFor]="importMenu" title="Open diagram">
       <mat-icon>folder</mat-icon>
       <mat-icon>arrow_drop_down</mat-icon>
+
     </button>
+
     <mat-menu #importMenu="matMenu">
       <button mat-menu-item (click)="openMethod = 'db'" [matMenuTriggerFor]="dbMenu" title="Open diagram from database">
         <mat-icon>cloud</mat-icon>
         Open previously saved...
       </button>
       <mat-menu #dbMenu="matMenu">
-        <a
-          mat-menu-item
-          *ngFor="let bf of bpmnFiles"
-          [routerLink]="['/modeler', workflowSpec.id, bf.id]"
-          [matTooltip]="getFileMetaTooltipText(bf)"
-          matTooltipClass="tooltip-text"
-          matTooltipPosition="right"
-        >
+        <a mat-menu-item *ngFor="let bf of bpmnFiles" [routerLink]="['/modeler', workflowSpec.id, bf.id]"
+          [matTooltip]="getFileMetaTooltipText(bf)" matTooltipClass="tooltip-text" matTooltipPosition="right">
           {{getFileMetaDisplayString(bf)}}
         </a>
       </mat-menu>
@@ -51,23 +47,58 @@
       </button>
     </mat-menu>
 
-    <button mat-button (click)="saveChanges()" [disabled]="!hasChanged()"><mat-icon>save</mat-icon></button>
+    <button mat-button (click)="saveChanges()" [disabled]="!hasChanged()">
+      <mat-icon>save</mat-icon>
+    </button>
 
-    <button mat-button (click)="validate()" [disabled]="hasChanged()"><mat-icon>verified_user</mat-icon></button>
+    <button mat-button (click)="validate()" [disabled]="hasChanged()">
+      <mat-icon>verified_user</mat-icon>
+    </button>
 
     <button mat-button [matMenuTriggerFor]="downloadMenu" title="Download diagram">
       <mat-icon>save_alt</mat-icon>
       <mat-icon>arrow_drop_down</mat-icon>
     </button>
     <mat-menu #downloadMenu="matMenu">
-      <button mat-menu-item (click)="diagram.saveSVG()"><mat-icon>{{fileTypes.SVG | getIconCode}}</mat-icon> Download SVG Image</button>
-      <button mat-menu-item (click)="diagram.saveXML()"><mat-icon>code</mat-icon> Download XML File</button>
+      <button mat-menu-item (click)="diagram.saveSVG()">
+        <mat-icon>{{fileTypes.SVG | getIconCode}}</mat-icon> Download SVG Image
+      </button>
+      <button mat-menu-item (click)="diagram.saveXML()">
+        <mat-icon>code</mat-icon> Download XML File
+      </button>
     </mat-menu>
 
     <button mat-button *ngIf="diagramFile" (click)="editFileMeta()">
       <mat-icon>edit</mat-icon>
       {{getFileName()}}
     </button>
+    <!-- dfgdfhdgjkfdhsgfhjfkghlhjfdgsfgdhfjgkh, -->
+
+    <button mat-button [matMenuTriggerFor]="toolsMenu" title="Development Tools">
+      <mat-icon>build
+      </mat-icon>
+      <mat-icon>arrow_drop_down</mat-icon>
+    </button>
+
+    <mat-menu #toolsMenu="matMenu">
+      <button mat-menu-item (click)="diagram.saveSVG()">
+        <mat-icon>email</mat-icon> Test Email Template
+      </button>
+      <button mat-menu-item (click)="diagram.saveSVG()">
+        <mat-icon>search</mat-icon> Renderer Markdown
+      </button>
+      <button mat-menu-item [matMenuTriggerFor]="scripts">
+        <mat-icon>description</mat-icon> Script Documentation
+      </button>
+    </mat-menu>
+
+      <mat-menu #scripts="matMenu">
+      <div *ngFor="let script of ['# 1','# 2','# 3']">
+        <button mat-menu-item (click)="displayScriptDocumentation(script)">
+          <mat-icon>description</mat-icon>{{script}}
+        </button>
+      </div>
+    </mat-menu>
   </mat-toolbar-row>
 </mat-toolbar>
 
@@ -82,4 +113,5 @@
   </div>
 </div>
 
-<input hidden (change)="onFileSelected($event)" #fileInput type="file" id="file" accept=".bpmn,.dmn,.xml,application/xml,text/xml">
+<input hidden (change)="onFileSelected($event)" #fileInput type="file" id="file"
+  accept=".bpmn,.dmn,.xml,application/xml,text/xml">
\ No newline at end of file
diff --git a/src/app/modeler/modeler.component.ts b/src/app/modeler/modeler.component.ts
index 1469d11..06d9d75 100644
--- a/src/app/modeler/modeler.component.ts
+++ b/src/app/modeler/modeler.component.ts
@@ -15,13 +15,13 @@ import {
   newFileFromResponse,
   WorkflowSpec
 } from 'sartography-workflow-lib';
-import {FileMetaDialogComponent} from '../_dialogs/file-meta-dialog/file-meta-dialog.component';
-import {NewFileDialogComponent} from '../_dialogs/new-file-dialog/new-file-dialog.component';
-import {ConfirmDialogComponent} from '../_dialogs/confirm-dialog/confirm-dialog.component';
-import {BpmnWarning} from '../_interfaces/bpmn-warning';
-import {FileMetaDialogData, NewFileDialogData} from '../_interfaces/dialog-data';
-import {ImportEvent} from '../_interfaces/import-event';
-import {DiagramComponent} from '../diagram/diagram.component';
+import { FileMetaDialogComponent } from '../_dialogs/file-meta-dialog/file-meta-dialog.component';
+import { NewFileDialogComponent } from '../_dialogs/new-file-dialog/new-file-dialog.component';
+import { ConfirmDialogComponent } from '../_dialogs/confirm-dialog/confirm-dialog.component';
+import { BpmnWarning } from '../_interfaces/bpmn-warning';
+import { FileMetaDialogData, NewFileDialogData } from '../_interfaces/dialog-data';
+import { ImportEvent } from '../_interfaces/import-event';
+import { DiagramComponent } from '../diagram/diagram.component';
 
 @Component({
   selector: 'app-modeler',
@@ -48,6 +48,7 @@ export class ModelerComponent implements AfterViewInit {
       this.loadFilesFromDb();
     });
   }
+  scripts = [1,2,3];
   title = 'bpmn-js-angular';
   diagramUrl = 'https://cdn.staticaly.com/gh/bpmn-io/bpmn-js-examples/dfceecba/starter/diagram.bpmn';
   importError?: Error;
@@ -261,6 +262,23 @@ export class ModelerComponent implements AfterViewInit {
     });
   }
 
+  displayScriptDocumentation(documentation: string) {
+
+    const dialogRef = this.dialog.open(FileMetaDialogComponent, {
+      data: {
+        fileName: this.diagramFile ? this.diagramFile.name : this.fileName || '',
+        fileType: this.diagramType || getDiagramTypeFromXml(this.xml),
+        file: this.diagramFile || undefined,
+      },
+    });
+
+    dialogRef.afterClosed().subscribe((data: FileMetaDialogData) => {
+      if (data && data.fileName) {
+        this._upsertFileMeta(data);
+      }
+    });
+  }
+
   getFileMetaDisplayString(fileMeta: FileMeta) {
     if (fileMeta) {
       const lastUpdated = new DatePipe('en-us').transform(fileMeta.file.lastModified);