diff options
| author | emkael <emkael@tlen.pl> | 2021-01-19 12:17:22 +0100 |
|---|---|---|
| committer | emkael <emkael@tlen.pl> | 2021-01-19 12:17:22 +0100 |
| commit | 5545d87ba4e7a59ef0e5d128d16b4bde9b716cbc (patch) | |
| tree | ea30dd1d7204fdbe5e3be3ea0567c65f1f27f211 /result/index.html | |
| parent | a90be36660d84d83b070dd0c1e95ee197ead58d1 (diff) | |
First version of all 4 charts
Diffstat (limited to 'result/index.html')
| -rw-r--r-- | result/index.html | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/result/index.html b/result/index.html new file mode 100644 index 0000000..4a8009c --- /dev/null +++ b/result/index.html @@ -0,0 +1,95 @@ + +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Polski K***cik</title> + + <!-- Bootstrap core CSS --> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/11.0.2/css/bootstrap-slider.min.css" integrity="sha512-3q8fi8M0VS+X/3n64Ndpp6Bit7oXSiyCnzmlx6IDBLGlY5euFySyJ46RUlqIVs0DPCGOypqP8IRk/EyPvU28mQ==" crossorigin="anonymous" /> + + <link href="krafcik.css" rel="stylesheet" /> + + </head> + <body> + + <main class="container"> + + <h1>Polski Krafcik <span class="lead">2012-2020</span></h1> + + + <form id="filters"> + <div id="date-filter" class="form-group"> + <label>Zakres dat</label> + <input type="text" name="date" data-slider-id="date-slider" /> + </div> + <div id="brewery-filter" class="form-group"> + <label>Browary</label><br /> + <div class="form-check"> + <input class="form-check-input" id="brewery-all" type="checkbox" checked="checked" /> + <label class="form-check-label" for="brewery-all"> + Wszystkie + </label> + </div> + </div> + </form> + + <ul class="nav nav-tabs" id="tab-menu" role="tablist"> + <li class="nav-item"> + <a class="nav-link active" id="styles-tab" data-toggle="tab" href="#styles" role="tab" aria-controls="styles" aria-selected="true"> + Rozkład stylów + </a> + </li> + <li class="nav-item"> + <a class="nav-link" id="abv-ratings-tab" data-toggle="tab" href="#abv-ratings" role="tab" aria-controls="abv-ratings" aria-selected="false"> + ABV / l. ocen + </a> + </li> + <li class="nav-item"> + <a class="nav-link" id="abv-average-tab" data-toggle="tab" href="#abv-average" role="tab" aria-controls="abv-average" aria-selected="false"> + ABV / ocena + </a> + </li> + <li class="nav-item"> + <a class="nav-link" id="ratings-average-tab" data-toggle="tab" href="#ratings-average" role="tab" aria-controls="ratings-average" aria-selected="false"> + L. ocen / ocena + </a> + </li> + </ul> + <div class="tab-content" id="tab-content"> + <div class="tab-pane fade show active" id="styles" role="tabpanel" aria-labelledby="styles-tab"> + <canvas id="styles-chart" width="100%"></canvas> + </div> + <div class="tab-pane fade" id="abv-ratings" role="tabpanel" aria-labelledby="abv-ratings-tab"> + <canvas id="abv-ratings-chart" width="100%"></canvas> + </div> + <div class="tab-pane fade" id="abv-average" role="tabpanel" aria-labelledby="abv-average-tab"> + <canvas id="abv-average-chart" width="100%"></canvas> + </div> + <div class="tab-pane fade" id="ratings-average" role="tabpanel" aria-labelledby="ratings-average-tab"> + <canvas id="ratings-average-chart" width="100%"></canvas> + </div> + </div> + + </main><!-- /.container --> + + <template id="brewery-template"> + <div class="form-check form-check-inline my-2"> + <input class="form-check-input" type="checkbox" name="brewery" checked="checked" value="" /> + <label class="form-check-label" for="" title=""> + <img src="" /> + </label> + </div> + </template> + + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script> + <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/11.0.2/bootstrap-slider.min.js" integrity="sha512-f0VlzJbcEB6KiW8ZVtL+5HWPDyW1+nJEjguZ5IVnSQkvZbwBt2RfCBY0CBO1PsMAqxxrG4Di6TfsCPP3ZRwKpA==" crossorigin="anonymous"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" crossorigin="anonymous"></script> + + <script src="krafcik.js" type="text/javascript"></script> + + </body> +</html> |