<table class="table">
  <tr>
    <th style=" width: 1%;" translate translate-comment="(заголовок столбца 'номер шлейфа')">Номер</th>
    <th></th>
    <th translate>Тип</th>
    <th translate translate-comment="(заголовок столбца 'норма шлейфа')">Норма</th>
  </tr>
  <tbody ng-repeat="(ind, _) in zones.wired()" >
  <tr ng-class="zones.is_enabled(ind)? '':'active'" ng-form="ZoneForm">
      <td style="vertical-align: middle">{[ $index + 1 ]}</td>
      <td style="width:104px">
        <enable-zone-button index="ind" disabled="zonesBusy[ind]">
          <on-button translate translate-context="(антоним к 'Выключить')">Включить</on-button>
          <off-button translate>Выключить</off-button>
        </enable-zone-button>
      </td>
      <td>
          <select class="form-control"
                  ng-model="zones.get(ind).common.type"
                  ng-options="zt['value'] as zt['text'] for zt in zoneTypes"
                  ng-disabled="!zones.is_enabled(ind)"></select>
      </td>
      <td>
          <select class="form-control"
                  ng-model="zones.get(ind).wired.normal_state"
                  ng-options="id as name for (id, name) in normalStates"
                  ng-disabled="!zones.is_enabled(ind)"></select>
      </td>
  </tr>
  </tbody>
</table>
