42/42_INT_14_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

back btn ok

Browse Source
This commit is contained in:
simplonco
2022-12-25 17:13:29 +01:00
parent f43bfbac46
commit d95d8a4ae5
6 changed files with 39 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
srcs/requirements/svelte/api_front/src/pieces/chat/Chat.html
View File

@@ -25,14 +25,6 @@
<p class="chat_item chat_create" id="chat_create" >create</p>
<p class="chat_item chat_user" id="chat_user" >&lt;user_name&gt;</p>
<div class="chat_item chat_back" id="chat_back"></button>
<button class="btn back_room" onclick="chat_layout('room')" title="go back room"></button>
<button class="btn back_new" onclick="chat_layout('new')" title="go back new"></button>
<button class="btn back_user" onclick="chat_layout('user')" title="go back user"></button>
<button class="btn back_settings" onclick="chat_layout('settings')" title="go back settings"></button>
<button class="btn back_room_set" onclick="chat_layout('room_set')" title="go back room settings"></button>
</div>
<!-- --------------------------------
PANELS

9
srcs/requirements/svelte/api_front/src/pieces/chat/Chat.svelte
View File

@@ -9,12 +9,17 @@
let room = "";
let admin = false;
let layout = "close";
let layouts = ["home"];
// hold previous versions of layout, to go back
let layouts = [""];
function set_layouts(layout)
{
if (layout === "close")
return;
if (layout === layouts[0])
return;
layouts = [layout, ...layouts];
console.log(layouts);
}
$: set_layouts(layout);
@@ -43,7 +48,7 @@
{:else}
<div class="grid_box">
<Button bind:layout new_layout="home" my_class="chat">
<Button bind:layout new_layout={layouts[0]} my_class="chat">
chat
</Button>
</div>

8
srcs/requirements/svelte/api_front/src/pieces/chat/Layout_room.svelte
View File

@@ -29,11 +29,11 @@
/* grid layout "home"
*/
.grid_box :global(.back ) {grid-area: back;}
.grid_box :global(.room_name ) {grid-area: room_name;}
.grid_box :global(.close ) {grid-area: close;}
.grid_box :global(.back ) {grid-area: back;}
.grid_box :global(.room_name ) {grid-area: room_name;}
.grid_box :global(.close ) {grid-area: close;}
.grid_box :global(.panel_msg ) {grid-area: panel_msg;}
.grid_box :global(.send ) {grid-area: send;}
.grid_box :global(.send ) {grid-area: send;}
.grid_box :global(.panel_write ) {grid-area: panel_write;}
.grid_box {
grid: