47 lines
2.2 KiB
Handlebars
47 lines
2.2 KiB
Handlebars
<form>
|
|
<fieldset>
|
|
{{#if create }}
|
|
<label class="type-text{{if item.error.Key ' has-error'}}">
|
|
<span>Key or folder</span>
|
|
<input autofocus="autofocus" type="text" value={{left-trim item.Key parent.Key}} name="additional" oninput={{action 'change'}} placeholder="Key or folder" />
|
|
<em>To create a folder, end a key with <code>/</code></em>
|
|
</label>
|
|
{{/if}}
|
|
{{#if (or (eq (left-trim item.Key parent.Key) '') (not-eq (last item.Key) '/')) }}
|
|
<div>
|
|
<div class="type-toggle">
|
|
<label>
|
|
<input type="checkbox" name="json" checked={{if json 'checked' }} onchange={{action 'change'}} />
|
|
<span>Code</span>
|
|
</label>
|
|
</div>
|
|
<label for="" class="type-text{{if item.error.Value ' has-error'}}">
|
|
<span>Value</span>
|
|
{{#if json}}
|
|
<CodeEditor @value={{atob item.Value}} @onkeyup={{action "change" "value"}} />
|
|
{{else}}
|
|
<textarea autofocus={{not create}} name="value" oninput={{action 'change'}}>{{atob item.Value}}</textarea>
|
|
{{/if}}
|
|
</label>
|
|
</div>
|
|
{{/if}}
|
|
</fieldset>
|
|
{{!TODO This has a <div> around it in acls, remove or add for consistency }}
|
|
{{#if create }}
|
|
{{! we only need to check for an empty keyname here as ember munges autofocus, once we have autofocus back revisit this}}
|
|
<button type="submit" {{ action "create" item parent}} disabled={{if (or item.isPristine item.isInvalid (eq (left-trim item.Key parent.Key) '')) 'disabled'}}>Save</button>
|
|
{{ else }}
|
|
<button type="submit" {{ action "update" item parent}} disabled={{if item.isInvalid 'disabled'}}>Save</button>
|
|
<button type="reset" {{ action "cancel" item parent}}>Cancel changes</button>
|
|
<ConfirmationDialog @message="Are you sure you want to delete this key?">
|
|
<BlockSlot @name="action" as |confirm|>
|
|
<button data-test-delete type="button" class="type-delete" {{action confirm 'delete' item parent}}>Delete</button>
|
|
</BlockSlot>
|
|
<BlockSlot @name="dialog" as |execute cancel message|>
|
|
<DeleteConfirmation @message={{message}} @execute={{execute}} @cancel={{cancel}} />
|
|
</BlockSlot>
|
|
</ConfirmationDialog>
|
|
{{/if}}
|
|
</form>
|
|
|