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"/> |
