diff options
| author | Erik Johnston <erik@matrix.org> | 2014-08-21 11:00:59 +0100 |
|---|---|---|
| committer | Erik Johnston <erik@matrix.org> | 2014-08-21 11:00:59 +0100 |
| commit | d12a7c3939520f41387387653a32d0e7962e4b71 (patch) | |
| tree | b3a4dae2dd4be00f37179944b34ebee3d233e223 /jsfiddles/example_app/demo.html | |
| parent | Make event stream storage return all membership events about the user, regard... (diff) | |
| parent | Added final jsfiddle: an example app demonstrating most of the c2s api. (diff) | |
| download | synapse-d12a7c3939520f41387387653a32d0e7962e4b71.tar.xz | |
Merge branch 'master' of github.com:matrix-org/synapse into develop
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> + |