mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-30 06:12:03 +03:00
85d7932e45
refs https://github.com/TryGhost/Team/issues/559
refs 054a5f15f5
- with the update of `ember-promise-modals` we started to get deprecation warnings when using `modals.open('modal-component-name')`
- upcoming Ember build updates will introduce tree shaking but using run-time lookup of modal components by name works against that because it's not statically analysable
- switched to importing components and passing the component class directly, eg. `modals.open(ModalComponent)`
- standardized modal component class names with a `MyModal` style to get better behaviour in code editors when it auto generates imports
- dropped the modal defaults from the modals service because we can now use a static `modalOptions` property on the modal components themselves when we want to override the defaults
82 lines
2.6 KiB
JavaScript
82 lines
2.6 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import config from 'ghost-admin/config/environment';
|
|
import fetch from 'fetch';
|
|
import moment from 'moment';
|
|
import {action} from '@ember/object';
|
|
import {inject as service} from '@ember/service';
|
|
import {task} from 'ember-concurrency';
|
|
import {tracked} from '@glimmer/tracking';
|
|
|
|
export default class BulkDeleteMembersModal extends Component {
|
|
@service ajax;
|
|
@service ghostPaths;
|
|
|
|
@tracked error;
|
|
@tracked response;
|
|
|
|
get isDisabled() {
|
|
return !this.args.data.query;
|
|
}
|
|
|
|
get hasRun() {
|
|
return !!(this.error || this.response);
|
|
}
|
|
|
|
@action
|
|
setLabel(label) {
|
|
this.selectedLabel = label;
|
|
}
|
|
|
|
@task({drop: true})
|
|
*bulkDeleteTask() {
|
|
try {
|
|
const query = new URLSearchParams(this.args.data.query);
|
|
|
|
// Trigger download before deleting. Uses the CSV export endpoint but
|
|
// needs to fetch the file and trigger a download directly rather than
|
|
// via an iframe. The iframe approach can't tell us when a download has
|
|
// started/finished meaning we could end up deleting the data before exporting it
|
|
const exportParams = new URLSearchParams(this.args.data.query);
|
|
exportParams.set('limit', 'all');
|
|
const exportUrl = `${this.ghostPaths.url.api('members/upload')}?${exportParams.toString()}`;
|
|
|
|
yield fetch(exportUrl, {method: 'GET'})
|
|
.then(res => res.blob())
|
|
.then((blob) => {
|
|
const blobUrl = window.URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
a.href = blobUrl;
|
|
a.download = `members.${moment().format('YYYY-MM-DD')}.csv`;
|
|
document.body.appendChild(a);
|
|
|
|
if (config.environment !== 'test') {
|
|
a.click();
|
|
}
|
|
|
|
a.remove();
|
|
URL.revokeObjectURL(blobUrl);
|
|
});
|
|
|
|
// backup downloaded, continue with deletion
|
|
|
|
const deleteUrl = `${this.ghostPaths.url.api('members')}?${query}`;
|
|
|
|
// response contains details of which members failed to be deleted
|
|
const response = yield this.ajax.del(deleteUrl);
|
|
|
|
this.response = response.meta;
|
|
|
|
this.args.data.onComplete?.();
|
|
|
|
return true;
|
|
} catch (e) {
|
|
if (e.payload?.errors) {
|
|
this.error = e.payload.errors[0].message;
|
|
} else {
|
|
this.error = 'An unknown error occurred. Please try again.';
|
|
}
|
|
throw e;
|
|
}
|
|
}
|
|
}
|