Compare commits

..

No commits in common. "866436fa82882dffe6f2f45bd303effc67d92a37" and "b902b081d7e2e80fdf167657f3c2fda79b888985" have entirely different histories.

View File

@ -1,7 +1,6 @@
<script> <script>
import axios from "axios"; import axios from "axios";
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
import { fade, slide } from "svelte/transition";
import { apikey, api_endpoint, page, stationinfo } from "./store.js"; import { apikey, api_endpoint, page, stationinfo } from "./store.js";
function init(el) { function init(el) {
el.focus(); el.focus();
@ -32,7 +31,8 @@
general = data; general = data;
}) })
.catch(function (e) { .catch(function (e) {
console.log(e); error = true;
errormessage = e.response.data.short;
}); });
} }
function stats_runners() { function stats_runners() {
@ -46,7 +46,8 @@
runners = data; runners = data;
}) })
.catch(function (e) { .catch(function (e) {
console.log(e); error = true;
errormessage = e.response.data.short;
}); });
} }
function stats_orgs() { function stats_orgs() {
@ -60,7 +61,8 @@
orgs = data; orgs = data;
}) })
.catch(function (e) { .catch(function (e) {
console.log(e); error = true;
errormessage = e.response.data.short;
}); });
} }
Array.prototype.cycle = function (str) { Array.prototype.cycle = function (str) {
@ -91,131 +93,125 @@
> >
<div class="max-w-xl w-full"> <div class="max-w-xl w-full">
{#if current_page === "general"} {#if current_page === "general"}
<div transition:slide|local> <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
<h1 class="mr-6 text-7xl font-semibold text-center text-gray-900"> {hours}:{minutes}:{seconds}
{hours}:{minutes}:{seconds} </h1>
</h1> <!-- -->
<!-- --> <div class="flex flex-wrap -mx-1 overflow-hidden mt-5">
<div class="flex flex-wrap -mx-1 overflow-hidden mt-5"> <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
<div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3"> <h1 class="text-5xl font-semibold text-center text-gray-900">
<h1 class="text-5xl font-semibold text-center text-gray-900"> {general.total_runners}
{general.total_runners} </h1>
</h1> <h1 class="text-2xl font-semibold text-center text-gray-900">
<h1 class="text-2xl font-semibold text-center text-gray-900"> Läufer
Läufer </h1>
</h1> </div>
</div> <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
<div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3"> <h1 class="text-5xl font-semibold text-center text-gray-900">
<h1 class="text-5xl font-semibold text-center text-gray-900"> {general.total_distance}
{general.total_distance} </h1>
</h1> <h1 class="text-2xl font-semibold text-center text-gray-900">
<h1 class="text-2xl font-semibold text-center text-gray-900"> Kilometer gesamt
Kilometer gesamt </h1>
</h1> </div>
</div> <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
<div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3"> <h1 class="text-5xl font-semibold text-center text-gray-900">
<h1 class="text-5xl font-semibold text-center text-gray-900"> {general.total_donation}
{general.total_donation} </h1>
</h1> <h1 class="text-2xl font-semibold text-center text-gray-900">
<h1 class="text-2xl font-semibold text-center text-gray-900"> Spendensumme
Spendensumme </h1>
</h1>
</div>
</div> </div>
</div> </div>
{:else if current_page === "runners_distance"} {:else if current_page === "runners_distance"}
<div transition:slide|local> <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
<h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5"> Top-Läufer
Top-Läufer </h1>
</h1> <table class="table p-4 bg-white shadow rounded-lg w-full">
<table class="table p-4 bg-white shadow rounded-lg w-full"> <thead>
<thead> <tr>
<tr> <th
<th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900" >
> Platz
Platz </th>
</th> <th
<th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900" >
> Läufer
Läufer </th>
</th> <th
<th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900" >
> Firma
Firma </th>
</th> <th
<th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900" >
> Kilometer
Kilometer </th>
</th> </tr>
</thead>
<tbody>
{#each runners_filtered as r, i}
<tr class="text-gray-700">
<td class="border p-4 dark:border-dark-5">
{i + 1}
</td>
<td class="border p-4 dark:border-dark-5">
{r.firstname}
{r.lastname}
</td>
<td class="border p-4 dark:border-dark-5">
{r.group.name}
</td>
<td class="border p-4 dark:border-dark-5">
{r.distance / 1000} km
</td>
</tr> </tr>
</thead> {/each}
<tbody> </tbody>
{#each runners_filtered as r, i} </table>
<tr class="text-gray-700">
<td class="border p-4 dark:border-dark-5">
{i + 1}
</td>
<td class="border p-4 dark:border-dark-5">
{r.firstname}
{r.lastname}
</td>
<td class="border p-4 dark:border-dark-5">
{r.group.name}
</td>
<td class="border p-4 dark:border-dark-5">
{r.distance / 1000} km
</td>
</tr>
{/each}
</tbody>
</table>
</div>
{:else if current_page === "orgs_distance"} {:else if current_page === "orgs_distance"}
<div transition:slide|local> <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
<h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5"> Top-Firmen
Top-Firmen </h1>
</h1> <table class="table p-4 bg-white shadow rounded-lg w-full">
<table class="table p-4 bg-white shadow rounded-lg w-full"> <thead>
<thead> <tr>
<tr> <th
<th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900" >
> Platz
Platz </th>
</th> <th
<th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900" >
> Firma
Firma </th>
</th> <th
<th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900" >
> Kilometer
Kilometer </th>
</th> </tr>
</thead>
<tbody>
{#each orgs_filtered as o, i}
<tr class="text-gray-700">
<td class="border p-4 dark:border-dark-5">
{i + 1}
</td>
<td class="border p-4 dark:border-dark-5">
{o.name}
</td>
<td class="border p-4 dark:border-dark-5">
{o.distance / 1000} km
</td>
</tr> </tr>
</thead> {/each}
<tbody> </tbody>
{#each orgs_filtered as o, i} </table>
<tr class="text-gray-700">
<td class="border p-4 dark:border-dark-5">
{i + 1}
</td>
<td class="border p-4 dark:border-dark-5">
{o.name}
</td>
<td class="border p-4 dark:border-dark-5">
{o.distance / 1000} km
</td>
</tr>
{/each}
</tbody>
</table>
</div>
{:else} {:else}
<!-- content here --> <!-- content here -->
{/if} {/if}