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>