mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-25 16:41:08 +02:00
c7ca295816
* initial changes need to add test coverage * change icon * replace original idea with hds::codeblock on kvv2 details view * changelog * fixing edit view by addressing viewportMargin * fix failing test * missedone * Update 28808.txt * Update json-editor.js * test coverage * update codeblock selector * Update general-selectors.ts * Update kv-data-fields.js * Update ui/lib/core/addon/components/json-editor.js Co-authored-by: claire bontempo <68122737+hellobontempo@users.noreply.github.com> * Update ui/lib/kv/addon/components/kv-data-fields.js Co-authored-by: claire bontempo <68122737+hellobontempo@users.noreply.github.com> * update test name * add default to modifier --------- Co-authored-by: claire bontempo <68122737+hellobontempo@users.noreply.github.com>
62 lines
2.5 KiB
JavaScript
62 lines
2.5 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import { action } from '@ember/object';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import { stringify } from 'core/helpers/stringify';
|
|
|
|
/**
|
|
* @module KvDataFields is used for rendering the fields associated with kv secret data, it hides/shows a json editor and renders validation errors for the json editor
|
|
*
|
|
* <KvDataFields
|
|
* @showJson={{true}}
|
|
* @secret={{@secret}}
|
|
* @type="edit"
|
|
* @modelValidations={{this.modelValidations}}
|
|
* @pathValidations={{this.pathValidations}}
|
|
* />
|
|
*
|
|
* @param {model} secret - Ember data model: 'kv/data', the new record saved by the form
|
|
* @param {boolean} showJson - boolean passed from parent to hide/show json editor
|
|
* @param {object} [modelValidations] - object of errors. If attr.name is in object and has error message display in AlertInline.
|
|
* @param {callback} [pathValidations] - callback function fired for the path input on key up
|
|
* @param {boolean} [type=null] - can be edit, create, or details. Used to change text for some form labels
|
|
*/
|
|
|
|
export default class KvDataFields extends Component {
|
|
@tracked lintingErrors;
|
|
|
|
get startingValue() {
|
|
// must pass the third param called "space" in JSON.stringify to structure object with whitespace
|
|
// otherwise the following codemirror modifier check will pass `this._editor.getValue() !== namedArgs.content` and _setValue will be called.
|
|
// the method _setValue moves the cursor to the beginning of the text field.
|
|
// the effect is that the cursor jumps after the first key input.
|
|
return JSON.stringify({ '': '' }, null, 2);
|
|
}
|
|
|
|
get stringifiedSecretData() {
|
|
return this.args.secret?.secretData ? stringify([this.args.secret.secretData], {}) : this.startingValue;
|
|
}
|
|
|
|
get viewportMargin() {
|
|
if (!this.args?.secret?.secretData) return 10;
|
|
const jsonHeight = Object.keys(this.args.secret.secretData).length;
|
|
// return the higher of: 10 or the approimated number of lines in the json. jsonHeight only includes the first level of keys, so for objects
|
|
// with lots of nested values, it will undercount.
|
|
const max = Math.max(jsonHeight, 10);
|
|
return Math.min(max, 1000); // cap at 1000 lines to avoid performance implications
|
|
}
|
|
|
|
@action
|
|
handleJson(value, codemirror) {
|
|
codemirror.performLint();
|
|
this.lintingErrors = codemirror.state.lint.marked.length > 0;
|
|
if (!this.lintingErrors) {
|
|
this.args.secret.secretData = JSON.parse(value);
|
|
}
|
|
}
|
|
}
|