open-nomad/ui/app/templates/components/global-header.hbs
Phil Renaud d3c351d2d2
Label for the Web UI (#16006)
* Demoable state

* Demo mirage color

* Label as a block with foreground and background colours

* Test mock updates

* Go test updated

* Documentation update for label support
2023-02-02 16:29:04 -05:00

82 lines
2.1 KiB
Handlebars

{{! template-lint-disable no-duplicate-landmark-elements }}
<nav class="navbar is-primary" title="navigation">
<div class="navbar-brand">
<span
data-test-header-gutter-toggle
class="gutter-toggle"
aria-label="menu"
onclick={{action this.onHamburgerClick}}
>
<HamburgerMenu />
</span>
<LinkTo @route="jobs" class="navbar-item is-logo" aria-label="Home">
<NomadLogo />
</LinkTo>
{{#if this.system.agent.config.UI.Label}}
<div class="custom-label" style={{this.labelStyles}}>
{{this.system.agent.config.UI.Label.Text}}
</div>
{{/if}}
</div>
{{#if this.system.fuzzySearchEnabled}}
{{! template-lint-disable simple-unless }}
{{#unless (media "isMobile")}}
<GlobalSearch::Control />
{{/unless}}
{{/if}}
<div class="navbar-end">
{{#if this.config.APP.showStorybookLink}}
<a
href="/storybook/"
target="_blank"
rel="noopener noreferrer"
class="navbar-item"
>
Storybook
</a>
{{/if}}
{{#if this.system.agent.config.UI.Consul.BaseUIURL}}
<a
data-test-header-consul-link
href={{this.system.agent.config.UI.Consul.BaseUIURL}}
target="_blank"
rel="noopener noreferrer"
class="navbar-item"
>
Consul
</a>
{{/if}}
{{#if this.system.agent.config.UI.Vault.BaseUIURL}}
<a
data-test-header-vault-link
href={{this.system.agent.config.UI.Vault.BaseUIURL}}
target="_blank"
rel="noopener noreferrer"
class="navbar-item"
>
Vault
</a>
{{/if}}
<a
href="https://nomadproject.io/docs"
target="_blank"
rel="noopener noreferrer"
class="navbar-item"
>
Documentation
</a>
{{#if this.shouldShowProfileNav}}
<ProfileNavbarItem />
{{/if}}
</div>
</nav>
<div class="navbar is-secondary">
<div class="navbar-item is-gutter">
<RegionSwitcher @decoration="is-outlined" />
</div>
<nav class="breadcrumb is-large" title="breadcrumb navigation">
<ul>
{{yield}}
</ul>
</nav>
</div>