code-corps / code-corps/code-corps-ember
Create a mixin for confirmation dialogs when working with long forms
- Dominant language
- JavaScript
- Stars
- 120
- Forks
- 75
- PR merge metrics
- No merged PRs in 30d
Description
# Problem
We have a number of places where we ask a user to confirm before leaving the page. We could write a mixin to help clean up this logic.
```js
export default Ember.Mixin.extend({;
modelName: null,
message: 'You will lose any unsaved information if you leave this page. Are you sure?',
actions: {
willTransition() {
let modelName = get(this, 'modelName');
if (isPresent(modelName)) {
let model = get(this, modelName);
if (get(modelName, 'isNew') {
this._confirmTransition(transition, model);
}
} else {
this._confirmTransition(transition);
}
}
},
_confirmTransition(transition, model) {
let message = get(this, 'message');
if (window.confirm(message)) {
if isPresent(model) {
model.destroyRecord();
}
} else {
transition.abort();
}
}
})
```
Contributor guide
Assessment
This issue has not been assessed yet.