mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-17 03:57:01 +02:00
a4f67a6b2b
* created new JsonTemplate component * used JsonTemplate in modal PolicyTemplate to replace code there * renamed component and fixed when the editor content shows up * changed PolicyForm to render example modal only conditionally. added desription to policy-example.js * fixed bug in policy-example.js & edited description of that file, removed functionality from policy-template.js (it is already in policy-example.js) * changed margin on text to better match Figma design, added example modal for when editing a policy * added tests for PolicyExample in policy-example-tests * added PolicyForm tests for (1) cancelling the creation/edit of policy and (2) properly rendering the policy example modal * add changelog * clean up code by removing unnecessary comments * changed a conditional in policy-form.hbs for better readability (Kianna's comment) * fixed description in policy-example.js, changed wording for RGP example, changed wording in policy-form-test.js * added 2 more asserts in policy-form-test.js. Changed some naming for selectors in the test file * added EGP policy to PolicyExample component, moved some functionality from .hbs to .js file and vise versa * added tests to policy-exammple-test.js and policy-form-test.js to account for new EGP policy * simplified all PolicyExample tests in policy-exmaple-test.js * removed beforeEach hook in policy-exmaple-test.js
77 lines
2.4 KiB
JavaScript
77 lines
2.4 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
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"}}
|
|
* @renderPolicyExampleModal={{true}}
|
|
* />
|
|
* ```
|
|
* @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
|
|
* @param {boolean} renderPolicyExampleModal - whether or not the policy form should render the modal containing the policy example
|
|
*/
|
|
|
|
export default class PolicyFormComponent extends Component {
|
|
@service flashMessages;
|
|
|
|
@tracked errorBanner = '';
|
|
@tracked showFileUpload = false;
|
|
@tracked showTemplateModal = 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(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();
|
|
}
|
|
}
|