sartography
/
cr-connect-bpmn
mirror of https://github.com/sartography/cr-connect-bpmn.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added warning when the back arrow is hit but the file is not saved. I would like to use a better looking confirm box if available.

This commit is contained in:
Kelly McDonald 2021-01-25 09:58:19 -05:00
parent 216dcb9fc0
commit 763fffbaa0
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<mat-toolbar [ngClass]="{'expanded': expandToolbar}"> <mat-toolbar [ngClass]="{'expanded': expandToolbar}">
<mat-toolbar-row *ngIf="workflowSpec"> <mat-toolbar-row *ngIf="workflowSpec">
<a mat-button [routerLink]="['/home', workflowSpec.name]"> <a mat-button (click)="checkSaved()">
<mat-icon>arrow_back</mat-icon> <mat-icon>arrow_back</mat-icon>
Back Back
</a> </a>

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

@ -125,10 +125,19 @@ export class ModelerComponent implements AfterViewInit {
getFileName() { getFileName() {
return this.diagramFile ? this.diagramFile.name : this.fileName || 'No file selected'; return this.diagramFile ? this.diagramFile.name : this.fileName || 'No file selected';
} }
checkSaved(){
if (this.hasChanged()) {
const approve = window.confirm('Unsaved Changes - Are you sure?');
if (approve) {
this.router.navigate(['/home', this.workflowSpec.name]);
}
} else {
this.router.navigate(['/home', this.workflowSpec.name]);
}
}
onFileSelected($event: Event) { onFileSelected($event: Event) {
this.diagramFile = ($event.target as HTMLFormElement).files[0]; this.diagramFile = ($event.target as HTMLFormElement).files[0];
this.onSubmitFileToOpen() this.onSubmitFileToOpen();
this.isNew = true; this.isNew = true;
} }