netatmo.bubbles.njk

<div class="netatmo {{ 'horizontal' if horizontal }}">
  {% if loaded %}
  <ul>
    {% for module in moduleList %}
      <li>
        {% if showModuleNameOnTop %}
          <div class="room {{ fontClassModuleName }}">{{ module.name }}</div>
        {% endif %}
        <div>
          <table>
            <tbody>
              <tr>
                <td class="primary">
                  <div class="{{ module.primary.class }}">
                    <div class="light bright {{ fontClassPrimary }}">{{ module.primary.value | safe }}</div>
                    <div class="xsmall">{{ module.primary.unit }}</div>
                  </div>
                </td>
                <td class="secondary">
                  <div class="{{ module.secondary.class }}">
                    <div class="visual {{ module.secondary.visualClass }}"></div>
                    <div class="value {{ fontClassSecondary }}">{{ module.secondary.value | safe }}{{ module.secondary.unit}}</div>
                  </div>
                </td>
                <td class="data">
                  {% for measurement in module.measurementList %}
                    <div class="{{ fontClassMeasurement }}">
                      {% if showMeasurementLabel %}
                        <span>{{ measurement.label|safe }}</span>
                      {% endif %}
                      {% if showMeasurementIcon and not measurement.icon == '' %}
                        <i class="fas fa-fw {{ measurement.icon }}"></i>
                      {% endif %}
                      <span class="value">{{ measurement.value|safe }}</span>
                      <span class="unit">{{ measurement.unit }}</span>
                    </div>
                  {% endfor %}
                  {# <div class="small flash">letzter Kontakt: vor 37 Minuten</div> #}
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        {% if not showModuleNameOnTop %}
          <div class="room {{ fontClassModuleName }}">{{ module.name }}</div>
        {% endif %}
      </li>
    {% endfor %}
    </ul>
  {% else %}
    <div class="dimmed light small">
      {{ labelLoading|safe }}
    </div>
  {% endif %}
</div>