Ghost/ghost/admin/app/controllers/settings/integrations/zapier.js
Kevin Ansfield f92c62b59a Switched API key regeneration modal to new modal pattern
refs https://github.com/TryGhost/Team/issues/1734
refs https://github.com/TryGhost/Team/issues/559
refs https://github.com/TryGhost/Ghost/issues/14101

- switches to newer modal patterns ready for later Ember upgrades
- migrated Zapier controller to native class syntax
- fixed regeneration confirmation text not being visible on Zapier screen
2022-11-14 09:55:34 +00:00

60 lines
1.7 KiB
JavaScript

import Controller from '@ember/controller';
import RegenerateKeyModal from '../../../components/settings/integrations/regenerate-key-modal';
import config from 'ghost-admin/config/environment';
import copyTextToClipboard from 'ghost-admin/utils/copy-text-to-clipboard';
import {action} from '@ember/object';
import {inject as service} from '@ember/service';
import {task, timeout} from 'ember-concurrency';
import {tracked} from '@glimmer/tracking';
export default class ZapierController extends Controller {
@service ghostPaths;
@service modals;
@tracked regeneratedApiKey = null;
constructor() {
super(...arguments);
if (this.isTesting === undefined) {
this.isTesting = config.environment === 'test';
}
}
get integration() {
return this.model;
}
get apiUrl() {
let origin = window.location.origin;
let subdir = this.ghostPaths.subdir;
let url = this.ghostPaths.url.join(origin, subdir);
return url.replace(/\/$/, '');
}
@action
async confirmRegenerateKey(apiKey, event) {
event?.preventDefault();
this.regeneratedApiKey = null;
this.regeneratedApiKey = await this.modals.open(RegenerateKeyModal, {
apiKey,
integration: this.integration,
internalIntegration: 'zapier'
});
}
@task
*copyAdminKeyTask(event) {
event?.preventDefault();
copyTextToClipboard(this.integration.adminKey.secret);
yield timeout(this.isTesting ? 50 : 3000);
}
@task
*copyApiUrlTask(event) {
event?.preventDefault();
copyTextToClipboard(this.apiUrl);
yield timeout(this.isTesting ? 50 : 3000);
}
}