Update
This commit is contained in:
rodič
794150500a
revize
391cb7af3e
|
@ -35,7 +35,7 @@
|
||||||
fe.push(t)
|
fe.push(t)
|
||||||
output = Object.assign($userData, { favoriteEvents: fe })
|
output = Object.assign($userData, { favoriteEvents: fe })
|
||||||
}
|
}
|
||||||
localStorage.setItem('userData', JSON.stringify(output))
|
//localStorage.setItem('userData', JSON.stringify(output))
|
||||||
return output
|
return output
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,7 +23,11 @@ class API {
|
||||||
return this.bundle
|
return this.bundle
|
||||||
}
|
}
|
||||||
|
|
||||||
async apiCall (path, opts={ method: 'get' }) {
|
async apiCall (path, opts={ method: 'get' }, body = null) {
|
||||||
|
if (body) {
|
||||||
|
opts.headers = { 'Content-Type': 'application/json', }
|
||||||
|
opts.body = JSON.stringify(body)
|
||||||
|
}
|
||||||
const resp = await fetch(`https://api.utxo.cz/${path}`, opts)
|
const resp = await fetch(`https://api.utxo.cz/${path}`, opts)
|
||||||
return resp.json()
|
return resp.json()
|
||||||
}
|
}
|
||||||
|
@ -31,9 +35,7 @@ class API {
|
||||||
async submitOrder (data) {
|
async submitOrder (data) {
|
||||||
const resp = await fetch('https://api.utxo.cz/submitOrder', {
|
const resp = await fetch('https://api.utxo.cz/submitOrder', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
headers: {
|
headers: { 'Content-Type': 'application/json', },
|
||||||
'Content-Type': 'application/json',
|
|
||||||
},
|
|
||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
})
|
})
|
||||||
return resp.json()
|
return resp.json()
|
||||||
|
|
|
@ -16,4 +16,5 @@ export const orderTicketForm = writable({
|
||||||
export const userData = writable({
|
export const userData = writable({
|
||||||
favoriteEvents: [],
|
favoriteEvents: [],
|
||||||
hpTrack: 'top',
|
hpTrack: 'top',
|
||||||
|
orders: [],
|
||||||
});
|
});
|
||||||
|
|
|
@ -16,6 +16,11 @@
|
||||||
if (userDataLS) {
|
if (userDataLS) {
|
||||||
userData.set(JSON.parse(userDataLS))
|
userData.set(JSON.parse(userDataLS))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
userData.subscribe(ud => {
|
||||||
|
localStorage.setItem('userData', JSON.stringify(ud))
|
||||||
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<script>
|
<script>
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import { faker } from '@faker-js/faker';
|
import { faker } from '@faker-js/faker';
|
||||||
import { orderTicketForm, apiStatus } from '$lib/stores';
|
import { orderTicketForm, apiStatus, userData } from '$lib/stores';
|
||||||
//import btcPay from 'https://btcpay.utxo.cz/modal/btcpay.js';
|
//import btcPay from 'https://btcpay.utxo.cz/modal/btcpay.js';
|
||||||
import api from '$lib/api.js';
|
import api from '$lib/api.js';
|
||||||
|
|
||||||
|
@ -15,8 +15,17 @@
|
||||||
orderTicketForm.set(parsed)
|
orderTicketForm.set(parsed)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let orders = []
|
||||||
|
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
apiStatus.set(await api.apiCall('status'))
|
apiStatus.set(await api.apiCall('status'))
|
||||||
|
|
||||||
|
// load orders
|
||||||
|
if ($userData.orders && $userData.orders.length > 0) {
|
||||||
|
|
||||||
|
const resp = await api.apiCall('orders', { method: 'POST' }, { orders: $userData.orders })
|
||||||
|
orders = resp.orders
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
faker.locale = 'cz';
|
faker.locale = 'cz';
|
||||||
|
@ -76,11 +85,20 @@
|
||||||
$: orderError = processOrderError(resp.error)
|
$: orderError = processOrderError(resp.error)
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
if (!resp.ok || !resp.payment.checkoutUrl) {
|
if (!resp.ok || !resp.payment.url) {
|
||||||
return null
|
return null
|
||||||
}
|
}
|
||||||
|
|
||||||
window.location.replace(resp.payment.checkoutUrl)
|
// add order to user data
|
||||||
|
userData.update(ud => {
|
||||||
|
if (!ud.orders) {
|
||||||
|
ud.orders = []
|
||||||
|
}
|
||||||
|
ud.orders.push(resp.orderId)
|
||||||
|
return ud
|
||||||
|
})
|
||||||
|
|
||||||
|
window.location.replace(resp.payment.url)
|
||||||
}
|
}
|
||||||
|
|
||||||
let tickets = 0
|
let tickets = 0
|
||||||
|
@ -162,14 +180,28 @@
|
||||||
<h1 class="uppercase text-2xl font-bold">Vaše vstupenky</h1>
|
<h1 class="uppercase text-2xl font-bold">Vaše vstupenky</h1>
|
||||||
<div class="mt-4">Nemáte žádnou vstupenku</div>
|
<div class="mt-4">Nemáte žádnou vstupenku</div>
|
||||||
</div>
|
</div>
|
||||||
|
{#if orders.length > 0}
|
||||||
|
<div class="mt-10">
|
||||||
|
<h1 class="uppercase text-2xl font-bold">Vaše objednávky</h1>
|
||||||
|
<div class="mt-4">
|
||||||
|
{#each orders as order}
|
||||||
|
<div class="px-3 py-2 border rounded-lg">
|
||||||
|
{order.id} - {order.status}
|
||||||
|
</div>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
{#if $apiStatus}
|
{#if $apiStatus}
|
||||||
<div class="mt-10 mb-10">
|
<div class="mt-10 mb-10">
|
||||||
<h1 class="uppercase text-2xl font-bold">Nákup vstupenek</h1>
|
<h1 class="uppercase text-2xl font-bold">Nákup vstupenek</h1>
|
||||||
{#if !$apiStatus.wave}
|
{#if !$apiStatus.wave}
|
||||||
<div class="mt-4">V současné době nelze zakoupit vstupenky.</div>
|
<div class="mt-4">V současné době nelze zakoupit vstupenky.</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div class="border rounded-md p-4 shadow-md mt-4">
|
<div class="p-3 bg-blue-web-light rounded-md mt-6 text-blue-web shadow-md">
|
||||||
|
<div class="sm:m-2 border rounded-md p-4 shadow bg-white mb-6">
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
|
Název akce: <span class="font-bold">UTXO.22</span><br/>
|
||||||
Datum konání: <span class="font-bold">4. - 5. červen 2022</span> (sobota - neděle)<br/>
|
Datum konání: <span class="font-bold">4. - 5. červen 2022</span> (sobota - neděle)<br/>
|
||||||
Místo: <span class="font-bold">Gabriel Loci</span>, Praha 5<br/><br/>
|
Místo: <span class="font-bold">Gabriel Loci</span>, Praha 5<br/><br/>
|
||||||
Aktuální cena vstupenky: <span class="font-bold">{$apiStatus.wave.price} Kč</span> / osobu ({ $apiStatus.wave.name })
|
Aktuální cena vstupenky: <span class="font-bold">{$apiStatus.wave.price} Kč</span> / osobu ({ $apiStatus.wave.name })
|
||||||
|
@ -193,7 +225,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-5 bg-blue-web-light rounded-md mt-6 text-blue-web shadow-md">
|
<div class="p-2">
|
||||||
<div>
|
<div>
|
||||||
<div class="uppercase text-sm font-bold">Email</div>
|
<div class="uppercase text-sm font-bold">Email</div>
|
||||||
<div class="mt-2 text-sm">Kontaktní email, na který budou zaslány vstupenky.</div>
|
<div class="mt-2 text-sm">Kontaktní email, na který budou zaslány vstupenky.</div>
|
||||||
|
@ -301,6 +333,7 @@
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<!--pre>{JSON.stringify($orderTicketForm, null, 2)}</pre>
|
<!--pre>{JSON.stringify($orderTicketForm, null, 2)}</pre>
|
||||||
|
|
Načítá se…
Odkázat v novém úkolu