open-consul/ui/packages/consul-ui/app/components/tabular-details/index.hbs
John Cowen c98130cc08
ui: Move to Workspaced Structure (#8994)
* ui: Add the most basic workspace root in /ui

* We already have a LICENSE file in the repository root

* Change directory path in build scripts ui-v2 -> ui

* Make yarn install flags configurable from elsewhere

* Minimal workspace root makefile

* Call the new docker specific target

* Update yarn in the docker build image

* Reconfigure the netlify target and move to the higher makefile

* Move ui-v2 -> ui/packages/consul-ui

* Change repo root to refleect new folder structure

* Temporarily don't hoist consul-api-double

* Fixup CI configuration

* Fixup lint errors

* Fixup Netlify target
2020-10-21 15:23:16 +01:00

35 lines
1.1 KiB
Handlebars

{{yield}}
<table class="with-details has-actions">
<thead>
<tr>
<YieldSlot @name="header">{{yield}}</YieldSlot>
<th class="actions">Actions</th>
</tr>
</thead>
<tbody>
{{#let (concat 'tabular-details-' name '-toggle-' guid '_') as |inputId|}}
{{#each items as |item index|}}
<tr data-test-tabular-row onclick={{action 'click'}}>
<YieldSlot @name="row">{{yield item index}}</YieldSlot>
<td class="actions">
<label for={{concat inputId index}}><span>Show details</span></label>
</td>
</tr>
<tr>
<td colspan="3">
<input type="checkbox" checked={{ not (is-empty item.closed) }} value={{index}} name={{name}} id={{concat inputId index}} onchange={{action 'change' item items}} />
<div>
<label for={{concat inputId index}}><span>Hide details</span></label>
<div>
<YieldSlot @name="details">
{{yield item index}}
</YieldSlot>
</div>
</div>
</td>
</tr>
{{/each}}
{{/let}}
</tbody>
</table>