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

layout play for debug is better with toggle and replace

Browse Source
This commit is contained in:
hugogogo
2022-12-16 22:02:14 +01:00
parent cdef20795b
commit 93c9927422
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,6 +8,7 @@
<body> <body>
<form>
<br><br><button onclick="chat_layout(this.innerText)">close</button> <br><br><button onclick="chat_layout(this.innerText)">close</button>
<br><br><button onclick="chat_layout(this.innerText)">home</button> <br><br><button onclick="chat_layout(this.innerText)">home</button>
<br><br><button onclick="chat_layout(this.innerText)">room</button> <br><br><button onclick="chat_layout(this.innerText)">room</button>
@@ -16,22 +17,14 @@
<br><br><button onclick="chat_layout(this.innerText)">room_set</button> <br><br><button onclick="chat_layout(this.innerText)">room_set</button>
<br><br><button onclick="chat_layout(this.innerText)">protected</button> <br><br><button onclick="chat_layout(this.innerText)">protected</button>
<br><br><button onclick="chat_layout(this.innerText)">create</button> <br><br><button onclick="chat_layout(this.innerText)">create</button>
<br><br> <button onclick="chat_layout(this.innerText)">user</button> <br><br><button onclick="chat_layout(this.innerText)" type="reset">user</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _blocked</button> <br><br><label><input onchange="chat_layout_toggle(this.nextElementSibling.innerText)" type="checkbox"><span>_blocked</span></label>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _admin</button> <br><br><label><input onchange="chat_layout_toggle(this.nextElementSibling.innerText)" type="checkbox"><span>_admin</span></label>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _admin _muted</button> <br><br><label><input onchange="chat_layout_toggle(this.nextElementSibling.innerText)" type="checkbox"><span>_muted</span></label>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _admin _blocked</button> <br><br><label><input onchange="chat_layout_replace('_settings', '_room_set')" type="radio" name="form_from"><span>_room_set</span></label>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _admin _blocked _muted</button> <br><br><label><input onchange="chat_layout_replace('_room_set', '_settings')" type="radio" name="form_from"><span>_settings</span></label>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _blocked _muted</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _muted</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _room_set _blocked</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _room_set _admin</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _room_set _admin _muted</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _room_set _admin _blocked</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _room_set _admin _blocked _muted</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _room_set _blocked _muted</button>
<br><br>&nbsp;&nbsp;<button onclick="chat_layout(this.innerText)">user _room_set _muted</button>
<br><br><button onclick="chat_layout(this.innerText)">mute</button> <br><br><button onclick="chat_layout(this.innerText)">mute</button>
</form>
<div class="close" id="chat_box"> <div class="close" id="chat_box">
<!-- <!--
@@ -293,6 +286,15 @@
function chat_layout(layout_class) { function chat_layout(layout_class) {
document.getElementById('chat_box').className = layout_class; document.getElementById('chat_box').className = layout_class;
}; };
// TEMP
function chat_layout_toggle(layout_class) {
document.getElementById('chat_box').classList.toggle(layout_class);
};
function chat_layout_replace(_old, _new) {
let chat = document.getElementById('chat_box');
chat.classList.remove(_old);
chat.classList.add(_new);
};
</script> </script>
<!-- https://socket.io/docs/v4/client-installation/ --> <!-- https://socket.io/docs/v4/client-installation/ -->