TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding hooks to unsavedChanges mechanism

Browse Source
This commit is contained in:
Bruno Alves de Faria 2018-01-26 07:47:45 -02:00
parent 277bf94029
commit abe7691730
2 changed files with 67 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Packages/ohif-core/client/components/bootstrap/dialog/unsavedChangesDialog.html
View File

@ -1,12 +1,12 @@
<template name="unsavedChangesDialog">
<div class="modal unsavedChangesDialog fade" tabindex="-1" role="dialog">
<div class="modal unsavedChangesDialog fade {{this.class}}" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button class="close" aria-label="Close" data-choice="abort-action" data-dismiss="modal">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title">You have unsaved changes!</h4>
<h4 class="modal-title">{{choose this.message 'You have unsaved changes!'}}</h4>
</div>
<div class="modal-footer">

65
Packages/ohif-core/client/ui/unsavedChanges/unsavedChanges.js
View File

@ -318,6 +318,8 @@ export const unsavedChanges = {
observer: new Tracker.Dependency(),
hooks: new Map(),
/**
* Register a reactive dependency on every change any path suffers
*/
@ -483,6 +485,69 @@ export const unsavedChanges = {
callback.call(null, hasChanges, null);
}
},
addHook(saveCallback, options={}) {
_.defaults(options, {
path: '*',
message: 'There are unsaved changes'
});
this.hooks.set(saveCallback, options);
},
removeHook(saveCallback) {
this.hooks.delete(saveCallback);
},
confirmNavigation(navigateCallback, event) {
let dialogPresented = false;
Array.from(this.hooks.keys()).every(saveCallback => {
const options = this.hooks.get(saveCallback);
const probe = this.probe(options.path, true);
if (!probe) return true;
const dialogOptions = Object.assign({ class: 'themed' }, options);
if (event) {
dialogOptions.position = {
x: event.clientX + 15,
y: event.clientY + 15
};
}
OHIF.ui.unsavedChanges.presentProactiveDialog(options.path, (hasChanges, userChoice) => {
if (!hasChanges) return;
const clear = () => this.clear(options.path, true);
switch (userChoice) {
case 'abort-action':
return;
case 'save-changes':
const result = saveCallback();
if (result instanceof Promise) {
return result.then(() => {
clear();
this.confirmNavigation(navigateCallback, event);
});
}
clear();
return this.confirmNavigation(navigateCallback, event);
case 'abandon-changes':
clear();
break;
}
navigateCallback();
}, dialogOptions);
dialogPresented = true;
return false;
});
if (!dialogPresented) {
navigateCallback();
}
}
};