no/flask-webservice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update indesx

Browse Source
This commit is contained in:
no
2024-11-29 14:38:55 +01:00
parent 4eda2b20fa
commit d0e0fec58d
1 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/index.html
+31 -10
View File
@@ -45,18 +45,39 @@
<input type="time" id="endTime" value="23:59"> <input type="time" id="endTime" value="23:59">
<button id="calculateButton">Berechne maximale Differenz</button> <button id="calculateButton">Berechne maximale Differenz</button>
<p id="maxTimeDiff">Please press calculate.</p> <p id="maxTimeDiff">Please press calculate.</p>
</div> </div><div id="fiveMinChartSection">
<div>
<h2>5-Minuten-Chart</h2> <h2>5-Minuten-Chart</h2>
<label for="startDate">Start-Datum:</label>
<input type="date" id="startDate"> <!-- Filter spezifisch für den 5-Minuten-Chart -->
<label for="endDate">End-Datum:</label> <label for="fiveMinStartDate">Start-Datum:</label>
<input type="date" id="endDate"> <input type="date" id="fiveMinStartDate">
<label for="startTime">Start-Zeit:</label>
<input type="time" id="startTime" value="00:00"> <label for="fiveMinEndDate">End-Datum:</label>
<label for="endTime">End-Zeit:</label> <input type="date" id="fiveMinEndDate">
<input type="time" id="endTime" value="23:59">
<label for="fiveMinStartTime">Start-Zeit:</label>
<input type="time" id="fiveMinStartTime" value="00:00">
<label for="fiveMinEndTime">End-Zeit:</label>
<input type="time" id="fiveMinEndTime" value="23:59">
<!-- Canvas für den 5-Minuten-Chart -->
<canvas id="fuenfMinutenChart" width="400" height="200"></canvas> <canvas id="fuenfMinutenChart" width="400" height="200"></canvas>
</div> </div>
<script>
// Initialisiere die Filterfelder nur für den 5-Minuten-Chart
document.addEventListener('DOMContentLoaded', function() {
const startDateInput = document.getElementById('fiveMinStartDate');
const endDateInput = document.getElementById('fiveMinEndDate');
const now = new Date();
const yesterday = new Date(now);
yesterday.setDate(now.getDate() - 1);
// Vorauswahl von Start- und Enddatum für den 5-Minuten-Chart
startDateInput.value = yesterday.toISOString().split('T')[0];
endDateInput.value = now.toISOString().split('T')[0];
});
</script>
</body> </body>
</html> </html>