<tbody class="zones-section-head">
  <tr>

    <td style="vertical-align: middle;">
      <div ng-class="isExpanded('EX81_' + dev.ex81Index) ? 'triangle-down' : 'triangle-right'"
           ng-if="availableEx81(dev.ex81Index)"
           ng-click="toggleExpanded('EX81_' + dev.ex81Index)"
           style="margin: auto;">
      </div>
    </td>

    <td>
      <button type="button" class="btn btn-sm btn-block"
              ng-class="availableEx81(dev.ex81Index) && dev.enabled ? 'btn-success': 'btn-danger'"
              ng-disabled="preventNordbusSlavesChanges || !availableEx81(dev.ex81Index)"
              ng-click="toggleSlaveEnabled(dev)">
        <span translate
              ng-show="dev.enabled">Выключить</span>
        <span translate translate-context="(антоним к 'Выключить')"
              ng-show="!dev.enabled">Включить</span>
      </button>
    </td>

    <td colspan="12">

      <span class="col-lg-3 col-md-4 col-sm-4 col-xs-5" style="padding-left: 0;">
        <span style="white-space: nowrap; font-weight: bold;">
            <translate ng-if="getSlaveSoftwareVer(dev) !== null"
                translate-context="(название расширителя NB-EX81 в списке устройств, когда версия расширителя известна)"
                translate-params-ver="getSlaveSoftwareVer(dev)">
              NB-EX81, версия {[ver]}
            </translate>
            <translate ng-if="getSlaveSoftwareVer(dev) === null"
                translate-context="(название расширителя NB-EX81 в списке устройств, когда версия расширителя неизвестна)">
              NB-EX81
            </translate>
        </span>
      </span>

      <span class="col-lg-7 col-md-6 col-sm-5 col-xs-4">
        <span class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
          <span style="font-weight: bold;">{[ dev.info.serialNumber ]}</span>
        </span>
        <span class="col-lg-5 col-md-8 col-sm-6 col-xs-12" style="white-space: nowrap;">
          <span ng-switch="isSlaveConnected(dev)">
            <span ng-switch-when="true" translate>есть связь</span>
            <span ng-switch-when="false" class="text-danger" translate>нет связи</span>
          </span>
        </span>
        <span class="col-lg-4 col-md-12 col-sm-12 col-xs-12" style="white-space: nowrap;" ng-show="dev.ex81Index !== null">
          <span style="color: #777777;" translate>номер устройства</span>
          <span style="margin-left: 5px; font-weight: bold;">{[ dev.ex81Index + 1 ]}</span>
        </span>
      </span>

      <span class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
        <span class="pull-right">
          <span style="white-space: nowrap;">

<!--
Пробелы и переносы строк между тегами вылезают артефактами whitespace,
в виде подчёркивания и текстового курсора справа от иконки.
Поэтому сцепляем конец каждого тега с началом следующего.
FIXME: найти способ получше.
-->
<a href="" ng-show="showingInfoIconForEx81(dev)"
  ><img ng-src="{[ '/images/glyph-info.svg' | augeasStatic ]}"
        ng-click="showInfoForEx81(dev)"
    /></a
><span style="margin-left: 20px;" only-desktop
  ><span ng-show="preventNordbusSlavesChanges || isSlaveConnected(dev) !== false"
    ><a href="" disabled
      ><img ng-src="{['/images/glyph-delete-disabled.svg' | augeasStatic ]}"
        /></a
  ></span
  ><span ng-hide="preventNordbusSlavesChanges || isSlaveConnected(dev) !== false"
    ><a href=""
      ><img ng-src="{[ '/images/glyph-delete.svg' | augeasStatic ]}"
            ng-click="deleteSlave(dev)"
        /></a
  ></span
></span>
<!-- конец этого безобразия -->

          </span>
        </span>
      </span>

    </td>

  </tr>
</tbody>
