f58990677f
* refactor ss+modal to accept multiple models * create policy form * cleanup and fix test * add tabs to policy modal form * add search select with modal to entity form * update group form; * allow modal to fit-content * add changelog * add check for policy create ability * add id so tests pass * filter out root option * fix test * add cleanup method * add ACL policy link * cleanup from comments * refactor sending action to parent * refactor, data down actions up! * cleanup comments * form field refactor * add ternary to options * update tests * Remodel component structure for clearer logic Includes fixing the wizard * address comments * cleanup args * refactor inline oidc assignment form * add line break * cleanup comments * fix tests * add policy template to ss+modal test * cleanup =true from test * final cleanup!!!!!! * actual final cleanup * fix typo, please be done Co-authored-by: Chelsea Shaw <82459713+hashishaw@users.noreply.github.com>
70 lines
2.2 KiB
JavaScript
70 lines
2.2 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import { action } from '@ember/object';
|
|
import { inject as service } from '@ember/service';
|
|
import { task } from 'ember-concurrency';
|
|
import trimRight from 'vault/utils/trim-right';
|
|
import { tracked } from '@glimmer/tracking';
|
|
|
|
/**
|
|
* @module PolicyForm
|
|
* PolicyForm components are the forms to create and edit all types of policies. This is only the form, not the outlying layout, and expects that the form model is passed from the parent.
|
|
*
|
|
* @example
|
|
* <PolicyForm
|
|
* @model={{this.model}}
|
|
* @onSave={{transition-to "vault.cluster.policy.show" this.model.policyType this.model.name}}
|
|
* @onCancel={{transition-to "vault.cluster.policies.index"}}
|
|
* />
|
|
* ```
|
|
* @callback onCancel - callback triggered when cancel button is clicked
|
|
* @callback onSave - callback triggered when save button is clicked. Passes saved model
|
|
* @param {object} model - ember data model from createRecord
|
|
*/
|
|
|
|
export default class PolicyFormComponent extends Component {
|
|
@service flashMessages;
|
|
|
|
@tracked errorBanner = '';
|
|
@tracked file = null;
|
|
@tracked showFileUpload = false;
|
|
|
|
@task
|
|
*save(event) {
|
|
event.preventDefault();
|
|
try {
|
|
const { name, policyType, isNew } = this.args.model;
|
|
yield this.args.model.save();
|
|
this.flashMessages.success(
|
|
`${policyType.toUpperCase()} policy "${name}" was successfully ${isNew ? 'created' : 'updated'}.`
|
|
);
|
|
this.args.onSave(this.args.model);
|
|
} catch (error) {
|
|
const message = error.errors ? error.errors.join('. ') : error.message;
|
|
this.errorBanner = message;
|
|
}
|
|
}
|
|
|
|
@action
|
|
setModelName({ target }) {
|
|
this.args.model.name = target.value.toLowerCase();
|
|
}
|
|
|
|
@action
|
|
setPolicyFromFile(index, fileInfo) {
|
|
const { value, fileName } = fileInfo;
|
|
this.args.model.policy = value;
|
|
if (!this.args.model.name) {
|
|
const trimmedFileName = trimRight(fileName, ['.json', '.txt', '.hcl', '.policy']);
|
|
this.args.model.name = trimmedFileName.toLowerCase();
|
|
}
|
|
this.showFileUpload = false;
|
|
}
|
|
|
|
@action
|
|
cancel() {
|
|
const method = this.args.model.isNew ? 'unloadRecord' : 'rollbackAttributes';
|
|
this.args.model[method]();
|
|
this.args.onCancel();
|
|
}
|
|
}
|