mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-26 20:34:02 +03:00
5585a781b9
no issue The tag and member screens share the same underlying UI/UX patterns but were using different code patterns. This brings both in line so that we have consistent code patterns that can be re-used for other screens. - fixed cleanup of new tags by adding the `deactivate` hook to the `tag` route - updated `member` and `member.new` route/controller setup to match tag route/controller setup - added `save` action to member controller so that Ctrl/Cmd+S works on member screen - updated tag route/controller to utilise the same instant display w/background refresh when accessing the tag details screen - completed transition of non-component tag/members templates over to angle bracket component syntax
74 lines
2.1 KiB
JavaScript
74 lines
2.1 KiB
JavaScript
import AuthenticatedRoute from 'ghost-admin/routes/authenticated';
|
|
import CurrentUserSettings from 'ghost-admin/mixins/current-user-settings';
|
|
import {inject as service} from '@ember/service';
|
|
|
|
export default AuthenticatedRoute.extend(CurrentUserSettings, {
|
|
router: service(),
|
|
|
|
_requiresBackgroundRefresh: true,
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
this.router.on('routeWillChange', (transition) => {
|
|
this.showUnsavedChangesModal(transition);
|
|
});
|
|
},
|
|
|
|
beforeModel() {
|
|
this._super(...arguments);
|
|
return this.get('session.user')
|
|
.then(this.transitionAuthor());
|
|
},
|
|
|
|
model(params) {
|
|
this._requiresBackgroundRefresh = false;
|
|
|
|
if (params.member_id) {
|
|
return this.store.findRecord('member', params.member_id, {reload: true});
|
|
} else {
|
|
return this.store.createRecord('member');
|
|
}
|
|
},
|
|
|
|
setupController(controller, member) {
|
|
this._super(...arguments);
|
|
if (this._requiresBackgroundRefresh) {
|
|
controller.fetchMember.perform(member.get('id'));
|
|
}
|
|
},
|
|
|
|
deactivate() {
|
|
this._super(...arguments);
|
|
|
|
// clean up newly created records and revert unsaved changes to existing
|
|
this.controller.member.rollbackAttributes();
|
|
|
|
this._requiresBackgroundRefresh = true;
|
|
},
|
|
|
|
actions: {
|
|
save() {
|
|
this.controller.send('save');
|
|
}
|
|
},
|
|
|
|
titleToken() {
|
|
return this.controller.get('member.name');
|
|
},
|
|
|
|
showUnsavedChangesModal(transition) {
|
|
if (transition.from && transition.from.name === this.routeName && transition.targetName) {
|
|
let {controller} = this;
|
|
|
|
// member.changedAttributes is always true for new members but number of changed attrs is reliable
|
|
let isChanged = Object.keys(controller.member.changedAttributes()).length > 0;
|
|
|
|
if (!controller.member.isDeleted && isChanged) {
|
|
transition.abort();
|
|
controller.send('toggleUnsavedChangesModal', transition);
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
});
|