sartography/cr-connect-bpmn
1
0
Fork 0
mirror of https://github.com/sartography/cr-connect-bpmn.git synced 2025-02-04 12:53:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial Commit

Browse Source
This commit is contained in:
NWalker4483 2021-04-12 10:30:57 -04:00
parent 8c6d2b2991
commit 5bf82abe36
2 changed files with 70 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/app/modeler/modeler.component.html
View File

@ -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">

32
src/app/modeler/modeler.component.ts
View File

@ -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);