xref: /openbmc/phosphor-webui/app/common/components/table/table.html (revision fa56273db9ac556ca52db5d6d653b16eb63ca54e)
1*fa56273dSYoshie Muranaka<table class="bmc-table">
2*fa56273dSYoshie Muranaka  <thead>
3*fa56273dSYoshie Muranaka    <!-- Header row -->
4*fa56273dSYoshie Muranaka    <tr>
5*fa56273dSYoshie Muranaka      <th ng-repeat="header in $ctrl.model.header"
6*fa56273dSYoshie Muranaka          class="bmc-table__column-header">
7*fa56273dSYoshie Muranaka        {{header}}
8*fa56273dSYoshie Muranaka      </th>
9*fa56273dSYoshie Muranaka    </tr>
10*fa56273dSYoshie Muranaka  </thead>
11*fa56273dSYoshie Muranaka  <tbody>
12*fa56273dSYoshie Muranaka    <!-- Data rows -->
13*fa56273dSYoshie Muranaka    <tr ng-if="$ctrl.model.data.length > 0"
14*fa56273dSYoshie Muranaka        ng-repeat="row in $ctrl.model.data"
15*fa56273dSYoshie Muranaka        class="bmc-table__row">
16*fa56273dSYoshie Muranaka      <!-- Row item -->
17*fa56273dSYoshie Muranaka      <td ng-repeat="item in row.uiData"
18*fa56273dSYoshie Muranaka          class="bmc-table__cell">
19*fa56273dSYoshie Muranaka        {{item}}
20*fa56273dSYoshie Muranaka      </td>
21*fa56273dSYoshie Muranaka      <!-- Row Actions -->
22*fa56273dSYoshie Muranaka      <td ng-if="$ctrl.model.actions.length > 0"
23*fa56273dSYoshie Muranaka          class="bmc-table__cell  bmc-table__row-actions">
24*fa56273dSYoshie Muranaka        <button ng-repeat="action in $ctrl.model.actions"
25*fa56273dSYoshie Muranaka                ng-click="$ctrl.onClickAction(action, row);"
26*fa56273dSYoshie Muranaka                class="btn  btn-tertiary">
27*fa56273dSYoshie Muranaka          {{action}}
28*fa56273dSYoshie Muranaka        </button>
29*fa56273dSYoshie Muranaka      </td>
30*fa56273dSYoshie Muranaka    </tr>
31*fa56273dSYoshie Muranaka    <!-- Empty table -->
32*fa56273dSYoshie Muranaka    <tr ng-if="$ctrl.model.data.length === 0">
33*fa56273dSYoshie Muranaka      <td>No data</td>
34*fa56273dSYoshie Muranaka    </tr>
35*fa56273dSYoshie Muranaka  </tbody>
36*fa56273dSYoshie Muranaka</table>