This commit is contained in:
Mateusz Gruszczyński
2026-08-24 00:23:47 +02:00
parent 6e3075fae5
commit 10bc9aa099
21 changed files with 1110 additions and 260 deletions
+14 -15
View File
@@ -91,29 +91,28 @@
<section class="view" data-view="history">
<div class="section-heading"><div><span class="eyebrow" data-i18n="history.measurements">Measurements</span><h1 data-i18n="history.title">Climate history</h1></div></div>
<div class="panel chart-panel">
<div class="history-tabs" id="historyTabs" role="tablist">
<button data-history-tab="overview" data-i18n="history.tabOverview">Overview</button>
<button data-history-tab="zones" data-i18n="history.tabZones">Zones</button>
<button data-history-tab="devices" data-i18n="history.tabDevices">GREE devices</button>
<button data-history-tab="sensors" data-i18n="history.tabSensors">HA sensors</button>
<button data-history-tab="custom" data-i18n="history.tabCustom">Custom chart</button>
</div>
<div class="panel chart-panel history-toolbar-panel">
<div class="chart-toolbar">
<select id="historyZone" aria-label="History zone"></select>
<select id="historyHours">
<div id="historyContextControls" class="history-context-controls"></div>
<select id="historyHours" aria-label="History range">
<option value="6" data-i18n="history.6h">6 hours</option>
<option value="24" selected data-i18n="history.24h">24 hours</option>
<option value="168" data-i18n="history.7d">7 days</option>
<option value="720" data-i18n="history.30d">30 days</option>
</select>
<button class="secondary" id="historyRefresh" data-i18n="actions.show">Show</button>
<button class="secondary" id="historyRefresh" data-i18n="actions.refresh">Refresh</button>
</div>
<div class="history-summary" id="historySummary"></div>
</div>
<div class="panel chart-panel history-chart-card">
<div class="chart-title-row"><div><h3 data-i18n="history.temperatureOverview">Temperature overview</h3><p data-i18n="history.temperatureOverviewHint">GREE, room sensor, control temperature, targets and outdoor temperature.</p></div></div>
<div class="chart-wrap"><canvas id="historyTemperatureChart" width="1000" height="420"></canvas></div>
<div class="legend" id="historyTemperatureLegend"></div>
</div>
<div class="panel chart-panel history-chart-card">
<div class="chart-title-row"><div><h3 data-i18n="history.operationOverview">Operation overview</h3><p data-i18n="history.operationOverviewHint">Demand, power and fan activity over the same period.</p></div></div>
<div class="chart-wrap compact-chart"><canvas id="historyOperationChart" width="1000" height="300"></canvas></div>
<div class="legend" id="historyOperationLegend"></div>
</div>
<div id="historyCustomBuilder" class="history-custom-builder"></div>
<div id="historyCharts" class="history-charts"></div>
</section>
<section class="view" data-view="settings">
@@ -290,7 +289,7 @@
</form>
</dialog>
<div id="toast" role="status" aria-live="polite"></div>
<div id="toastStack" class="toast-stack" role="status" aria-live="polite" aria-atomic="false"></div>
<script src="/app.js" defer></script>
</body>
</html>