mirror of
https://github.com/kemko/nomad.git
synced 2026-01-08 03:15:42 +03:00
a769c12c6d
* Toying with insert and update helpers before translation func * Working prototype that lets you switch between json and tabular * No longer add the bonus items row in json mode * Trimmed the ivy from the codemirror (#13503) * Trimmed the ivy from the codemirror * editedJSONItems removal * De-debugger * Replaced other instances of IvyCodeMirror throughout the app (#13528) * Replaced other instances of IvyCodeMirror throughout the app * PR requests for codemirror modifier * Screen reader setting as param * Trying a simpler codemirror test helper * Lint removal * Screen Reader Label added for a11y * JSONViewer cleanup * JSON editor added to /new and all variables stringified before save or translate * Give users a foothold when editing an empty item in JSON mode * Copy the empty KV * No duplicate keys in KV * Better handling of cursor snapping in json edit field * Catch formatting errors on the fly * Basic tests for JSON to Table and Table to JSON in form
104 lines
2.8 KiB
Handlebars
104 lines
2.8 KiB
Handlebars
{{did-update this.onViewChange @view}}
|
|
{{did-insert this.establishKeyValues}}
|
|
<form class="new-secure-variables" autocomplete="off" {{on "submit" this.save}}>
|
|
<div>
|
|
<label>
|
|
<span>
|
|
Path
|
|
</span>
|
|
<Input
|
|
@type="text"
|
|
@value={{@model.path}}
|
|
placeholder="/path/to/variable"
|
|
class="input path-input {{if this.duplicatePathWarning "error"}}"
|
|
disabled={{not @model.isNew}}
|
|
{{on "input" this.validatePath}}
|
|
{{autofocus}}
|
|
/>
|
|
</label>
|
|
{{#if this.duplicatePathWarning}}
|
|
<p class="duplicate-path-error help is-danger">
|
|
There is already a Secure Variable located at
|
|
{{@model.path}}
|
|
.
|
|
<br />
|
|
Please choose a different path, or
|
|
<LinkTo
|
|
@route="variables.variable.edit"
|
|
@model={{this.duplicatePathWarning.path}}
|
|
>
|
|
edit the existing Secure Variable
|
|
</LinkTo>
|
|
.
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
{{#if (eq this.view "json")}}
|
|
<div class="editor-wrapper boxed-section-body is-full-bleed {{if this.JSONError "error"}}">
|
|
<div
|
|
data-test-json-editor
|
|
{{code-mirror
|
|
content=this.JSONItems
|
|
onUpdate=this.updateCode
|
|
extraKeys=(hash Cmd-Enter=(action "save"))
|
|
}}
|
|
/>
|
|
{{#if this.JSONError}}
|
|
<p class="help is-danger">
|
|
{{this.JSONError}}
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
{{else}}
|
|
{{#each this.keyValues as |entry iter|}}
|
|
<div class="key-value">
|
|
<label>
|
|
<span>
|
|
Key
|
|
</span>
|
|
<Input
|
|
@type="text"
|
|
@value={{entry.key}}
|
|
class="input"
|
|
{{autofocus ignore=(eq iter 0)}}
|
|
{{on "input" (fn this.validateKey entry)}}
|
|
/>
|
|
</label>
|
|
<SecureVariableForm::InputGroup @entry={{entry}} />
|
|
{{#if (eq entry this.keyValues.lastObject)}}
|
|
<button
|
|
class="add-more button is-info is-inverted"
|
|
type="button"
|
|
disabled={{not (and entry.key entry.value)}}
|
|
{{on "click" this.appendRow}}
|
|
>
|
|
Add More
|
|
</button>
|
|
{{else}}
|
|
<button
|
|
class="delete-row button is-danger is-inverted"
|
|
type="button"
|
|
{{on "click" (action this.deleteRow entry)}}
|
|
>
|
|
Delete
|
|
</button>
|
|
{{/if}}
|
|
{{#each-in entry.warnings as |k v|}}
|
|
<span class="key-value-error help is-danger">
|
|
{{v}}
|
|
</span>
|
|
{{/each-in}}
|
|
</div>
|
|
{{/each}}
|
|
{{/if}}
|
|
<footer>
|
|
<button
|
|
disabled={{this.shouldDisableSave}}
|
|
class="button is-primary"
|
|
type="submit"
|
|
>
|
|
Save
|
|
{{pluralize "Variable" @this.keyValues.length}}
|
|
</button>
|
|
</footer>
|
|
</form> |