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

changed layout function name for chat_layout

Browse Source
This commit is contained in:
hugogogo
2022-12-16 16:40:59 +01:00
parent ca06dddaaf
commit 72b4f72901
1 changed files with 50 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
tests_hugo/chat_node/chat_client/chat.html
View File

@@ -8,40 +8,51 @@
<body> <body>
<br><br><button onclick="layout(this.innerText)">close</button> <br><br><button onclick="chat_layout(this.innerText)">close</button>
<br><br><button onclick="layout(this.innerText)">home</button> <br><br><button onclick="chat_layout(this.innerText)">home</button>
<br><br><button onclick="layout(this.innerText)">room</button> <br><br><button onclick="chat_layout(this.innerText)">room</button>
<br><br><button onclick="layout(this.innerText)">new</button> <br><br><button onclick="chat_layout(this.innerText)">new</button>
<br><br><button onclick="layout(this.innerText)">settings</button> <br><br><button onclick="chat_layout(this.innerText)">settings</button>
<br><br><button onclick="layout(this.innerText)">room_set</button> <br><br><button onclick="chat_layout(this.innerText)">room_set</button>
<br><br><button onclick="layout(this.innerText)">protected</button> <br><br><button onclick="chat_layout(this.innerText)">protected</button>
<br><br><button onclick="layout(this.innerText)">create</button> <br><br><button onclick="chat_layout(this.innerText)">create</button>
<br><br><button onclick="layout(this.innerText)">user</button> <br><br><button onclick="chat_layout(this.innerText)">user</button>
<br><br><button onclick="layout(this.innerText)">mute</button> <br><br><button onclick="chat_layout(this.innerText)">mute</button>
<div class="close" id="chat_box"> <div class="close" id="chat_box">
<button class="chat_item chat_chat btn" id="chat_chat" onclick="layout('home')" ><p>chat</p></button> <button class="chat_item chat_chat btn" id="chat_chat" onclick="chat_layout('home')" ><p>chat</p></button>
<button class="chat_item chat_close btn" id="chat_close" onclick="layout('close')" title="close" ></button> <button class="chat_item chat_close btn" id="chat_close" onclick="chat_layout('close')" title="close" ></button>
<button class="chat_item chat_new btn" id="chat_new" onclick="layout('new')" title="new" ><p>new</p></button> <button class="chat_item chat_new btn" id="chat_new" onclick="chat_layout('new')" title="new" ><p>new</p></button>
<button class="chat_item chat_settings btn" id="chat_settings" onclick="layout('settings')" title="settings"><p>settings</p></button> <button class="chat_item chat_settings btn" id="chat_settings" onclick="chat_layout('settings')" title="settings"><p>settings</p></button>
<button class="chat_item chat_room_name btn" id="chat_room_name" onclick="layout('room_set')" ><p>placeholder</p></button> <button class="chat_item chat_room_name btn" id="chat_room_name" onclick="chat_layout('room_set')" ><p>placeholder</p></button>
<button class="chat_item chat_send btn" id="chat_send" onclick="send_msg()" title="send" ><p>send</p></button> <button class="chat_item chat_send btn" id="chat_send" onclick="send_msg()" title="send" ><p>send</p></button>
<p class="chat_item chat_create" id="chat_create" >create</p> <p class="chat_item chat_create" id="chat_create" >create</p>
<p class="chat_item chat_user" id="chat_user" >placeholder</p> <p class="chat_item chat_user" id="chat_user" >placeholder</p>
<div class="chat_item chat_back" id="chat_back"></button> <div class="chat_item chat_back" id="chat_back"></button>
<button class="btn back_room" onclick="layout('room')" title="go back room"></button> <button class="btn back_room" onclick="chat_layout('room')" title="go back room"></button>
<button class="btn back_home" onclick="layout('home')" title="go back home"></button> <button class="btn back_home" onclick="chat_layout('home')" title="go back home"></button>
<button class="btn back_new" onclick="layout('new')" title="go back new"></button> <button class="btn back_new" onclick="chat_layout('new')" title="go back new"></button>
<button class="btn back_user" onclick="layout('user')" title="go back user"></button> <button class="btn back_user" onclick="chat_layout('user')" title="go back user"></button>
<button class="btn back_settings" onclick="layout('settings')" title="go back settings"></button> <button class="btn back_settings" onclick="chat_layout('settings')" title="go back settings"></button>
<button class="btn back_room_set" onclick="layout('room_set')" title="go back room settings"></button> <button class="btn back_room_set" onclick="chat_layout('room_set')" title="go back room settings"></button>
</div> </div>
<!-- -------------------------------- <!-- --------------------------------
PANELS PANELS
- HOME
- MSG
- NEW
- SETTINGS
- ROOM SET
- PROTECTED
- CREATE
- USER
- MUTE
- WRITE
--------------------------------- --> --------------------------------- -->
<!-- HOME --> <!-- HOME -->
@@ -53,13 +64,13 @@
</div> </div>
<!-- placeholders ------- <!-- placeholders -------
--> -->
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="chat_layout('room')">
<p class="__left">a room</p> <p class="__left">a room</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="chat_layout('room')">
<p class="__left">another room</p> <p class="__left">another room</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="chat_layout('room')">
<p class="__left">placeholder</p> <p class="__left">placeholder</p>
</button> </button>
<!-- END placeholders --> <!-- END placeholders -->
@@ -93,16 +104,16 @@
</div> </div>
<!-- placeholders ------- <!-- placeholders -------
--> -->
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="chat_layout('room')">
<p class="__left">join room</p> <p class="__left">join room</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="chat_layout('room')">
<p class="__left">one room</p> <p class="__left">one room</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="chat_layout('room')">
<p class="__left">another room</p> <p class="__left">another room</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="chat_layout('room')">
<p class="__left">one more room</p> <p class="__left">one more room</p>
</button> </button>
<!-- END placeholders --> <!-- END placeholders -->
@@ -115,16 +126,16 @@
<div id="chat_api_blocked_users" class="chat_api chat_blocked_users list_btn"> <div id="chat_api_blocked_users" class="chat_api chat_blocked_users list_btn">
<!-- placeholders ------- <!-- placeholders -------
--> -->
<button class="chat_user btn" onclick="layout('user _settings')"> <button class="chat_user btn" onclick="chat_layout('user _settings')">
<p class="__left blocked">user 1</p> <p class="__left blocked">user 1</p>
</button> </button>
<button class="chat_user btn" onclick="layout('user _settings')"> <button class="chat_user btn" onclick="chat_layout('user _settings')">
<p class="__left blocked">user 2</p> <p class="__left blocked">user 2</p>
</button> </button>
<button class="chat_user btn" onclick="layout('user _settings')"> <button class="chat_user btn" onclick="chat_layout('user _settings')">
<p class="__left blocked">user 3</p> <p class="__left blocked">user 3</p>
</button> </button>
<button class="chat_user btn" onclick="layout('user _settings')"> <button class="chat_user btn" onclick="chat_layout('user _settings')">
<p class="__left blocked">user 4</p> <p class="__left blocked">user 4</p>
</button> </button>
<!-- END placeholders --> <!-- END placeholders -->
@@ -141,16 +152,16 @@
</div> </div>
<!-- placeholders ------- <!-- placeholders -------
--> -->
<button class="chat_room_name btn" onclick="layout('user _room_set')"> <button class="chat_room_name btn" onclick="chat_layout('user _room_set')">
<p class="__left">user 1</p> <p class="__left">user 1</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('user _room_set')"> <button class="chat_room_name btn" onclick="chat_layout('user _room_set')">
<p class="__left blocked">user 2</p> <p class="__left blocked">user 2</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('user _room_set')"> <button class="chat_room_name btn" onclick="chat_layout('user _room_set')">
<p class="__left">user 3</p> <p class="__left">user 3</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('user _room_set')"> <button class="chat_room_name btn" onclick="chat_layout('user _room_set')">
<p class="__left">user 4</p> <p class="__left">user 4</p>
</button> </button>
<!-- END placeholders --> <!-- END placeholders -->
@@ -167,7 +178,7 @@
</form> </form>
</div> </div>
<!-- --> <!-- CREATE -->
<div class="chat_item chat_panel chat_panel_create" id="chat_panel_create"> <div class="chat_item chat_panel chat_panel_create" id="chat_panel_create">
<!-- content --> <!-- content -->
panel create panel create
@@ -179,7 +190,7 @@
panel user panel user
</div> </div>
<!-- --> <!-- MUTE -->
<div class="chat_item chat_panel chat_panel_mute" id="chat_panel_mute"> <div class="chat_item chat_panel chat_panel_mute" id="chat_panel_mute">
<!-- content --> <!-- content -->
panel mute panel mute
@@ -210,7 +221,7 @@
<script> <script>
function layout(layout_class) { function chat_layout(layout_class) {
document.getElementById('chat_box').className = layout_class; document.getElementById('chat_box').className = layout_class;
}; };
</script> </script>