Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Migrated <GhUserInvited> to Glimmer component

Browse source 
refs https://github.com/TryGhost/Ghost/issues/14101
This commit is contained in:
Kevin Ansfield 2022-08-30 16:09:08 +01:00
parent 4282ead3a7
commit 5eec9c8ce2
1 changed files with 17 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
ghost/admin/app/components/gh-user-invited.js
View file

@ -1,50 +1,40 @@
import Component from '@ember/component';
import classic from 'ember-classic-decorator';
import Component from '@glimmer/component';
import moment from 'moment';
import {action, computed} from '@ember/object';
import {action} from '@ember/object';
import {isNotFoundError} from 'ember-ajax/errors';
import {inject as service} from '@ember/service';
import {tagName} from '@ember-decorators/component';
import {tracked} from '@glimmer/tracking';
@classic
@tagName('')
export default class GhUserInvited extends Component {
@service notifications;
@service store;
invite = null;
isSending = false;
@tracked isSending = false;
@computed('invite.createdAtUTC')
get createdAt() {
let createdAtUTC = this.get('invite.createdAtUTC');
const createdAtUTC = this.args.invite.createdAtUTC;
return createdAtUTC ? moment(createdAtUTC).fromNow() : '';
}
@computed('invite.expires')
get expiresAt() {
let expires = this.get('invite.expires');
const expires = this.args.invite.expires;
return expires ? moment(expires).fromNow() : '';
}
@computed('invite.expires')
get isExpired() {
let expires = this.get('invite.expires');
let now = (new Date()).valueOf();
const expires = this.args.invite.expires;
const now = (new Date()).valueOf();
return expires < now;
}
@action
resend() {
let invite = this.invite;
let notifications = this.notifications;
const invite = this.args.invite;
const notifications = this.notifications;
this.set('isSending', true);
this.isSending = true;
invite.resend().then((result) => {
let notificationText = `Invitation resent! (${invite.get('email')})`;
const notificationText = `Invitation resent! (${invite.email})`;
// the server deletes the old record and creates a new one when
// resending so we need to update the store accordingly
@ -61,15 +51,15 @@ export default class GhUserInvited extends Component {
}).catch((error) => {
notifications.showAPIError(error, {key: 'invite.resend'});
}).finally(() => {
this.set('isSending', false);
this.isSending = false;
});
}
@action
revoke() {
let invite = this.invite;
let email = invite.get('email');
let notifications = this.notifications;
const invite = this.args.invite;
const email = invite.email;
const notifications = this.notifications;
// reload the invite to get the most up-to-date information
invite.reload().then(() => {
@ -80,12 +70,7 @@ export default class GhUserInvited extends Component {
});
}).catch((error) => {
if (isNotFoundError(error)) {
// if the invite no longer exists, then show a warning and reload the route
let reloadAction = this.reload;
if (reloadAction) {
reloadAction();
}
this.args.reload?.();
notifications.showAlert('This invite has been revoked or a user has already accepted the invitation.', {type: 'error', delayed: true, key: 'invite.revoke.already-accepted'});
} else {
throw error;