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