retrieve chat layout test

srcs/requirements/svelte/api_front/src/pieces/chat/Chat_layouts.svelte

@@ -1,6 +1,8 @@
 
 <script lang="ts">
 
+	import Debug from './tmp_debug.svelte';
+
 	import ChatBox         from './Chat_box_css.svelte';
 
 	import CloseLayout     from './Layout_close.svelte';
@@ -77,5 +79,8 @@
 
 </ChatBox>
 
+<!-- TMP DEBUG -->
+<Debug bind:layout bind:layouts />
+
 <style></style>
 

srcs/requirements/svelte/api_front/src/pieces/chat/tmp_debug.svelte

@@ -0,0 +1,27 @@
+<script>
+
+	export let layout = "";
+	export let layouts = [];
+
+</script>
+
+<div style="display: flex; flex-direction: column; font-size: 12px; position: fixed; top: 20px; left: 20px; background-color: white;">
+	<p>temp, for testing :</p>
+	<button on:click={function(){layout = "close"    }}>close</button>
+	<button on:click={function(){layout = "home"     }}>home</button>
+	<button on:click={function(){layout = "room"     }}>room</button>
+	<button on:click={function(){layout = "new"      }}>new</button>
+	<button on:click={function(){layout = "settings" }}>settings</button>
+	<button on:click={function(){layout = "room_set" }}>room_set</button>
+	<button on:click={function(){layout = "protected"}}>protected</button>
+	<button on:click={function(){layout = "create"   }}>create</button>
+	<button on:click={function(){layout = "mute"     }}>mute</button>
+	<button on:click={function(){
+		layouts = ["settings", "settings"];
+		layout = "user";
+	}}>user from settings</button>
+	<button on:click={function(){
+		layouts = ["room_set", "room_set"];
+		layout = "user";
+	}}>user from room_set</button>
+</div>