MMM-Luftdaten.njk

<div class="MMM-Luftdaten {{ borderClass }}">
    <div class="header">
        <i class="fas fa-thermometer-half"></i> {{ temperature.value }} °C
        {% if temperature.tendency %}  <i class="far fa-arrow-alt-circle-{{ temperature.tendency }} tendency"></i> {% endif %}
    </div>
     <div class="sensor">
        <span class="label">{{ pressure.label }}</span>
        {% if pressure.tendency %} <i class="far fa-arrow-alt-circle-{{ pressure.tendency }} tendency"></i> {% endif %}
        <span>{{ pressure.value }} hPa</span>
    </div>
    <div class="sensor">
        <span class="label">{{ humidity.label }}</span>
        {% if humidity.tendency %} <i class="far fa-arrow-alt-circle-{{ humidity.tendency }} tendency "></i> {% endif %}
        <span>{{ humidity.value }} %</span>
    </div>
    <div class="sensor">
        <span class="label">PM2.5</span>
        {% if pm25.tendency %} <i class="far fa-arrow-alt-circle-{{ pm25.tendency }} tendency"></i> {% endif %}
        <span>{{ pm25.value }} µg/m³</span>
    </div>
    <div class="sensor">
        <span class="label">PM10</span>
        {% if pm10.tendency %} <i class="far fa-arrow-alt-circle-{{ pm10.tendency }} tendency"></i> {% endif %}
        <span>{{ pm10.value }} µg/m³</span>
    </div>
    <div class="footer">
        {% if connected %}
            <i class="fas fa-history"></i> {{ lastUpdate }}
        {% endif %}
        {% if not connected %}
            <i class="fas fa-history"></i> {{ text.CONNECTING }}
        {% endif %}
        {% if error %}
            <br />
            {{ text.CONNECTION_ERROR }}
        {% endif %}
    </div>
</div>