interier/templates/en/history/index.eta

<% layout("/en/history/layout", { title: `history` }) %>

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

<% const historyIcon = `
    <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
        <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
            <path d="M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" />
            <path d="M3 3v5h5m4-1v5l4 2" />
        </g>
    </svg>
` %>

<h2><%~ historyIcon %> history</h2>

<h3>indoor</h3>

<div class="container-row">
    <a role="button" href="/en/history/indoorTemp"><%~ it?.lang?.history.properties?.indoorTemp() %></a>
    <a role="button" href="/en/history/indoorPressure"><%~ it?.lang?.history.properties?.indoorPressure() %></a>
    <a role="button" href="/en/history/indoorHumidity"><%~ it?.lang?.history.properties?.indoorHumidity() %></a>
</div>

<h3>outdoor</h3>

<div class="container-row">
    <a role="button" href="/en/history/outdoorConnected"><%~ it?.lang?.history.properties?.outdoorConnected() %></a>
    <a role="button" href="/en/history/outdoorTemp"><%~ it?.lang?.history.properties?.outdoorTemp() %></a>
    <a role="button" href="/en/history/outdoorPressure"><%~ it?.lang?.history.properties?.outdoorPressure() %></a>
    <a role="button" href="/en/history/outdoorHumidity"><%~ it?.lang?.history.properties?.outdoorHumidity() %></a>
</div>