summary refs log tree commit diff
path: root/jsfiddles/room_memberships/demo.html
blob: 4c1bf6b4bbfd46a3f0a04198f721a281ecc449e1 (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
<div>
    <p>This room membership demo requires a home server to be running on http://localhost:8080</p>
</div>
<form class="loginForm">
    <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 class="loggedin">
    <form class="createRoomForm">
        <input type="button" class="createRoom" value="Create Room"></input>
    </form>
    <form class="changeMembershipForm">
        <input type="text" id="roomId" placeholder="Room ID"></input>
        <input type="text" id="targetUser" placeholder="Target User ID"></input>
        <select id="membership">
            <option value="invite">invite</option>
            <option value="join">join</option>
            <option value="leave">leave</option>
        </select>
        <input type="button" class="changeMembership" value="Change Membership"></input>
    </form>
    <form class="joinAliasForm">
        <input type="text" id="roomAlias" placeholder="Room Alias (#name:domain)"></input>
        <input type="button" class="joinAlias" value="Join via Alias"></input>
    </form>
    <table id="rooms">
        <tbody>
            <tr>
                <th>Room ID</th>
                <th>My state</th>
                <th>Room Alias</th>
            </tr>
        </tbody>
    </table>
</div>