Mercurial > xmpp-account-manager
comparison index.xhtml @ 8:56d017ac52df
Add placeholders for connection and nickname.
author | Emmanuel Gil Peyrot <linkmauve@linkmauve.fr> |
---|---|
date | Sat, 22 Dec 2018 16:08:24 +0100 |
parents | 13e8e4ea53c0 |
children | b994c6c19f5c |
comparison
equal
deleted
inserted
replaced
7:13e8e4ea53c0 | 8:56d017ac52df |
---|---|
38 | 38 |
39 <div class="container"> | 39 <div class="container"> |
40 | 40 |
41 <div class="row"> | 41 <div class="row"> |
42 <form id="connection"> | 42 <form id="connection"> |
43 <label>JID: <input type="email" id="jid"/></label><br/> | 43 <label>JID: <input type="email" id="jid" placeholder="you@your-server.tld"/></label><br/> |
44 <label>Password: <input type="password" id="pass"/></label><br/> | 44 <label>Password: <input type="password" id="pass" placeholder="Password"/></label><br/> |
45 <input type="submit" id="connect" value="connect"/> <img src="spinner.svg" width="24" height="24" id="spinner" hidden=""/> | 45 <input type="submit" id="connect" value="connect"/> <img src="spinner.svg" width="24" height="24" id="spinner" hidden=""/> |
46 </form> | 46 </form> |
47 </div> | 47 </div> |
48 | 48 |
49 <div id="connected" hidden=""> | 49 <div id="connected" hidden=""> |
50 | 50 |
51 <div class="row"> | 51 <div class="row"> |
52 <h1>Account</h1> | 52 <h1>Account</h1> |
53 <h2>Nickname</h2> | 53 <h2>Nickname</h2> |
54 <p> | 54 <p> |
55 <label>Nickname: <input id="nick"/></label> | 55 <label>Nickname: <input id="nick" placeholder="Nick"/></label> |
56 </p> | 56 </p> |
57 <h2>Avatar</h2> | 57 <h2>Avatar</h2> |
58 <p> | 58 <p> |
59 <img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/><br/> | 59 <img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/><br/> |
60 <input type="file" style="display:none" accept="image/*" id="avatar-file"/> | 60 <input type="file" style="display:none" accept="image/*" id="avatar-file"/> |