open-nomad/ui/app/templates/variables/variable/index.hbs
Phil Renaud 311d9d1cda variable index header and deletion hook (#13302)
* variable index header and deletion hook

* Some visual improvements to edit header and back button

* Mirage fixtures for variables

* Deletion flow test

* Account for disabled state of add-more button

* Transition destination changes after design chat

* Simplified parent folder path by adding to variable model

* Lint cleanup

* test update to reflect path redirect on delete

* No longer have to re-traverse to a deleted var folder after deletion, tests updated
2022-07-11 13:34:05 -04:00

62 lines
1.5 KiB
Handlebars

{{#if this.error}}
<div data-test-inline-error class="notification is-danger">
<div class="columns">
<div class="column">
<h3 data-test-inline-error-title class="title is-4">
{{this.error.title}}
</h3>
<p data-test-inline-error-body>
{{this.error.description}}
</p>
</div>
<div class="column is-centered is-minimum">
<button
data-test-inline-error-close
class="button is-danger"
onclick={{action this.onDismissError}}
type="button"
>
Okay
</button>
</div>
</div>
</div>
{{/if}}
<h1 class="title with-flex">
<div>
<FlightIcon @name="file-text" />
{{this.model.path}}
</div>
<div>
<div class="two-step-button">
<LinkTo
class="button is-info is-inverted is-small"
@model={{this.model}}
@route="variables.variable.edit"
>
Edit
</LinkTo>
</div>
<TwoStepButton
data-test-delete-button
@alignRight={{true}}
@idleText="Delete"
@cancelText="Cancel"
@confirmText="Yes, delete"
@confirmationMessage="Are you sure you want to delete this variable and all its items?"
@awaitingConfirmation={{this.deleteVariableFile.isRunning}}
@onConfirm={{perform this.deleteVariableFile}} />
</div>
</h1>
<ListTable data-test-eval-table @source={{this.model.keyValues}} as |t|>
<t.body as |row|>
<tr>
<td>{{row.model.key}}</td>
<td>{{row.model.value}}</td>
</tr>
</t.body>
</ListTable>