github.com/outbrain/consul@v1.4.5/ui-v2/app/templates/components/tabular-details.hbs (about) 1 {{yield}} 2 <table class="with-details"> 3 <thead> 4 <tr> 5 {{#yield-slot 'header'}}{{yield}}{{/yield-slot}} 6 <th class="actions">Actions</th> 7 </tr> 8 </thead> 9 <tbody> 10 {{#each items as |item index|}} 11 <tr data-test-tabular-row onclick={{action 'click'}}> 12 {{#yield-slot 'row'}}{{yield item index}}{{/yield-slot}} 13 <td class="actions"> 14 <label for={{concat name '-summary-' index '-toggle'}}><span>Show details</span></label> 15 </td> 16 </tr> 17 <tr> 18 <td colspan="3"> 19 <input type="checkbox" value={{index}} name={{name}} id={{{ concat name '-summary-' index '-toggle'}}} onchange={{action 'change' item}} /> 20 <div> 21 <label for={{concat name '-summary-' index '-toggle'}}><span>Hide details</span></label> 22 <div> 23 {{#yield-slot 'details'}} 24 {{yield item index}} 25 {{/yield-slot}} 26 </div> 27 </div> 28 </td> 29 </tr> 30 {{/each}} 31 </tbody> 32 </table>