display station info in settings view

ref #1
This commit is contained in:
Philipp Dormann 2021-03-17 18:52:17 +01:00
parent 8a6521faa0
commit f5537278ab
1 changed files with 15 additions and 5 deletions

View File

@ -1,6 +1,5 @@
<!-- -->
<script>
import { apikey, lang, page } from "./store.js";
import { apikey, lang, page, stationinfo } from "./store.js";
</script>
<div class="p-5 min-h-screen">
@ -8,10 +7,21 @@
Lauf Für Kaya! Scan 📷
</h1>
<h1 class="text-3xl w-full text-center text-gray-900">Settings</h1>
<p class="block text-sm font-bold text-gray-700">API Key</p>
<p class="block text-sm font-bold text-gray-700 mt-2">API Key</p>
<p class="block text-sm text-gray-700">{$apikey}</p>
<br />
<p class="block text-sm font-bold text-gray-700">Language</p>
<p class="block text-sm font-bold text-gray-700 mt-2">Station Description</p>
<p class="block text-sm text-gray-700">{JSON.parse($stationinfo).description}</p>
<p class="block text-sm font-bold text-gray-700 mt-2">Station ID</p>
<p class="block text-sm text-gray-700">{JSON.parse($stationinfo).id}</p>
<p class="block text-sm font-bold text-gray-700 mt-2">Track ID</p>
<p class="block text-sm text-gray-700">{JSON.parse($stationinfo).track.id}</p>
<p class="block text-sm font-bold text-gray-700 mt-2">Track Name</p>
<p class="block text-sm text-gray-700">{JSON.parse($stationinfo).track.name}</p>
<p class="block text-sm font-bold text-gray-700 mt-2">Track Distance</p>
<p class="block text-sm text-gray-700">{JSON.parse($stationinfo).track.distance}</p>
<p class="block text-sm font-bold text-gray-700 mt-2">minimum lap time</p>
<p class="block text-sm text-gray-700">{JSON.parse($stationinfo).track.minimumLapTime}s</p>
<p class="block text-sm font-bold text-gray-700 mt-2">Language</p>
<div class="w-full">
<div class="inline-block mr-2 mt-2">
<button