Add left tickets to homepage
This commit is contained in:
rodič
eaf13f3c2a
revize
e36a81607b
20
src/app.css
20
src/app.css
|
@ -11,3 +11,23 @@
|
|||
font-family: Montserrat, sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
.utxo-markdown ul {
|
||||
display: block;
|
||||
list-style-type: disc;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.utxo-markdown ol {
|
||||
display: block;
|
||||
list-style-type: decimal;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<script>
|
||||
import { page } from "$app/stores";
|
||||
import { bundle, userData, userDataLocal } from "$lib/stores";
|
||||
import { bundle, userData, userDataLocal, apiStatus } from "$lib/stores";
|
||||
import SocialButtons from "$lib/SocialButtons.svelte";
|
||||
import Countdown from "$lib/Countdown.svelte";
|
||||
|
||||
|
@ -113,14 +113,22 @@
|
|||
<div class="">Gabriel Loci, Praha</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10 text-left">
|
||||
<div class="">
|
||||
<a
|
||||
href="/vstupenky"
|
||||
class="rounded-3xl bg-utxo-gradient uppercase text-sm py-4 px-10 hover:text-base hover:font-bold transition-all"
|
||||
>Koupit vstupenky</a
|
||||
>
|
||||
<div class="flex mt-10 gap-4 flex-wrap">
|
||||
<div class="text-left">
|
||||
<div class="">
|
||||
<a
|
||||
href="/vstupenky"
|
||||
class="rounded-3xl bg-utxo-gradient uppercase text-sm py-4 px-10 hover:text-base hover:font-bold transition-all"
|
||||
>Koupit vstupenky</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
{#if $apiStatus && $apiStatus.wave}
|
||||
<div class="my-auto sm:mt-0 mt-2 sm:ml-0 ml-2 italic opacity-50">
|
||||
Zbývá <span class="font-bold">{$apiStatus.wave.live.left}</span>
|
||||
vstupenek (za {$apiStatus.wave.price} Kč)
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="mt-8 ml-3 lg:ml-6 text-left flex m-auto">
|
||||
<a
|
||||
|
|
|
@ -4,15 +4,33 @@
|
|||
import "../app.css";
|
||||
import api from "$lib/api.js";
|
||||
import { page } from "$app/stores";
|
||||
import { userData, userDataLocal, apiStatus, loadInfo } from "$lib/stores";
|
||||
import {
|
||||
userData,
|
||||
userDataLocal,
|
||||
apiStatus,
|
||||
loadInfo,
|
||||
bundle,
|
||||
} from "$lib/stores";
|
||||
import { loadOrders, loadApiStatus } from "$lib/orders";
|
||||
import { onMount, onDestroy } from "svelte";
|
||||
|
||||
let bundle = null;
|
||||
let uds = null;
|
||||
|
||||
let int1 = null;
|
||||
|
||||
async function baseLoad() {
|
||||
api.loadBundle($page.url.hostname === "localhost");
|
||||
|
||||
await loadApiStatus();
|
||||
loadOrders($userData);
|
||||
}
|
||||
|
||||
onMount(async () => {
|
||||
bundle = await api.loadBundle($page.url.hostname === "localhost");
|
||||
baseLoad();
|
||||
|
||||
int1 = setInterval(() => {
|
||||
baseLoad();
|
||||
}, 60 * 2000);
|
||||
|
||||
const userDataLS = localStorage.getItem("userData");
|
||||
if (userDataLS) {
|
||||
|
@ -26,19 +44,17 @@
|
|||
setTimeout(() => {
|
||||
loadInfo.set({ loaded: true });
|
||||
}, 300);
|
||||
|
||||
await loadApiStatus();
|
||||
await loadOrders($userData);
|
||||
});
|
||||
|
||||
onDestroy(() => {
|
||||
//userData.unsubscribe(uds)
|
||||
clearInterval(int1);
|
||||
});
|
||||
|
||||
// load orders
|
||||
</script>
|
||||
|
||||
{#if bundle}
|
||||
{#if $bundle}
|
||||
<div class="layout min-h-screen bg-gray-900">
|
||||
<div class="inset-0 bg-white">
|
||||
<Header />
|
||||
|
|
|
@ -42,11 +42,7 @@
|
|||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title
|
||||
>UTXO.22 {$bundle
|
||||
? "- " + $bundle.description
|
||||
: ""}</title
|
||||
>
|
||||
<title>UTXO.22 {$bundle ? "- " + $bundle.description : ""}</title>
|
||||
</svelte:head>
|
||||
|
||||
<section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl">
|
||||
|
|
|
@ -112,7 +112,7 @@
|
|||
</div>
|
||||
</div>
|
||||
{#if s.desc}
|
||||
<div class="mt-6">
|
||||
<div class="mt-6 utxo-markdown">
|
||||
<SvelteMarkdown source={s.desc} {renderers} />
|
||||
</div>
|
||||
{/if}
|
||||
|
|
|
@ -101,7 +101,7 @@
|
|||
</div>
|
||||
{/if}
|
||||
{#if e.description}
|
||||
<div class="mt-6 mb-6">
|
||||
<div class="mt-6 mb-6 utxo-markdown">
|
||||
<SvelteMarkdown source={e.description} {renderers} />
|
||||
</div>
|
||||
{/if}
|
||||
|
|
Načítá se…
Odkázat v novém úkolu