wip multiple rooms

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

@@ -1,5 +1,6 @@
 <script lang="ts">
 
+	import { socket } from './Store_chat';
 	import Button from './Element_button.svelte';
 	import Warning from './Element_warning.svelte';
 	export let layout = "";
@@ -39,6 +40,9 @@
 			response_message = response_data.message;
 		console.log("response:", response_data, "status:", response_status, "message:", response_message);
 
+		// join socket room
+		socket.emit('join', room_name);
+
 		// go to room
 		if (response_status === 200 && response_message === "successfull room creation")
 			layout = "room";

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

@@ -23,6 +23,7 @@
 		rooms = data.rooms;
 	});
 
+	// get room messages
 	function get_room_messages()
 	{
 		console.log("in get_room_messages");
@@ -39,6 +40,8 @@
 			//msgs.update(msgs => msgs.concat(data.messages));
 			msgs.update(msgs => msgs = data.messages);
 		});
+
+		// go to room
 		layout = "room";
 	}
 

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

@@ -1,7 +1,7 @@
 <script>
 
 	import Button from './Element_button.svelte';
-	import { msgs, user } from './Store_chat';
+	import { msgs, user, socket } from './Store_chat';
 	export let layout = "";
 	export let back = "";
 
@@ -18,6 +18,7 @@
 		rooms = data.rooms;
 	});
 
+	// join the room
 	function join_rooms(evt)
 	{
 		console.log("inside join_rooms");
@@ -25,6 +26,7 @@
 			room_name: evt.target.innerText,
 		}
 
+		// join room
 		fetch('/api/v2/chat/join',
 		{
 			method: 'POST',
@@ -37,6 +39,10 @@
 			console.log(data);
 		});
 
+		// join socket room
+		socket.emit('join', room_name);
+
+		// get messages from room
 		const messages = fetch('/api/v2/chat/messages')
 		.then(resp => resp.json())
 		.then(data =>
@@ -49,9 +55,9 @@
 			});
 			msgs.update(msgs => msgs = data.messages);
 		});
+
+		// go to room
 		layout = "room";
-/*
-*/
 	}
 
 </script>