mirror of
https://github.com/web3privacy/web
synced 2024-10-15 18:26:27 +02:00
update img generator
This commit is contained in:
parent
2b455f478f
commit
485ae63110
1 changed files with 33 additions and 11 deletions
|
@ -26,7 +26,7 @@ const topics = [
|
||||||
'privacy activism',
|
'privacy activism',
|
||||||
]
|
]
|
||||||
|
|
||||||
const events = {
|
/*const events = {
|
||||||
s23prg: { image: 'summit01' },
|
s23prg: { image: 'summit01' },
|
||||||
m24buc: { image: 'bucharest01' },
|
m24buc: { image: 'bucharest01' },
|
||||||
m24ath: { image: 'athens01' },
|
m24ath: { image: 'athens01' },
|
||||||
|
@ -40,7 +40,7 @@ const events = {
|
||||||
m24cph: { image: 'copenhagen01' },
|
m24cph: { image: 'copenhagen01' },
|
||||||
m24rom: { image: 'rome01' },
|
m24rom: { image: 'rome01' },
|
||||||
s24brn: { image: 'brno01' },
|
s24brn: { image: 'brno01' },
|
||||||
}
|
}*/
|
||||||
|
|
||||||
let searchParams = null
|
let searchParams = null
|
||||||
|
|
||||||
|
@ -74,14 +74,17 @@ eventSelected.subscribe((id, next) => {
|
||||||
if (event.speakers?.length > 0) {
|
if (event.speakers?.length > 0) {
|
||||||
speakerSelected.set(event.speakers[0]);
|
speakerSelected.set(event.speakers[0]);
|
||||||
}
|
}
|
||||||
|
if (event.design?.image) {
|
||||||
|
imageSelected.set(event.design.image);
|
||||||
|
}
|
||||||
return next
|
return next
|
||||||
})
|
})
|
||||||
|
|
||||||
function getImage(eId) {
|
function getImageUrl(img) {
|
||||||
return `/gen-img/events/${$imageSelected ? $imageSelected : events[eId]?.image}.png`
|
return `/gen-img/events/${img}.png`
|
||||||
}
|
}
|
||||||
|
|
||||||
$: image = getImage($eventSelected);
|
$: image = $imageSelected ? getImageUrl($imageSelected) : '';
|
||||||
$: event = core.events.find(e => e.id === $eventSelected);
|
$: event = core.events.find(e => e.id === $eventSelected);
|
||||||
$: speaker = core.people.find(p => p.id === $speakerSelected);
|
$: speaker = core.people.find(p => p.id === $speakerSelected);
|
||||||
|
|
||||||
|
@ -89,6 +92,13 @@ const tools = {
|
||||||
dateFormat
|
dateFormat
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let imagesSrc = import.meta.glob("../../public/gen-img/events/*.png");
|
||||||
|
const images = [];
|
||||||
|
for (const path in imagesSrc) {
|
||||||
|
const splitted = path.split('/')
|
||||||
|
images.push(splitted[splitted.length-1].split('.')[0])
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
@ -98,7 +108,7 @@ const tools = {
|
||||||
Event:
|
Event:
|
||||||
<select bind:value={$eventSelected} class="text-black">
|
<select bind:value={$eventSelected} class="text-black">
|
||||||
<option value="">---</option>
|
<option value="">---</option>
|
||||||
{#each Object.keys(events).map(eId => core.events.find(e => e.id === eId)) as e}
|
{#each core.events as e}
|
||||||
<option value={e.id}>[{e.id}] {e.type} {e.city} - {dateFormat(e.date)}</option>
|
<option value={e.id}>[{e.id}] {e.type} {e.city} - {dateFormat(e.date)}</option>
|
||||||
{/each}
|
{/each}
|
||||||
</select>
|
</select>
|
||||||
|
@ -118,11 +128,14 @@ const tools = {
|
||||||
<div class="w-full px-10">
|
<div class="w-full px-10">
|
||||||
Please select event.
|
Please select event.
|
||||||
|
|
||||||
<div class="mt-10 flex flex-wrap gap-4">
|
<div class="mt-10 flex flex-wrap gap-4 mb-20">
|
||||||
{#each Object.keys(events).map(eId => core.events.find(e => e.id === eId)) as event}
|
{#each core.events as event}
|
||||||
<div class="w-[380px] h-[570px] relative">
|
<div>
|
||||||
<div class="scale-50 absolute -left-[160px] -top-[285px] bg-red-200" style="margin-left: -1rem;">
|
<div class="mb-2 text-[#909090]">{event.id} [{event.design?.image || '-'}]</div>
|
||||||
<a href="/gen/event?id={event.id}"><PosterSimple {event} image={getImage(event.id)} {tools} /></a>
|
<div class="w-[380px] h-[570px] relative">
|
||||||
|
<div class="scale-50 absolute -left-[172px] -top-[285px] bg-red-200 {!event.design?.image ? 'opacity-50' : ''}" style="margin-left: -1rem;">
|
||||||
|
<a href="/gen/event?id={event.id}"><PosterSimple {event} image={getImageUrl(event.design?.image)} {tools} /></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/each}
|
{/each}
|
||||||
|
@ -132,6 +145,15 @@ const tools = {
|
||||||
<div class="px-10 py-4">
|
<div class="px-10 py-4">
|
||||||
<a href="/gen/event" class="underline hover:no-underline">Back to events overview</a>
|
<a href="/gen/event" class="underline hover:no-underline">Back to events overview</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="px-10 py-4">
|
||||||
|
Image:
|
||||||
|
<select bind:value={$imageSelected} class="text-black">
|
||||||
|
<option value="">---</option>
|
||||||
|
{#each images as img}
|
||||||
|
<option value={img}>{img} {#if event.design?.image && event.design.image === img}[fixed]{/if}</option>
|
||||||
|
{/each}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
<div class="w-full flex flex-wrap gap-10 p-10">
|
<div class="w-full flex flex-wrap gap-10 p-10">
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
Loading…
Reference in a new issue