Files
vault/ui/app/components/sidebar/frame.hbs
claire bontempo 05f32b69ee UI: upgrade HDS to 4.12.0 (#28525)
* update hds to latest version

* yield dropdown Interactive text instead of use @text arg, results after running codemod

* remaining dropdown changes

* address sidebar nav IconButton deprecation, fix secret tests

* revert

* explicitly select popupmenu

* more test changes

* fix pki toggle button

* remove tracked prop in oidc client controller

* aaand more test updates

* change to tilde

* tilde yarn lock changes

* small cleanup items
2024-10-04 20:07:48 +00:00

64 lines
2.1 KiB
Handlebars

{{!
Copyright (c) HashiCorp, Inc.
SPDX-License-Identifier: BUSL-1.1
~}}
<Hds::AppFrame @hasSidebar={{@showSidebar}} @hasHeader={{false}} @hasFooter={{false}} as |Frame|>
<Frame.Sidebar data-test-sidebar-nav>
<Hds::SideNav @isResponsive={{true}} @hasA11yRefocus={{true}} @a11yRefocusSkipTo="app-main-content">
<:header>
<Hds::SideNav::Header>
<:logo>
<Hds::SideNav::Header::HomeLink
@icon="vault"
@route="vault.cluster.dashboard"
@model={{this.currentCluster.cluster.name}}
@ariaLabel="Vault home"
data-test-sidebar-logo
/>
</:logo>
<:actions>
<Hds::Button
@isIconOnly={{true}}
@size="large"
@icon="terminal-screen"
@text="Console toggle"
data-test-console-toggle
{{on "click" (fn (mut this.console.isOpen) (not this.console.isOpen))}}
/>
<Sidebar::UserMenu />
</:actions>
</Hds::SideNav::Header>
</:header>
{{! this block is where the Hds::SideNav::Portal components render into }}
<:body>
<Hds::SideNav::Portal::Target />
</:body>
<:footer>
{{#if (has-feature "Namespaces")}}
<NamespacePicker
@namespace={{this.clusterController.namespaceQueryParam}}
class="hds-side-nav-hide-when-minimized"
/>
{{/if}}
</:footer>
</Hds::SideNav>
</Frame.Sidebar>
<Frame.Main id="app-main-content" class={{if this.console.isOpen "main--console-open"}}>
{{! outlet for app content }}
<LinkStatus @status={{this.currentCluster.cluster.hcpLinkStatus}} />
{{yield}}
<div data-test-console-panel class={{if this.console.isOpen "panel-open"}}>
{{#if this.console.isOpen}}
<Console::UiPanel
@isFullscreen={{this.consoleFullscreen}}
{{focus-trap
focusTrapOptions=(hash initialFocus="#console-input" clickOutsideDeactivates=true onDeactivate=this.closeConsole)
}}
/>
{{/if}}
</div>
</Frame.Main>
</Hds::AppFrame>