<div class="media well well-sm" style="margin: 8px" role="alert">
  <div class="media-left">
    <img class="media-object" ng-src="{[hintImageUrl]}">
  </div>
  <div class="media-body" ng-if="isMRF()">
    <p translate>Индикатором качества связи с беспроводным датчиком является кольцо вокруг номера и названия датчика. Процентное заполнение кольца соответствует измеренному приёмником "СН-Радио" отношению сигнал&nbsp;/&nbsp;шум в сигнале, принятом от беспроводного устройства.</p>
    <p translate>Значение, равное 10% является минимально возможным для обеспечения устойчивой связи с беспроводным устройством.</p>
  </div>
  <div class="media-body" ng-if="!isMRF()">
    <p translate>Цвет кольца вокруг номера и названия беспроводного устройства служит индикатором качества связи между самим устройством и контрольной панелью. Если кольцо красное, то желательно поменять место установки устройства или использовать ретранслятор.</p>
  </div>
</div>

<div ng-repeat="device in rieltaDevices">

  <!-- устройство не разделено на каналы -->
  <rielta-device
      ng-if="!device.channels"
      info="device"
      timestamp="dashboardData.timestamp"
      zone-type="zoneType(device.zone_index)"
  >
    <!-- в слот "deviceErrors" директивы rieltaDevice трансклюдим список ошибок -->
    <device-errors ng-switch="deviceType(device)">
      <celsius-errors
          ng-switch-when="celsius"
          faults="device.faults"
          device="device">
      </celsius-errors>
      <trump-errors
          ng-switch-when="trump"
          faults="device.faults">
      </trump-errors>
      <trump-errors
          ng-switch-when="siren_outdoor"
          faults="device.faults">
      </trump-errors>
      <trump-errors
          ng-switch-when="beacon"
          faults="device.faults">
      </trump-errors>
      <singlechannel-rielta-device-errors
          ng-switch-default
          faults="device.faults"
          zone-state="device.zone_state">
      </singlechannel-rielta-device-errors>
    </device-errors>
  </rielta-device>

  <!-- устройство разделено на 2 канала -->
  <dualchannel-rielta-device
      ng-if="device.channels.length == 2"
      info="device"
      timestamp="dashboardData.timestamp"
      zone-type="zoneType(device.zone_index)"
  >
    <!--
      нужно вывести не один номер шлейфа, а два,
      поэтому в слоты "zoneNumber" и "detailsZoneNumber" директивы dualchannelRieltaDevice
      трансклюдим список номеров шлейфов через запятую
    -->
    <zone-number class="dual"
    >{[ device.channels[0].zone_index + 1 ]}, {[ device.channels[1].zone_index + 1 ]}</zone-number>
    <details-zone-number
    >{[ device.channels[0].zone_index + 1 ]}, {[ device.channels[1].zone_index + 1 ]}</details-zone-number>

    <!-- в слот "deviceErrors" директивы dualchannelRieltaDevice трансклюдим список ошибок -->
    <device-errors ng-switch="deviceType(device)">
      <celsius-errors
          ng-switch-when="celsius"
          faults="device.faults"
          device="device">
      </celsius-errors>
      <multichannel-rielta-device-errors
          ng-switch-default
          faults="device.faults"
          channels="device.channels">
      </multichannel-rielta-device-errors>
    </device-errors>

  </dualchannel-rielta-device>

</div>
