diff --git a/docs/transcendence_chat.drawio.html b/docs/transcendence_chat.drawio.html index 1d1a281e..1f8be42d 100644 --- a/docs/transcendence_chat.drawio.html +++ b/docs/transcendence_chat.drawio.html @@ -6,7 +6,7 @@ -
- +
+ diff --git a/tests_hugo/chat_node/chat_client/chat.html b/tests_hugo/chat_node/chat_client/chat.html index 659f89fe..a7ac2888 100644 --- a/tests_hugo/chat_node/chat_client/chat.html +++ b/tests_hugo/chat_node/chat_client/chat.html @@ -9,10 +9,11 @@

+







-

+







@@ -20,14 +21,14 @@
- - + + - +

create

-

placeholder

+

placeholder

@@ -68,7 +69,7 @@ panel settings
-
+
panel room settings
diff --git a/tests_hugo/chat_node/chat_client/style/action_board.css b/tests_hugo/chat_node/chat_client/style/_action_board.css similarity index 100% rename from tests_hugo/chat_node/chat_client/style/action_board.css rename to tests_hugo/chat_node/chat_client/style/_action_board.css diff --git a/tests_hugo/chat_node/chat_client/style/chat_controls.css b/tests_hugo/chat_node/chat_client/style/_chat_controls.css similarity index 100% rename from tests_hugo/chat_node/chat_client/style/chat_controls.css rename to tests_hugo/chat_node/chat_client/style/_chat_controls.css diff --git a/tests_hugo/chat_node/chat_client/style/chat_thread.css b/tests_hugo/chat_node/chat_client/style/_chat_thread.css similarity index 100% rename from tests_hugo/chat_node/chat_client/style/chat_thread.css rename to tests_hugo/chat_node/chat_client/style/_chat_thread.css diff --git a/tests_hugo/chat_node/chat_client/style/chat_write.css b/tests_hugo/chat_node/chat_client/style/_chat_write.css similarity index 100% rename from tests_hugo/chat_node/chat_client/style/chat_write.css rename to tests_hugo/chat_node/chat_client/style/_chat_write.css diff --git a/tests_hugo/chat_node/chat_client/style/chat.css b/tests_hugo/chat_node/chat_client/style/chat.css index 48f55774..1a55061a 100644 --- a/tests_hugo/chat_node/chat_client/style/chat.css +++ b/tests_hugo/chat_node/chat_client/style/chat.css @@ -8,6 +8,15 @@ @import 'chat_buttons.css'; @import 'layout_close.css'; +@import 'layout_home.css'; +@import 'layout_room.css'; +@import 'layout_new.css'; +@import 'layout_settings.css'; +@import 'layout_room_set.css'; +@import 'layout_protected.css'; +@import 'layout_create.css'; +@import 'layout_user.css'; +@import 'layout_mute.css'; /* vanish elements wihtout display:none; @@ -44,33 +53,35 @@ input.vanish { #chat_box .chat_item { display: none; /* - border: 1px solid black; */ + border: 1px solid black; + width: 100%; + height: 100%; } -.chat_item#chat_chat { grid-area: chat;} -.chat_item#chat_close { grid-area: close;} -.chat_item#chat_new { grid-area: new;} -.chat_item#chat_settings { grid-area: settings;} -.chat_item#chat_room_name { grid-area: room_name;} -.chat_item#chat_send { grid-area: send;} -.chat_item#chat_create { grid-area: create;} -.chat_item#chat_user_name { grid-area: user_name;} -.chat_item#chat_msg_thread { grid-area: msg_thread;} -.chat_item#chat_write { grid-area: write;} -.chat_item#chat_back_home { grid-area: back_home;} -.chat_item#chat_back_room { grid-area: back_room;} -.chat_item#chat_back_new { grid-area: back_new;} -.chat_item#chat_back_user { grid-area: back_user;} -.chat_item#chat_panel_home { grid-area: panel_home;} -.chat_item#chat_panel_room { grid-area: panel_room;} -.chat_item#chat_panel_new { grid-area: panel_new;} -.chat_item#chat_panel_settings { grid-area: panel_settings;} -.chat_item#chat_panel_room_settings { grid-area: panel_room_settings;} -.chat_item#chat_panel_protected { grid-area: panel_protected;} -.chat_item#chat_panel_create { grid-area: panel_create;} -.chat_item#chat_panel_user { grid-area: panel_user;} -.chat_item#chat_panel_mute { grid-area: panel_mute;} +.chat_item#chat_chat { grid-area: chat;} +.chat_item#chat_close { grid-area: close;} +.chat_item#chat_new { grid-area: new;} +.chat_item#chat_settings { grid-area: settings;} +.chat_item#chat_room_name { grid-area: room_name;} +.chat_item#chat_send { grid-area: send;} +.chat_item#chat_create { grid-area: create;} +.chat_item#chat_user { grid-area: user;} +.chat_item#chat_msg_thread { grid-area: msg_thread;} +.chat_item#chat_write { grid-area: write;} +.chat_item#chat_back_home { grid-area: back_home;} +.chat_item#chat_back_room { grid-area: back_room;} +.chat_item#chat_back_new { grid-area: back_new;} +.chat_item#chat_back_user { grid-area: back_user;} +.chat_item#chat_panel_home { grid-area: panel_home;} +.chat_item#chat_panel_room { grid-area: panel_room;} +.chat_item#chat_panel_new { grid-area: panel_new;} +.chat_item#chat_panel_settings { grid-area: panel_settings;} +.chat_item#chat_panel_room_set { grid-area: panel_room_set;} +.chat_item#chat_panel_protected { grid-area: panel_protected;} +.chat_item#chat_panel_create { grid-area: panel_create;} +.chat_item#chat_panel_user { grid-area: panel_user;} +.chat_item#chat_panel_mute { grid-area: panel_mute;} #chat_box { position: fixed; diff --git a/tests_hugo/chat_node/chat_client/style/chat_buttons.css b/tests_hugo/chat_node/chat_client/style/chat_buttons.css index c027f778..9da166a4 100644 --- a/tests_hugo/chat_node/chat_client/style/chat_buttons.css +++ b/tests_hugo/chat_node/chat_client/style/chat_buttons.css @@ -1,8 +1,4 @@ -/* - * BUTTONS - */ - #chat_box button { display: flex; width: auto; diff --git a/tests_hugo/chat_node/chat_client/style/layout_close.css b/tests_hugo/chat_node/chat_client/style/layout_close.css index fa77c769..81d4644a 100644 --- a/tests_hugo/chat_node/chat_client/style/layout_close.css +++ b/tests_hugo/chat_node/chat_client/style/layout_close.css @@ -1,17 +1,4 @@ -/* - grid: - ' controls close ' auto - ' main_window main_window ' 1fr - ' msg_write msg_send ' auto - / 1fr auto; - -#chat_box.close { - grid: - ' close ' auto - / auto; -} -*/ #chat_box.close { gap: 0px; padding: 0px; @@ -19,7 +6,7 @@ height: auto; grid: ' chat ' auto - / auto; + / auto ; } #chat_box.close .chat_item#chat_chat { display: flex; diff --git a/tests_hugo/chat_node/chat_client/style/layout_create.css b/tests_hugo/chat_node/chat_client/style/layout_create.css new file mode 100644 index 00000000..4f4ad867 --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_create.css @@ -0,0 +1,14 @@ + +#chat_box.create { + grid: + ' back_new create close ' auto + ' panel_create panel_create panel_create ' 1fr + / auto 1fr auto ; +} +#chat_box.create .chat_item#chat_back_new, +#chat_box.create .chat_item#chat_create, +#chat_box.create .chat_item#chat_close, +#chat_box.create .chat_item#chat_panel_create { + display: flex; +} + diff --git a/tests_hugo/chat_node/chat_client/style/layout_home.css b/tests_hugo/chat_node/chat_client/style/layout_home.css new file mode 100644 index 00000000..fc74635d --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_home.css @@ -0,0 +1,14 @@ + +#chat_box.home { + grid: + ' settings new close ' auto + ' panel_home panel_home panel_home ' 1fr + / auto 1fr auto ; +} +#chat_box.home .chat_item#chat_settings, +#chat_box.home .chat_item#chat_new, +#chat_box.home .chat_item#chat_close, +#chat_box.home .chat_item#chat_panel_home { + display: flex; +} + diff --git a/tests_hugo/chat_node/chat_client/style/layout_mute.css b/tests_hugo/chat_node/chat_client/style/layout_mute.css new file mode 100644 index 00000000..4ceee950 --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_mute.css @@ -0,0 +1,14 @@ + +#chat_box.mute { + grid: + ' back_user user close ' auto + ' panel_mute panel_mute panel_mute ' 1fr + / auto 1fr auto ; +} +#chat_box.mute .chat_item#chat_back_user, +#chat_box.mute .chat_item#chat_user, +#chat_box.mute .chat_item#chat_close, +#chat_box.mute .chat_item#chat_panel_mute { + display: flex; +} + diff --git a/tests_hugo/chat_node/chat_client/style/layout_new.css b/tests_hugo/chat_node/chat_client/style/layout_new.css new file mode 100644 index 00000000..daaca99b --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_new.css @@ -0,0 +1,14 @@ + +#chat_box.new { + grid: + ' back_home new close ' auto + ' panel_new panel_new panel_new ' 1fr + / auto 1fr auto ; +} +#chat_box.new .chat_item#chat_back_home, +#chat_box.new .chat_item#chat_new, +#chat_box.new .chat_item#chat_close, +#chat_box.new .chat_item#chat_panel_new { + display: flex; +} + diff --git a/tests_hugo/chat_node/chat_client/style/layout_protected.css b/tests_hugo/chat_node/chat_client/style/layout_protected.css new file mode 100644 index 00000000..8e2f1587 --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_protected.css @@ -0,0 +1,14 @@ + +#chat_box.protected { + grid: + ' back_new room_name close ' auto + ' panel_protected panel_protected panel_protected ' 1fr + / auto 1fr auto ; +} +#chat_box.protected .chat_item#chat_back_new, +#chat_box.protected .chat_item#chat_room_name, +#chat_box.protected .chat_item#chat_close, +#chat_box.protected .chat_item#chat_panel_protected { + display: flex; +} + diff --git a/tests_hugo/chat_node/chat_client/style/layout_room.css b/tests_hugo/chat_node/chat_client/style/layout_room.css new file mode 100644 index 00000000..54b0c0fa --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_room.css @@ -0,0 +1,17 @@ + +#chat_box.room { + grid: + ' back_home room_name close ' auto + ' msg_thread msg_thread msg_thread ' 1fr + ' write write send ' auto + / auto 1fr auto ; +} +#chat_box.room .chat_item#chat_back_home, +#chat_box.room .chat_item#chat_room_name, +#chat_box.room .chat_item#chat_close, +#chat_box.room .chat_item#chat_msg_thread, +#chat_box.room .chat_item#chat_send, +#chat_box.room .chat_item#chat_write { + display: flex; +} + diff --git a/tests_hugo/chat_node/chat_client/style/layout_room_set.css b/tests_hugo/chat_node/chat_client/style/layout_room_set.css new file mode 100644 index 00000000..5c1ee190 --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_room_set.css @@ -0,0 +1,14 @@ + +#chat_box.room_set { + grid: + ' back_room room_name close ' auto + ' panel_room_set panel_room_set panel_room_set ' 1fr + / auto 1fr auto ; +} +#chat_box.room_set .chat_item#chat_back_room, +#chat_box.room_set .chat_item#chat_room_name, +#chat_box.room_set .chat_item#chat_close, +#chat_box.room_set .chat_item#chat_panel_room_set { + display: flex; +} + diff --git a/tests_hugo/chat_node/chat_client/style/layout_settings.css b/tests_hugo/chat_node/chat_client/style/layout_settings.css new file mode 100644 index 00000000..cf535440 --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_settings.css @@ -0,0 +1,14 @@ + +#chat_box.settings { + grid: + ' back_home settings close ' auto + ' panel_settings panel_settings panel_settings ' 1fr + / auto 1fr auto ; +} +#chat_box.settings .chat_item#chat_back_home, +#chat_box.settings .chat_item#chat_settings, +#chat_box.settings .chat_item#chat_close, +#chat_box.settings .chat_item#chat_panel_settings { + display: flex; +} + diff --git a/tests_hugo/chat_node/chat_client/style/layout_user.css b/tests_hugo/chat_node/chat_client/style/layout_user.css new file mode 100644 index 00000000..c9e51fb8 --- /dev/null +++ b/tests_hugo/chat_node/chat_client/style/layout_user.css @@ -0,0 +1,14 @@ + +#chat_box.user { + grid: + ' back_room user close ' auto + ' panel_user panel_user panel_user ' 1fr + / auto 1fr auto ; +} +#chat_box.user .chat_item#chat_back_room, +#chat_box.user .chat_item#chat_user, +#chat_box.user .chat_item#chat_close, +#chat_box.user .chat_item#chat_panel_user { + display: flex; +} +