57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Statistiky</title>
|
|
<link rel="icon" href="{{url_for('static', filename='img/logo.webp')}}" type="image/x-icon">
|
|
<link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}">
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<div class="header">
|
|
<div class="contact-info">
|
|
<span>Kontakt: 123 123 123 | Otevírací doba: 9-18 hod | auto@servis.cz </span>
|
|
</div>
|
|
<h1 class="nazev">
|
|
<a href="{{ url_for('home') }}" style="text-decoration: none;">
|
|
<img src="{{url_for('static', filename='img/logo.webp')}}" alt="Logo" class="logo">
|
|
</a>
|
|
Statistika Oprav
|
|
</h1>
|
|
<div class="buttons">
|
|
<a href="{{ url_for('home') }}" class="button">Zpět na Domovskou Stránku</a>
|
|
<a href="{{ url_for('logout') }}" class="button">Odhlásit se</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container">
|
|
<div class="statistics-container">
|
|
<h2 class="statistics-header">Počet Oprav podle Zaměstnance</h2>
|
|
<canvas id="repairsChart"></canvas>
|
|
<script id="repairsData" type="application/json">{{ repairs_data | tojson }}</script>
|
|
</div>
|
|
<div class="statistics-container">
|
|
<h2 class="statistics-header">Počet Oprav podle Času</h2>
|
|
<div class="statistics-form">
|
|
<label for="startDate">Začátek:</label>
|
|
<input type="date" id="startDate" name="startDate">
|
|
<label for="endDate">Konec:</label>
|
|
<input type="date" id="endDate" name="endDate">
|
|
<button onclick="fetchRepairsByDate()">Zobrazit</button>
|
|
</div>
|
|
<canvas id="timeRepairsChart"></canvas>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<div>Made by Hrachovina</div>
|
|
</footer>
|
|
|
|
<script src="{{url_for('static', filename='scripts/statistics.js')}}"></script>
|
|
|
|
</body>
|
|
</html> |