57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
<div class="signUp">
|
|
<p>Matrix example application: Requires a local home server running at http://localhost:8008</p>
|
|
<form class="registrationForm">
|
|
<p>No account? Register:</p>
|
|
<input type="text" id="userReg" placeholder="Username"></input>
|
|
<input type="password" id="passwordReg" placeholder="Password"></input>
|
|
<input type="button" class="register" value="Register"></input>
|
|
</form>
|
|
<form class="loginForm">
|
|
<p>Got an account? Login:</p>
|
|
<input type="text" id="userLogin" placeholder="Username"></input>
|
|
<input type="password" id="passwordLogin" placeholder="Password"></input>
|
|
<input type="button" class="login" value="Login"></input>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="roomListDashboard">
|
|
<form class="createRoomForm">
|
|
<input type="text" id="roomAlias" placeholder="Room alias"></input>
|
|
<input type="button" class="createRoom" value="Create Room"></input>
|
|
</form>
|
|
<table id="rooms" class="roomList">
|
|
<tbody>
|
|
<tr>
|
|
<th>Room</th>
|
|
<th>My state</th>
|
|
<th>Latest message</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="roomContents">
|
|
<p id="roomName">Select a room</p>
|
|
<div class="messageWrapper">
|
|
<table id="messages">
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<form class="sendMessageForm">
|
|
<input type="text" class="textEntry" id="body" placeholder="Enter text here..." onkeydown="javascript:if (event.keyCode == 13) document.getElementById('sendMsg').focus()"></input>
|
|
<input type="button" class="sendMessage" id="sendMsg" value="Send"></input>
|
|
</form>
|
|
</div>
|
|
|
|
<div>
|
|
<p>Member list:</p>
|
|
<div class="membersWrapper">
|
|
<table id="members">
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|