<!-- Выводим тревоги по температуре. Если сенсоры имеют разные тревоги и их не схлопнуть в одну строку, выводим тревоги в 2 строки. -->

<div ng-if="$ctrl.alarmedZonesStates=='high,high'" class="under-alarm"
     translate
     translate-comment="(ширина надписи - не более чем в оригинале)"
     translate-params-n1="$ctrl.alarmedZones[0].readableN"
     translate-params-n2="$ctrl.alarmedZones[1].readableN">
  Высокая °t, шлейфы {[n1]}, {[n2]}
</div>

<div ng-if="$ctrl.alarmedZonesStates=='low,low'" class="under-alarm"
     translate
     translate-comment="(ширина надписи - не более чем в оригинале)"
     translate-params-n1="$ctrl.alarmedZones[0].readableN"
     translate-params-n2="$ctrl.alarmedZones[1].readableN">
  Низкая °t, шлейфы {[n1]}, {[n2]}
</div>

<div ng-if="$ctrl.alarmedZonesStates=='high,low' || $ctrl.alarmedZonesStates=='high'" class="under-alarm">
  <span ng-if="!$ctrl.isMultichannelDevice" translate>Высокая температура</span>
  <span ng-if="$ctrl.isMultichannelDevice"
        translate translate-params-n="$ctrl.alarmedZones[0].readableN">
    Высокая °t, шлейф {[n]}
  </span>
</div>
<div ng-if="$ctrl.alarmedZonesStates=='high,low'" class="under-alarm under-alarm-second-line"
     translate translate-params-n="$ctrl.alarmedZones[1].readableN">
  Низкая °t, шлейф {[n]}
</div>

<div ng-if="$ctrl.alarmedZonesStates=='low,high' || $ctrl.alarmedZonesStates=='low'" class="under-alarm">
  <span ng-if="!$ctrl.isMultichannelDevice" translate>Низкая температура</span>
  <span ng-if="$ctrl.isMultichannelDevice"
        translate translate-params-n="$ctrl.alarmedZones[0].readableN">
    Низкая °t, шлейф {[n]}
  </span>
</div>
<div ng-if="$ctrl.alarmedZonesStates=='low,high'" class="under-alarm under-alarm-second-line"
     translate translate-params-n="$ctrl.alarmedZones[1].readableN">
  Высокая °t, шлейф {[n]}
</div>

<!--
    Выводим неисправности. Если для них не осталось места, они не отображаются - это поведение определяется стилями,
    которые заявлены так, что если предыдущим элементом был .under-alarm-second-line, то .under-text скрыт.
    Важно, чтобы ненужные элементы .under-alarm-second-line убирались совсем (ng-if), а не скрывались (ng-show). -->
<ul class="under-text">
  <li ng-if="$ctrl.faults.tamper" translate>Тампер</li>
  <li ng-if="$ctrl.faults.main_power_failure || $ctrl.faults.reserve_power_failure" translate>Питание</li>

  <li ng-if="$ctrl.faultyZones.length == 1">
      <span ng-if="!$ctrl.isMultichannelDevice" translate>Шлейф</span>
      <span ng-if="$ctrl.isMultichannelDevice"
            translate translate-params-n="$ctrl.faultyZones[0].readableN">
          Шлейф {[n]}
      </span>
  </li>
  <li ng-if="$ctrl.faultyZones.length == 2" translate>Шлейфы</li>
</ul>
