diff options
Diffstat (limited to 'jsfiddles/example_app/demo.html')
| -rw-r--r-- | jsfiddles/example_app/demo.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/jsfiddles/example_app/demo.html b/jsfiddles/example_app/demo.html new file mode 100644 index 0000000000..0af946f6bc --- /dev/null +++ b/jsfiddles/example_app/demo.html @@ -0,0 +1,56 @@ +<div class="signUp"> + <p>Matrix example application: Requires a local home server running at http://localhost:8080</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> + |