summary refs log tree commit diff
path: root/jsfiddles/example_app/demo.html
blob: 7a9dffddd0fb7be18e4448ff5e7c797a25d85fe7 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<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>