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;
|
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>
|
<script>
|
||||||
import { page } from "$app/stores";
|
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 SocialButtons from "$lib/SocialButtons.svelte";
|
||||||
import Countdown from "$lib/Countdown.svelte";
|
import Countdown from "$lib/Countdown.svelte";
|
||||||
|
|
||||||
|
@ -113,7 +113,8 @@
|
||||||
<div class="">Gabriel Loci, Praha</div>
|
<div class="">Gabriel Loci, Praha</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-10 text-left">
|
<div class="flex mt-10 gap-4 flex-wrap">
|
||||||
|
<div class="text-left">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a
|
<a
|
||||||
href="/vstupenky"
|
href="/vstupenky"
|
||||||
|
@ -122,6 +123,13 @@
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</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">
|
<div class="mt-8 ml-3 lg:ml-6 text-left flex m-auto">
|
||||||
<a
|
<a
|
||||||
href="https://twitter.com/utxoprague"
|
href="https://twitter.com/utxoprague"
|
||||||
|
|
|
@ -4,15 +4,33 @@
|
||||||
import "../app.css";
|
import "../app.css";
|
||||||
import api from "$lib/api.js";
|
import api from "$lib/api.js";
|
||||||
import { page } from "$app/stores";
|
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 { loadOrders, loadApiStatus } from "$lib/orders";
|
||||||
import { onMount, onDestroy } from "svelte";
|
import { onMount, onDestroy } from "svelte";
|
||||||
|
|
||||||
let bundle = null;
|
|
||||||
let uds = null;
|
let uds = null;
|
||||||
|
|
||||||
|
let int1 = null;
|
||||||
|
|
||||||
|
async function baseLoad() {
|
||||||
|
api.loadBundle($page.url.hostname === "localhost");
|
||||||
|
|
||||||
|
await loadApiStatus();
|
||||||
|
loadOrders($userData);
|
||||||
|
}
|
||||||
|
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
bundle = await api.loadBundle($page.url.hostname === "localhost");
|
baseLoad();
|
||||||
|
|
||||||
|
int1 = setInterval(() => {
|
||||||
|
baseLoad();
|
||||||
|
}, 60 * 2000);
|
||||||
|
|
||||||
const userDataLS = localStorage.getItem("userData");
|
const userDataLS = localStorage.getItem("userData");
|
||||||
if (userDataLS) {
|
if (userDataLS) {
|
||||||
|
@ -26,19 +44,17 @@
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
loadInfo.set({ loaded: true });
|
loadInfo.set({ loaded: true });
|
||||||
}, 300);
|
}, 300);
|
||||||
|
|
||||||
await loadApiStatus();
|
|
||||||
await loadOrders($userData);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
onDestroy(() => {
|
onDestroy(() => {
|
||||||
//userData.unsubscribe(uds)
|
//userData.unsubscribe(uds)
|
||||||
|
clearInterval(int1);
|
||||||
});
|
});
|
||||||
|
|
||||||
// load orders
|
// load orders
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#if bundle}
|
{#if $bundle}
|
||||||
<div class="layout min-h-screen bg-gray-900">
|
<div class="layout min-h-screen bg-gray-900">
|
||||||
<div class="inset-0 bg-white">
|
<div class="inset-0 bg-white">
|
||||||
<Header />
|
<Header />
|
||||||
|
|
|
@ -42,11 +42,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<title
|
<title>UTXO.22 {$bundle ? "- " + $bundle.description : ""}</title>
|
||||||
>UTXO.22 {$bundle
|
|
||||||
? "- " + $bundle.description
|
|
||||||
: ""}</title
|
|
||||||
>
|
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl">
|
<section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl">
|
||||||
|
|
|
@ -112,7 +112,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{#if s.desc}
|
{#if s.desc}
|
||||||
<div class="mt-6">
|
<div class="mt-6 utxo-markdown">
|
||||||
<SvelteMarkdown source={s.desc} {renderers} />
|
<SvelteMarkdown source={s.desc} {renderers} />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
|
@ -101,7 +101,7 @@
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{#if e.description}
|
{#if e.description}
|
||||||
<div class="mt-6 mb-6">
|
<div class="mt-6 mb-6 utxo-markdown">
|
||||||
<SvelteMarkdown source={e.description} {renderers} />
|
<SvelteMarkdown source={e.description} {renderers} />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
Načítá se…
Odkázat v novém úkolu