98 lines
3.0 KiB
Handlebars
98 lines
3.0 KiB
Handlebars
<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/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/trash-16" title="Remove">Remove</Rose::Button>
|
|
</item.cell>
|
|
</list.item>
|
|
</Rose::Form::Input>
|
|
|
|
</Rose::List::KeyValue>
|
|
|
|
</layout.body>
|
|
|
|
</Rose::Layout::Sidebar>
|
|
|
|
</layout.body>
|
|
</Rose::Layout::Global>
|