mountain-ui 1.0.35 → 1.0.37

package/src/routes/+page.svelte

@@ -121,11 +121,11 @@
 <h3>Vues</h3>
 <div class="view">
     <h3>{tableView.name}</h3>
-    <ViewTypeComponent type="table" entityId={51}></ViewTypeComponent>
+    <ViewTypeComponent type="table" entityId={82}></ViewTypeComponent>
 </div>
 <h3>Entré</h3>
 <div class="entry">
-    <EntityPage entityId={51} entryId={1}></EntityPage>
+    <EntityPage entityId={82} entryId={2}></EntityPage>
 </div>
 <h3>Entité</h3>
 {#each $entities as entity}

package/src/routes/exemple/+layout.svelte

@@ -0,0 +1,43 @@
+<script>
+	import { page } from '$app/stores';
+	import { entityRegistry } from '$lib/registry/entityRegistry/registry.svelte';
+	import ProjectDropdown from '$lib/registry/projectRegistry/components/ProjectDropdown.svelte';
+	import { projectRegistry } from '$lib/registry/projectRegistry/registry.svelte';
+
+    let {children} = $props()
+
+    
+
+    function getHref(project) {
+        return "/exemple/" + project.normalized_name + "/home"
+    }
+    function isActive(project) {
+        return project.normalized_name === $page.params.project_normalized_name
+    }
+
+</script>
+
+<nav class="top-bar">
+    <h3>Mountain UI</h3>
+	<div class="project-selector">
+		<ProjectDropdown projectId={projectRegistry.getFromNormalizedName($page.params.project_normalized_name).id} hubHref="/exemple" {getHref} {isActive}></ProjectDropdown>
+	</div>
+    
+</nav>
+{@render children()}
+
+<style>
+	.top-bar {
+		position: sticky;
+		top: 0px;
+		width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+		padding: var(--pad-s);
+		border-bottom: 1px solid var(--stroke);
+	}
+	.project-selector {
+		width: min(100%, 300px);
+	}
+</style>

package/src/routes/exemple/[project_normalized_name]/+layout.svelte

@@ -0,0 +1,98 @@
+<script>
+	import { afterNavigate, beforeNavigate } from '$app/navigation';
+	import { page } from '$app/stores';
+	import EntityButton from '$lib/registry/entityRegistry/components/EntityButton.svelte';
+	import { createEntity } from '$lib/registry/entityRegistry/createEntity';
+	import { entityRegistry } from '$lib/registry/entityRegistry/registry.svelte';
+	import { init, RotativeLoader, sendRequest } from 'hamzus-ui';
+	import { onMount } from 'svelte';
+
+	let { children } = $props();
+
+	let loading = $state(true);
+
+	const entities = entityRegistry.getAll();
+
+	beforeNavigate((test) => {
+        if (test.from.params.project_normalized_name === test.to.params.project_normalized_name) return
+        
+		loading = true;
+	});
+
+	afterNavigate(getData);
+
+	onMount(getData);
+
+	async function getData() {
+        console.log(loading);
+        
+        if (loading === false) return
+		// set le projet
+		init({
+			requestWithCredentials: true,
+			on401: async () => {
+				const response = await sendRequest({
+					path: '/refresh-session'
+				});
+
+				if (!response || response.statusType === 'error') {
+					// si il est pas encore dans la page de login on redirige
+					const path = '/login';
+
+					window.location.href = defaultUnlogged;
+				}
+			},
+			replayAfter401: true,
+			addData: () => {
+				return {
+					__project_normalized_name: $page.params.project_normalized_name
+				};
+			}
+		});
+
+		entityRegistry.unregisterAll();
+
+		// recuperer les entités du projet
+		const requestStructures = await sendRequest({
+			path: '/get-all-entities'
+		});
+
+		for (const entity of requestStructures.data) {
+			entityRegistry.register(createEntity(entity));
+		}
+
+		loading = false;
+	}
+</script>
+
+<div class="entities">
+	{#each $entities as entity}
+		<EntityButton
+			id={entity.id}
+			href={entity.slug}
+			variant={entity.slug === $page.params.entity_slug ? 'secondary' : 'ghost'}
+		></EntityButton>
+	{/each}
+</div>
+{#if loading}
+	<div class="loader">
+		<RotativeLoader></RotativeLoader>
+	</div>
+{:else}
+	{@render children()}
+{/if}
+
+<style>
+	.entities {
+		width: 100%;
+		height: 40px;
+		position: sticky;
+		top: 0px;
+		display: flex;
+		align-items: center;
+		column-gap: var(--pad-m);
+		padding: var(--pad-s);
+		border-bottom: 1px solid var(--stroke);
+		overflow-x: auto;
+	}
+</style>

package/src/routes/exemple/[project_normalized_name]/[entity_slug]/+layout.svelte

@@ -0,0 +1,44 @@
+<script>
+	import { afterNavigate, beforeNavigate } from '$app/navigation';
+	import { page } from '$app/stores';
+	import { entityRegistry } from '$lib/registry/entityRegistry/registry.svelte';
+	import { RotativeLoader } from 'hamzus-ui';
+	import { onMount } from 'svelte';
+
+    let {children} = $props()
+
+	let loading = $state(true);
+
+	let entityNotFound = $state(false);
+
+	beforeNavigate((page) => {
+        if (page.from.params.entity_slug === page.to.params.entity_slug) return
+        entityNotFound = false
+		loading = true;
+	});
+
+	afterNavigate(getData);
+
+	onMount(getData);
+
+	function getData() {
+        if (loading === false) return
+
+        if (!entityRegistry.getFromSlug($page.params.entity_slug)) entityNotFound = true
+
+		loading = false;
+	}
+</script>
+
+{#if loading}
+	<div class="loader">
+		<RotativeLoader></RotativeLoader>
+	</div>
+{:else if entityNotFound}
+    <div class="not-found">
+        <h3>Entité introuvable !</h3>
+        <p>L'entité n'a pas peu être trouvé !</p>
+    </div>
+{:else}
+	{@render children()}
+{/if}

package/src/routes/exemple/[project_normalized_name]/[entity_slug]/+page.svelte

@@ -0,0 +1 @@
+<h3>entity</h3>

package/src/routes/exemple/[project_normalized_name]/home/+page.svelte

@@ -0,0 +1 @@
+<h3>home</h3>