From 23d1810226558b4a048cd6de3145f85d5ecefc98 Mon Sep 17 00:00:00 2001
From: simplonco <simplonco@simplonco.co>
Date: Fri, 13 Jan 2023 01:07:39 +0100
Subject: [PATCH] wip private

---
 .../nestjs/api_back/src/chat/dto/room.dto.ts  |  2 +-
 .../src/chat/entities/chatroom.entity.ts      |  2 +-
 .../src/pieces/chat/Layout_create.svelte      | 36 +++++++++----------
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/srcs/requirements/nestjs/api_back/src/chat/dto/room.dto.ts b/srcs/requirements/nestjs/api_back/src/chat/dto/room.dto.ts
index d98f3fe5..ff21768e 100644
--- a/srcs/requirements/nestjs/api_back/src/chat/dto/room.dto.ts
+++ b/srcs/requirements/nestjs/api_back/src/chat/dto/room.dto.ts
@@ -8,7 +8,7 @@ export class roomDto
 
 	@IsString()
 	@IsNotEmpty()
-	@IsIn(["public", "protected", "private", "direct", "user"])
+	@IsIn(["public", "private", "direct", "user"])
 	type: string;
 
 	@IsString()
diff --git a/srcs/requirements/nestjs/api_back/src/chat/entities/chatroom.entity.ts b/srcs/requirements/nestjs/api_back/src/chat/entities/chatroom.entity.ts
index 89e8ff18..2b5cf25f 100644
--- a/srcs/requirements/nestjs/api_back/src/chat/entities/chatroom.entity.ts
+++ b/srcs/requirements/nestjs/api_back/src/chat/entities/chatroom.entity.ts
@@ -18,7 +18,7 @@ export class Chatroom
 	@Column()
 	@IsString()
 	@IsNotEmpty()
-	@IsIn(["public", "protected", "private", "direct", "user"])
+	@IsIn(["public", "private", "direct", "user"])
 	type: string;
 
   @Column()
diff --git a/srcs/requirements/svelte/api_front/src/pieces/chat/Layout_create.svelte b/srcs/requirements/svelte/api_front/src/pieces/chat/Layout_create.svelte
index a68b70f6..f1f7de90 100644
--- a/srcs/requirements/svelte/api_front/src/pieces/chat/Layout_create.svelte
+++ b/srcs/requirements/svelte/api_front/src/pieces/chat/Layout_create.svelte
@@ -20,6 +20,7 @@
 
 	let room_name: string;
 	let room_type: string;
+	let is_protected = false;
 	let room_password: string;
 	let response = {
 		status: 0,
@@ -82,21 +83,19 @@
 				<input  id="chat_public" bind:group={room_type} type="radio" name="room_type" value="public" required>
 			</label>
 			<!-- [ ] private -->
-			<label for="chat_private" class="_radio hide">
+			<label for="chat_private" class="_radio">
 				<p>private</p>
 				<input  id="chat_private" bind:group={room_type} type="radio" name="room_type" value="private" required>
 			</label>
 			<!-- [ ] protected -->
-			<label for="chat_protected" class="_radio hide">
+			<label for="chat_protected" class="_checkbox">
 				<p>protected</p>
-				<input  id="chat_protected" bind:group={room_type} type="radio" name="room_type" value="protected" required>
+				<input  id="chat_protected" bind:checked={is_protected} type="checkbox" name="room_type" value="protected">
 			</label>
 			<!-- [x] protected -->
-			{#if room_type === 'protected'}
-				<div>
-					<label for="chat_pswd"><p>choose a password :</p></label>
-					<input  id="chat_pswd" bind:value={room_password} type="password" placeholder="minimum 8 characters" minlength="8" name="password" required>
-				</div>
+			{#if is_protected === true}
+				<label for="chat_pswd">choose a password :</label>
+				<input  id="chat_pswd" bind:value={room_password} type="password" placeholder="minimum 8 characters" minlength="8" name="password" required>
 			{/if}
 			<input type="submit" value="&#x2BA1">
 		</form>
@@ -119,24 +118,25 @@
 			/ auto          1fr           auto          ;
 	}
 
-	/* temp
-	*/
-	.hide {
-		display: none !important;
-	}
 
 	/* radio elements style check
 	*/
-	.panel label._radio {
+	.panel label {
 		display: inline;
-		margin: 10px 0px 0px auto;
-		padding-right: 10px;
 		cursor: pointer;
+		padding-right: 10px;
+		margin: 10px 0px 10px auto;
 	}
-	.panel label._radio * {
+	.panel label._radio {
+		margin-bottom: 0px;
+	}
+	.panel label._checkbox {
+		margin-top: 20px;
+	}
+	.panel label * {
 		display: inline;
 	}
-	.panel label._radio p {
+	.panel label p {
 		margin-top: 0px;
 		margin-bottom: 0px;
 	}