53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
|
import Component from '@glimmer/component';
|
||
|
|
import { action } from '@ember/object';
|
||
|
|
import { tracked } from '@glimmer/tracking';
|
||
|
|
import { inject as service } from '@ember/service';
|
||
|
|
import { task } from 'ember-concurrency';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* MfaMethodForm component
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* ```js
|
||
|
|
* <Mfa::MethodForm @model={{this.model}} @hasActions={{true}} @onSave={{this.onSave}} @onClose={{this.onClose}} />
|
||
|
|
* ```
|
||
|
|
* @param {Object} model - MFA method model
|
||
|
|
* @param {boolean} [hasActions] - whether the action buttons will be rendered or not
|
||
|
|
* @param {onSave} [onSave] - callback when save is successful
|
||
|
|
* @param {onClose} [onClose] - callback when cancel is triggered
|
||
|
|
*/
|
||
|
|
export default class MfaMethodForm extends Component {
|
||
|
|
@service store;
|
||
|
|
@service flashMessages;
|
||
|
|
|
||
|
|
@tracked editValidations;
|
||
|
|
@tracked isEditModalActive = false;
|
||
|
|
|
||
|
|
@task
|
||
|
|
*save() {
|
||
|
|
try {
|
||
|
|
yield this.args.model.save();
|
||
|
|
this.args.onSave();
|
||
|
|
} catch (e) {
|
||
|
|
this.flashMessages.danger(e.errors?.join('. ') || e.message);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@action
|
||
|
|
async initSave(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
const { isValid, state } = await this.args.model.validate();
|
||
|
|
if (isValid) {
|
||
|
|
this.isEditModalActive = true;
|
||
|
|
} else {
|
||
|
|
this.editValidations = state;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@action
|
||
|
|
cancel() {
|
||
|
|
this.args.model.rollbackAttributes();
|
||
|
|
this.args.onClose();
|
||
|
|
}
|
||
|
|
}
|