open-vault/ui/app/templates/components/kv-object-editor.hbs
Jordan Reimer 5c2a08de6d
Ember Upgrade to 3.24 (#13443)
* Update browserslist

* Add browserslistrc

* ember-cli-update --to 3.26, fix conflicts

* Run codemodes that start with ember-*

* More codemods - before cp*

* More codemods (curly data-test-*)

* WIP ember-basic-dropdown template errors

* updates ember-basic-dropdown and related deps to fix build issues

* updates basic dropdown instances to new version API

* updates more deps -- ember-template-lint is working again

* runs no-implicit-this codemod

* creates and runs no-quoteless-attributes codemod

* runs angle brackets codemod

* updates lint:hbs globs to only touch hbs files

* removes yield only templates

* creates and runs deprecated args transform

* supresses lint error for invokeAction on LinkTo component

* resolves remaining ambiguous path lint errors

* resolves simple-unless lint errors

* adds warnings for deprecated tagName arg on LinkTo components

* adds warnings for remaining curly component invocation

* updates global template lint rules

* resolves remaining template lint errors

* disables some ember specfic lint rules that target pre octane patterns

* js lint fix run

* resolves remaining js lint errors

* fixes test run

* adds npm-run-all dep

* fixes test attribute issues

* fixes console acceptance tests

* fixes tests

* adds yield only wizard/tutorial-active template

* fixes more tests

* attempts to fix more flaky tests

* removes commented out settled in transit test

* updates deprecations workflow and adds initializer to filter by version

* updates flaky policies acl old test

* updates to flaky transit test

* bumps ember deps down to LTS version

* runs linters after main merge

* fixes client count tests after bad merge conflict fixes

* fixes client count history test

* more updates to lint config

* another round of hbs lint fixes after extending stylistic rule

* updates lint-staged commands

* removes indent eslint rule since it seems to break things

* fixes bad attribute in transform-edit-form template

* test fixes

* fixes enterprise tests

* adds changelog

* removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters

* flaky test fix

Co-authored-by: hashishaw <cshaw@hashicorp.com>
2021-12-16 20:44:29 -07:00

71 lines
2.1 KiB
Handlebars

{{#if this.label}}
<label class="title {{if this.small-label "is-5" "is-4"}}" data-test-kv-label="true">
{{this.label}}
{{#if this.helpText}}
<InfoTooltip>
{{this.helpText}}
</InfoTooltip>
{{/if}}
</label>
{{#if this.subText}}
<p class="has-padding-bottom">
{{this.subText}}
</p>
{{/if}}
{{/if}}
{{#if (get this.validationMessages this.name)}}
<div>
<AlertInline @type="danger" @message={{get this.validationMessages this.name}} @paddingTop={{true}} />
</div>
{{/if}}
{{#each this.kvData as |row index|}}
<div class="columns is-variable" data-test-kv-row>
<div class="column is-one-quarter">
<Input
data-test-kv-key={{true}}
@value={{row.name}}
placeholder="key"
{{on "change" (action "updateRow" row index)}}
class="input"
/>
</div>
<div class="column">
<Textarea
data-test-kv-value={{true}}
name={{row.name}}
class="input {{if (get this.validationMessages this.name) "has-error-border"}}"
{{on "change" (action "updateRow" row index)}}
@value={{row.value}}
wrap="off"
placeholder="value"
rows={{1}}
onkeyup={{action (action "handleKeyUp" this.name) value="target.value"}}
/>
</div>
<div class="column is-narrow">
{{#if (eq this.kvData.length (inc index))}}
<button type="button" {{action "addRow"}} class="button is-outlined is-primary" data-test-kv-add-row={{true}}>
Add
</button>
{{else}}
<button
class="button has-text-grey is-expanded is-icon"
type="button"
{{action "deleteRow" row index}}
aria-label="Delete row"
data-test-kv-delete-row
>
<Icon @name="trash" />
</button>
{{/if}}
</div>
</div>
{{/each}}
{{#if this.kvHasDuplicateKeys}}
<AlertBanner
@type="warning"
@message="More than one key shares the same name. Please be sure to have unique key names or some data may be lost when saving."
@class="is-marginless"
data-test-duplicate-error-warnings
/>
{{/if}}