Ghost/ghost/admin/app/routes/signup.js
Kevin Ansfield 8e9582d632 Migrated signup screen to Octane patterns
refs https://github.com/TryGhost/Ghost/issues/14101

- dropped usage of `<GhTrimFocusInput>` and `<GhTextInput>` in favor of native input elements for more explicit behaviour
- switched `SignupController` to native class syntax
  - migrated to `@action` decorators and swapped all template action triggers to `{{on}}` and `{{fn}}`
2022-05-27 13:28:29 +01:00

92 lines
3.1 KiB
JavaScript

import EmberObject from '@ember/object';
import UnauthenticatedRoute from 'ghost-admin/routes/unauthenticated';
import ValidationEngine from 'ghost-admin/mixins/validation-engine';
import classic from 'ember-classic-decorator';
import {inject as service} from '@ember/service';
import {tracked} from '@glimmer/tracking';
// EmberObject is still needed here for ValidationEngine
@classic
class SignupDetails extends EmberObject.extend(ValidationEngine) {
@tracked name = '';
@tracked email = '';
@tracked password = '';
token = '';
blogTitle = ''; // used for password validation
validationType = 'signup';
}
export default class SignupRoute extends UnauthenticatedRoute {
@service ghostPaths;
@service notifications;
@service session;
@service ajax;
@service config;
beforeModel() {
if (this.session.isAuthenticated) {
this.notifications.showAlert('You need to sign out to register as a new user.', {type: 'warn', delayed: true, key: 'signup.create.already-authenticated'});
}
super.beforeModel(...arguments);
}
model(params) {
let signupDetails = SignupDetails.create();
let re = /^(?:[A-Za-z0-9_-]{4})*(?:[A-Za-z0-9_-]{2}|[A-Za-z0-9_-]{3})?$/;
let email,
tokenText;
return new Promise((resolve) => {
if (!re.test(params.token)) {
this.notifications.showAlert('Invalid token.', {type: 'error', delayed: true, key: 'signup.create.invalid-token'});
return resolve(this.transitionTo('signin'));
}
tokenText = atob(params.token);
email = tokenText.split('|')[1];
// leave e-mail blank even though we get it from the token because
// we need the user to type it in for Chrome to remember the
// email/password combo properly
signupDetails.email = '';
signupDetails.token = params.token;
let authUrl = this.ghostPaths.url.api('authentication', 'invitation');
return this.ajax.request(authUrl, {
dataType: 'json',
data: {
email
}
}).then((response) => {
if (response && response.invitation && response.invitation[0].valid === false) {
this.notifications.showAlert('The invitation does not exist or is no longer valid.', {type: 'warn', delayed: true, key: 'signup.create.invalid-invitation'});
return resolve(this.transitionTo('signin'));
}
// set blogTitle, so password validation has access to it
signupDetails.blogTitle = this.config.get('blogTitle');
resolve(signupDetails);
}).catch(() => {
resolve(signupDetails);
});
});
}
deactivate() {
super.deactivate(...arguments);
// clear the properties that hold the sensitive data from the controller
const signupDetails = this.controllerFor('signup').signupDetails;
signupDetails.email = '';
signupDetails.password = '';
signupDetails.token = '';
}
}