code-corps / code-corps/code-corps-ember

Create a mixin for confirmation dialogs when working with long forms

Open
#1,569 1 comment 0 reactions 1 assignee Claimed by @snewcomer View on GitHub
Difficulty: Easy in progress Priority: Low Skill: Ember.js
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.