open-vault/ui/app/templates/components/secret-list-header.hbs
claire bontempo 9956c051d2
UI/Fixes secrets list breadcrumb (#13604)
* fixes basekey param

* adds changelog
2022-01-10 11:00:47 -08:00

98 lines
3.5 KiB
Handlebars

{{#with (options-for-backend @model.engineType) as |options|}}
<PageHeader as |p|>
<p.top>
<KeyValueHeader @baseKey={{@baseKey}} @path="vault.cluster.secrets.backend.list" @root={{@backendCrumb}}>
<li>
<span class="sep">
/
</span>
<LinkTo @route="vault.cluster.secrets">
secrets
</LinkTo>
</li>
</KeyValueHeader>
</p.top>
<p.levelLeft>
<h1 class="title is-3">
<Icon @name={{or @model.engineType "secrets"}} @size="24" class="has-text-grey-light" />
{{@model.id}}
{{#if this.isKV}}
<span class="tag" data-test-kv-version-badge>
Version
{{or @model.options.version "1"}}
</span>
{{/if}}
</h1>
</p.levelLeft>
</PageHeader>
{{#if options.tabs}}
<div class="tabs-container box is-bottomless is-marginless is-fullwidth is-paddingless">
<nav class="tabs">
<ul>
{{#if options.hasOverview}}
{{! template-lint-configure no-unknown-arguments-for-builtin-components "warn" }}
<LinkTo
@route="vault.cluster.secrets.backend.overview"
@tagName="li"
@activeClass="is-active"
data-test-tab="overview"
>
<LinkTo @route="vault.cluster.secrets.backend.overview">
Overview
</LinkTo>
</LinkTo>
{{/if}}
{{#each options.tabs as |oTab|}}
{{#if oTab.tab}}
<SecretListHeaderTab
@displayName={{options.displayName}}
@id={{@model.id}}
@path={{oTab.checkCapabilitiesPath}}
@label={{oTab.label}}
@tab={{oTab.tab}}
/>
{{else}}
<SecretListHeaderTab
@displayName={{options.displayName}}
@id={{@model.id}}
@path={{oTab.checkCapabilitiesPath}}
@label={{oTab.label}}
@tab={{""}}
/>
{{/if}}
{{/each}}
<LinkTo @route="vault.cluster.secrets.backend.configuration" @tagName="li" @activeClass="is-active">
<LinkTo @route="vault.cluster.secrets.backend.configuration" data-test-configuration-tab={{true}}>
Configuration
</LinkTo>
</LinkTo>
</ul>
</nav>
</div>
{{else}}
{{! if there are no tabs in the options, we'll hardcode them here }}
<div class="tabs-container box is-bottomless is-marginless is-fullwidth is-paddingless">
<nav class="tabs">
<ul>
{{#if (contains @model.engineType (supported-secret-backends))}}
<LinkTo
@route="vault.cluster.secrets.backend.list-root"
@tagName="li"
@activeClass="is-active"
@current-when="vault.cluster.secrets.backend.list-root vault.cluster.secrets.backend.list"
>
<LinkTo @route="vault.cluster.secrets.backend.list-root">
{{capitalize (pluralize options.item)}}
</LinkTo>
</LinkTo>
{{/if}}
<LinkTo @route="vault.cluster.secrets.backend.configuration" @tagName="li" @activeClass="is-active">
<LinkTo @route="vault.cluster.secrets.backend.configuration" data-test-configuration-tab={{true}}>
Configuration
</LinkTo>
</LinkTo>
</ul>
</nav>
</div>
{{/if}}
{{/with}}