open-vault/ui/app/templates/components/identity/edit-form.hbs
Joshua Ogle 7eff7b51aa
UI: Confirm Action as a popover
* Refactors ConfirmAction implementation as a popover
* Improves copy surrounding consequences of destructive actions
* Moves 'Delete' buttons to Toolbar
2019-05-17 11:29:21 -06:00

53 lines
1.7 KiB
Handlebars

{{#if (and (eq mode "edit") model.canDelete)}}
<Toolbar>
<ToolbarActions>
<ConfirmAction
@buttonClasses="toolbar-link"
@onConfirmAction={{action "deleteItem" model}}
data-test-entity-item-delete="true"
>
Delete {{model.identityType}}
</ConfirmAction>
</ToolbarActions>
</Toolbar>
{{/if}}
<form {{action (perform save) on="submit"}}>
<div class="box is-sideless is-fullwidth is-marginless">
<NamespaceReminder @mode={{mode}} @noun={{lowercase (humanize model.identityType)}} />
{{message-error model=model}}
{{#if (eq mode "merge")}}
<AlertBanner
@type="warning"
@message="Metadata on merged entities is not preserved, you will need to recreate it on the entity you merge to."
/>
{{/if}}
{{#each model.fields as |attr|}}
{{form-field data-test-field attr=attr model=model}}
{{/each}}
</div>
<div class="field is-grouped is-grouped-split is-fullwidth box is-bottomless">
<div class="field is-grouped">
<div class="control">
<button type="submit" data-test-identity-submit=true class="button is-primary {{if save.isRunning 'loading'}}" disabled={{save.isRunning}}>
{{#if (eq mode "create")}}
Create
{{else}}
Save
{{/if}}
</button>
{{#if (or (eq mode "merge") (eq mode "create" ))}}
{{#link-to cancelLink class="button" data-test-cancel-link=true}}
Cancel
{{/link-to}}
{{else}}
{{#link-to cancelLink model.id "details" class="button" data-test-cancel-link=true}}
Cancel
{{/link-to}}
{{/if}}
</div>
</div>
</div>
</form>