interier/templates/en/index.eta

<% layout("/en/layout") %>

<%~ include("/en/partials/navbar") %>

<% if (it.data?.[0]) { %>
<div class="stats">
    <div class="indoor">
        <h3>indoor</h3>
        <p>temp: <%= it.data?.[0].indoorTemp / 100 %> °C</p>
        <p>pressure: <%= it.data?.[0].indoorPressure / 100 %> hPa</p>
        <p>humidity: <%= it.data?.[0].indoorHumidity / 100 %>%</p>
        <p>altitude: <%= it.data?.[0].indoorAltitude / 100 %>m</p>
    </div>
    <div class="outdoor">
        <h3>outdoor</h3>
        <p>connected: <%= it.data?.[0].outdoorConnected %></p>
        <p>temp: <%= it.data?.[0].outdoorTemp / 100 %> °C</p>
        <p>pressure: <%= it.data?.[0].outdoorPressure / 100 %> hPa</p>
        <p>humidity: <%= it.data?.[0].outdoorHumidity / 100 %>%</p>
        <p>altitude: <%= it.data?.[0].outdoorAltitude / 100 %>m</p>
    </div>
</div>
<% } %>

<h3>data</h3>

<% if (it.data?.length) { %>
    <div>
        <table>
            <tr>
                <th>time</th>
                <th>indoor</th>
                <th>outdoor</th>
            </tr>
            <% for (const item of it.data) { %>
                <tr>
                    <td><%= item.timestamp %></td>
                    <td><strong>temp:</strong> <%= item.indoorTemp / 100 %> °C, <strong>pressure:</strong> <%= item.indoorPressure / 100 %> hPa, <strong>humidity:</strong> <%= item.indoorHumidity / 100 %>%, <strong>altitude:</strong> <%= item.indoorAltitude / 100 %>m</td>
                    <td><strong>connected:</strong> <%= item.outdoorConnected %>, <strong>temp:</strong> <%= item.outdoorTemp / 100 %> °C, <strong>pressure:</strong> <%= item.outdoorPressure  / 100%>hPa, <strong>humidity:</strong> <%= item.outdoorHumidity / 100 %>%, <strong>altitude:</strong> <%= item.outdoorAltitude / 100 %>m</td>
                </tr>
            <% } %>
        </table>
    </div>
<% } else { %>
    <p>no data yet. :(</p>
<% } %>