From 4e2b2b80f43bb2674895f101997f5269b77d6b37 Mon Sep 17 00:00:00 2001
From: WilliamDiakite <william.diakite@gmail.com>
Date: Thu, 17 Oct 2024 18:17:18 -0400
Subject: [PATCH] =?UTF-8?q?integrates=20bookings=20for=20clinique=20num?=
 =?UTF-8?q?=C3=A9rique?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/ArticleAside.svelte | 58 +++++++++++++++++++++++++-
 src/lib/labouvroir                     |  2 +-
 src/lib/types.ts                       |  2 +
 3 files changed, 60 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ArticleAside.svelte b/src/lib/components/ArticleAside.svelte
index d6d8643..665a96c 100644
--- a/src/lib/components/ArticleAside.svelte
+++ b/src/lib/components/ArticleAside.svelte
@@ -2,8 +2,25 @@
 	import { t, dateToLocalizedString } from '$i18n/i18n';
 	import { MemberLink, Tree } from '$components';
 	import type { Blog, Event, Resource, Project, Meeting } from '$lib/types';
+	import { onMount } from 'svelte';
 
 	export let content: Blog | Event | Resource | Project | Meeting;
+
+	onMount(() => {
+		const dialog = document.querySelector('dialog');
+		const button = document.querySelector('button.register');
+
+		if (dialog && button) {
+			button.addEventListener('click', () => {
+				dialog.showModal();
+			});
+			dialog.addEventListener('click', (e) => {
+				if (e.target === dialog) {
+					dialog.close();
+				}
+			});
+		}
+	});
 </script>
 
 <aside class="infos">
@@ -90,7 +107,9 @@
 			</p>
 		</div>
 		<div class="info">
-			{#if content.meta.link}
+			{#if content.meta.recurrent}
+				<button class="register">{$t('news.register')}</button>
+			{:else if content.meta.link}
 				<a class="register" href={content.meta.link}>{$t('news.register')}</a>
 			{:else}
 				<p>{$t('news.noRegistration')}</p>
@@ -137,6 +156,18 @@
 	{/if}
 </aside>
 
+{#if content.meta.kind === 'event' && content.meta.recurrent === 'clinique'}
+	<dialog>
+		<iframe
+			title="interactive calendar"
+			src={content.meta.link}
+			frameborder="0"
+			scrolling="yes"
+			style="border:0"
+		></iframe>
+	</dialog>
+{/if}
+
 <style>
 	.infos {
 		container: aside / inline-size;
@@ -183,6 +214,31 @@
 		}
 	}
 
+	button {
+		all: unset;
+		font-weight: 700;
+		text-decoration: underline;
+		text-underline-offset: 0.25rem;
+		text-decoration-skip: ink;
+		&:hover {
+			cursor: pointer;
+			text-decoration: none;
+		}
+	}
+
+	iframe {
+		width: 100%;
+		height: 100%;
+		border: 0;
+	}
+
+	dialog {
+		width: min(90%, 58rem);
+		height: min(90%, 58rem);
+		border: none;
+		border-radius: var(--border-radius);
+	}
+
 	#links {
 		& * + * {
 			margin-top: 0.3rem;
diff --git a/src/lib/labouvroir b/src/lib/labouvroir
index f9520ba..1b1afb9 160000
--- a/src/lib/labouvroir
+++ b/src/lib/labouvroir
@@ -1 +1 @@
-Subproject commit f9520ba93db5e73f05f59111b72c4774926e0257
+Subproject commit 1b1afb911d1ee8649f3cc335c174952368b0ce8c
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 7e3960f..c496a1c 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -36,6 +36,8 @@ type EventMeta = {
 	path: string;
 	kind: 'event';
 	slug: string;
+	recurrent: string;
+	draft: boolean;
 };
 
 type MemberMeta = {