hashicorp-copywrite[bot]andCameron Perera
3d610427d0
* [COMPLIANCE] Add Copyright and License Headers * chore: 🤖 update Copyright headers to satisfy our lint rules --------- Co-authored-by: hashicorp-copywrite[bot] <110428419+hashicorp-copywrite[bot]@users.noreply.github.com> Co-authored-by: Cameron Perera <cameron.perera@hashicorp.com>
112 lines
3.2 KiB
Handlebars
112 lines
3.2 KiB
Handlebars
{{!
|
|
Copyright (c) HashiCorp, Inc.
|
|
SPDX-License-Identifier: MPL-2.0
|
|
}}
|
|
|
|
<Rose::Layout::Global as |layout|>
|
|
<layout.header>
|
|
<Rose::Header as |header|>
|
|
|
|
<header.brand @logo='logo' @text='Product Name' />
|
|
|
|
<header.nav as |nav|>
|
|
<nav.dropdown @text='org-name' as |dropdown|>
|
|
<dropdown.link @route='index'>Menu item</dropdown.link>
|
|
<dropdown.link @route='about'>Menu item</dropdown.link>
|
|
<dropdown.button>Button menu item</dropdown.button>
|
|
</nav.dropdown>
|
|
<nav.link @route='index'>Section</nav.link>
|
|
<nav.link @route='about'>Section</nav.link>
|
|
</header.nav>
|
|
|
|
<header.utilities as |utilities|>
|
|
<utilities.dropdown
|
|
@text='user@example.net'
|
|
@iconOnly={{true}}
|
|
@icon='flight-icons/svg/user-circle-16'
|
|
as |dropdown|
|
|
>
|
|
<dropdown.link @route='index'>Menu item</dropdown.link>
|
|
<dropdown.link @route='about'>Menu item</dropdown.link>
|
|
<dropdown.button>Button menu item</dropdown.button>
|
|
</utilities.dropdown>
|
|
</header.utilities>
|
|
|
|
</Rose::Header>
|
|
</layout.header>
|
|
|
|
<layout.body>
|
|
|
|
<Rose::Layout::Sidebar as |layout|>
|
|
|
|
<layout.sidebar>
|
|
<Rose::Nav::Sidebar @title='Title' as |nav|>
|
|
<nav.link @route='index'>Item Name</nav.link>
|
|
<nav.link @route='about'>Item Name</nav.link>
|
|
<nav.link @route='about'>Item Name</nav.link>
|
|
<nav.link @route='about'>Item Name</nav.link>
|
|
</Rose::Nav::Sidebar>
|
|
</layout.sidebar>
|
|
|
|
<layout.body @tagName='main'>
|
|
|
|
<Rose::List::KeyValue as |list|>
|
|
<list.item as |item|>
|
|
<item.key>Key</item.key>
|
|
<item.cell>Value</item.cell>
|
|
</list.item>
|
|
<list.item as |item|>
|
|
<item.key>Key</item.key>
|
|
<item.cell>Value</item.cell>
|
|
</list.item>
|
|
<list.item as |item|>
|
|
<item.key>Key</item.key>
|
|
<item.cell>Value</item.cell>
|
|
</list.item>
|
|
|
|
<Rose::Form::Input @contextual={{true}} as |input|>
|
|
<list.item as |item|>
|
|
<item.key>
|
|
<input.label>Key</input.label>
|
|
</item.key>
|
|
<item.cell>
|
|
<input.field />
|
|
</item.cell>
|
|
<item.cell>
|
|
<Rose::Button @style='secondary'>Add</Rose::Button>
|
|
</item.cell>
|
|
</list.item>
|
|
</Rose::Form::Input>
|
|
|
|
<Rose::Form::Input @contextual={{true}} as |input|>
|
|
<list.item as |item|>
|
|
<item.key>
|
|
<input.label>Key</input.label>
|
|
</item.key>
|
|
<item.cell>
|
|
<input.field />
|
|
</item.cell>
|
|
<item.cell>
|
|
<Rose::Button
|
|
@style='secondary'
|
|
@iconOnly='flight-icons/svg/trash-16'
|
|
title='Remove'
|
|
>
|
|
Remove
|
|
</Rose::Button>
|
|
</item.cell>
|
|
</list.item>
|
|
</Rose::Form::Input>
|
|
|
|
</Rose::List::KeyValue>
|
|
|
|
</layout.body>
|
|
|
|
<layout.footer>
|
|
footer content
|
|
</layout.footer>
|
|
|
|
</Rose::Layout::Sidebar>
|
|
|
|
</layout.body>
|
|
</Rose::Layout::Global> |