prettier
This commit is contained in:
rodič
c5592c723b
revize
6379dc67cd
|
@ -43,14 +43,23 @@
|
||||||
return output;
|
return output;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="transition-all mb-4 border px-3 py-2 rounded-md shadow {$userData.favoriteEvents.includes( e.id) ? 'bg-yellow-100' : ''}"
|
class="transition-all mb-4 border px-3 py-2 rounded-md shadow {$userData.favoriteEvents.includes(
|
||||||
|
e.id
|
||||||
|
)
|
||||||
|
? 'bg-yellow-100'
|
||||||
|
: ''}"
|
||||||
>
|
>
|
||||||
<div class="float-right">
|
<div class="float-right">
|
||||||
<i class="fa-star {$userData.favoriteEvents.includes(e.id) ? 'fa-solid' : 'fa-regular'} cursor-pointer" utxo-event-id={e.id} on:click={handleFavorite} />
|
<i
|
||||||
|
class="fa-star {$userData.favoriteEvents.includes(e.id)
|
||||||
|
? 'fa-solid'
|
||||||
|
: 'fa-regular'} cursor-pointer"
|
||||||
|
utxo-event-id={e.id}
|
||||||
|
on:click={handleFavorite}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-lg font-semibold">
|
<div class="text-lg font-semibold">
|
||||||
<a href="/udalosti?id={e.id}">{e.name}</a>
|
<a href="/udalosti?id={e.id}">{e.name}</a>
|
||||||
|
@ -74,9 +83,22 @@
|
||||||
<div class="mt-4 w-auto mb-2">
|
<div class="mt-4 w-auto mb-2">
|
||||||
<div class="flex flex-wrap gap-2" cellpadding="5">
|
<div class="flex flex-wrap gap-2" cellpadding="5">
|
||||||
{#each getChildrens(e) as pe}
|
{#each getChildrens(e) as pe}
|
||||||
<div class="border rounded py-1.5 px-2.5 text-sm transition-all {$userData.favoriteEvents.includes( pe.id) ? 'bg-yellow-100' : 'bg-gray-100'}">
|
<div
|
||||||
|
class="border rounded py-1.5 px-2.5 text-sm transition-all {$userData.favoriteEvents.includes(
|
||||||
|
pe.id
|
||||||
|
)
|
||||||
|
? 'bg-yellow-100'
|
||||||
|
: 'bg-gray-100'}"
|
||||||
|
>
|
||||||
<div class="font-bold">
|
<div class="font-bold">
|
||||||
<a href="/udalosti?id={pe.id}">{pe.name}</a> <i class="fa-star {$userData.favoriteEvents.includes(pe.id) ? 'fa-solid' : 'fa-regular'} cursor-pointer" utxo-event-id={pe.id} on:click={handleFavorite} />
|
<a href="/udalosti?id={pe.id}">{pe.name}</a>
|
||||||
|
<i
|
||||||
|
class="fa-star {$userData.favoriteEvents.includes(pe.id)
|
||||||
|
? 'fa-solid'
|
||||||
|
: 'fa-regular'} cursor-pointer"
|
||||||
|
utxo-event-id={pe.id}
|
||||||
|
on:click={handleFavorite}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-1">
|
<div class="mt-1">
|
||||||
{#if pe.speakers.length === 0}
|
{#if pe.speakers.length === 0}
|
||||||
|
|
|
@ -10,6 +10,26 @@
|
||||||
let style = `background-color: ${color};`;
|
let style = `background-color: ${color};`;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<div class="tooltip-wrapper">
|
||||||
|
<span class="tooltip-slot">
|
||||||
|
<slot />
|
||||||
|
</span>
|
||||||
|
<div
|
||||||
|
class="tooltip"
|
||||||
|
class:active
|
||||||
|
class:left
|
||||||
|
class:right
|
||||||
|
class:bottom
|
||||||
|
class:top
|
||||||
|
>
|
||||||
|
{#if tip}
|
||||||
|
<div class="default-tip" {style}>{@html tip}</div>
|
||||||
|
{:else}
|
||||||
|
<slot name="custom-tip" />
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.tooltip-wrapper {
|
.tooltip-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -69,23 +89,3 @@
|
||||||
visibility: initial;
|
visibility: initial;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="tooltip-wrapper">
|
|
||||||
<span class="tooltip-slot">
|
|
||||||
<slot />
|
|
||||||
</span>
|
|
||||||
<div
|
|
||||||
class="tooltip"
|
|
||||||
class:active
|
|
||||||
class:left
|
|
||||||
class:right
|
|
||||||
class:bottom
|
|
||||||
class:top>
|
|
||||||
{#if tip}
|
|
||||||
<div class="default-tip" {style}>{@html tip}</div>
|
|
||||||
{:else}
|
|
||||||
<slot name="custom-tip" />
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
|
@ -50,7 +50,11 @@
|
||||||
|
|
||||||
<section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl text-blue-web">
|
<section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl text-blue-web">
|
||||||
{#if $bundle && s}
|
{#if $bundle && s}
|
||||||
<div class="mb-6 uppercase text-gray-500"><a href="javascript:history.back()"><i class="fa-solid fa-arrow-left"></i> Zpět</a></div>
|
<div class="mb-6 uppercase text-gray-500">
|
||||||
|
<a href="javascript:history.back()"
|
||||||
|
><i class="fa-solid fa-arrow-left" /> Zpět</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
<div class="sm:flex gap-10 mt-4">
|
<div class="sm:flex gap-10 mt-4">
|
||||||
<div><Avatar speaker={s} size="big" /></div>
|
<div><Avatar speaker={s} size="big" /></div>
|
||||||
<div class="mt-4 sm:mt-0">
|
<div class="mt-4 sm:mt-0">
|
||||||
|
|
|
@ -9,10 +9,13 @@
|
||||||
|
|
||||||
$: totalDuration = (() => {
|
$: totalDuration = (() => {
|
||||||
if (!$bundle) {
|
if (!$bundle) {
|
||||||
return null
|
return null;
|
||||||
}
|
}
|
||||||
return $bundle.spec.events.reduce((p, c) => p + (c ? calcDuration(c, $bundle) : 0), 0)
|
return $bundle.spec.events.reduce(
|
||||||
})()
|
(p, c) => p + (c ? calcDuration(c, $bundle) : 0),
|
||||||
|
0
|
||||||
|
);
|
||||||
|
})();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
|
@ -35,7 +38,7 @@
|
||||||
<div class="uppercase font-sm mt-1">přednášejících</div>
|
<div class="uppercase font-sm mt-1">přednášejících</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<div class="text-4xl">{Math.round((totalDuration/60)*100)/100}</div>
|
<div class="text-4xl">{Math.round((totalDuration / 60) * 100) / 100}</div>
|
||||||
<div class="uppercase font-sm mt-1">hodin obsahu</div>
|
<div class="uppercase font-sm mt-1">hodin obsahu</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -19,8 +19,8 @@
|
||||||
|
|
||||||
$: id = getId($page.url.search);
|
$: id = getId($page.url.search);
|
||||||
$: e = $bundle ? $bundle.spec.events.find((ev) => ev.id === id) : null;
|
$: e = $bundle ? $bundle.spec.events.find((ev) => ev.id === id) : null;
|
||||||
$: duration = e ? calcDuration(e, $bundle) : null
|
$: duration = e ? calcDuration(e, $bundle) : null;
|
||||||
$: childrens = $bundle.spec.events.filter(i => i.parent === e.id);
|
$: childrens = $bundle.spec.events.filter((i) => i.parent === e.id);
|
||||||
|
|
||||||
function getId(search) {
|
function getId(search) {
|
||||||
const searchParams = new URLSearchParams(search);
|
const searchParams = new URLSearchParams(search);
|
||||||
|
@ -52,7 +52,11 @@
|
||||||
|
|
||||||
<section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl text-blue-web">
|
<section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl text-blue-web">
|
||||||
{#if $bundle && e}
|
{#if $bundle && e}
|
||||||
<div class="mb-6 uppercase text-gray-500"><a href="javascript:history.back()"><i class="fa-solid fa-arrow-left"></i> Zpět</a></div>
|
<div class="mb-6 uppercase text-gray-500">
|
||||||
|
<a href="javascript:history.back()"
|
||||||
|
><i class="fa-solid fa-arrow-left" /> Zpět</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
<div class="mb-6 flex flex-wrap gap-4">
|
<div class="mb-6 flex flex-wrap gap-4">
|
||||||
<div><EventTypeLabel event={e} size="big" /></div>
|
<div><EventTypeLabel event={e} size="big" /></div>
|
||||||
<div class="text-md my-auto">{trackRender(e.track)}</div>
|
<div class="text-md my-auto">{trackRender(e.track)}</div>
|
||||||
|
@ -79,12 +83,14 @@
|
||||||
{#if e.parent}
|
{#if e.parent}
|
||||||
<div class="mt-6">
|
<div class="mt-6">
|
||||||
<h2 class="text uppercase mb-4 font-semibold">Součást události:</h2>
|
<h2 class="text uppercase mb-4 font-semibold">Součást události:</h2>
|
||||||
<Event event={$bundle.spec.events.find(ev => ev.id === e.parent)} />
|
<Event event={$bundle.spec.events.find((ev) => ev.id === e.parent)} />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{#if childrens.length}
|
{#if childrens.length}
|
||||||
<div class="mt-6">
|
<div class="mt-6">
|
||||||
<h2 class="text uppercase mb-4">Obsahuje události ({ childrens.length })</h2>
|
<h2 class="text uppercase mb-4">
|
||||||
|
Obsahuje události ({childrens.length})
|
||||||
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{#each childrens as child}
|
{#each childrens as child}
|
||||||
|
|
Načítá se…
Odkázat v novém úkolu