comparison index.xhtml @ 11:aedf80eefc19

Also use a spinner on avatar get/set.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Sat, 22 Dec 2018 16:19:08 +0100
parents e47b9bd55192
children 8724e28ccbd7
comparison
equal deleted inserted replaced
10:e47b9bd55192 11:aedf80eefc19
56 <label>Nickname: <input id="nick" placeholder="Nick"/></label> 56 <label>Nickname: <input id="nick" placeholder="Nick"/></label>
57 <img src="spinner.svg" width="24" height="24" id="nick-spinner"/> 57 <img src="spinner.svg" width="24" height="24" id="nick-spinner"/>
58 </p> 58 </p>
59 <h2>Avatar</h2> 59 <h2>Avatar</h2>
60 <p> 60 <p>
61 <img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/><br/> 61 <img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/> <img src="spinner.svg" width="24" height="24" id="avatar-spinner"/><br/>
62 <input type="file" style="display:none" accept="image/*" id="avatar-file"/> 62 <input type="file" style="display:none" accept="image/*" id="avatar-file"/>
63 <button id="avatar-upload">Choose a new avatar</button><br/> 63 <button id="avatar-upload">Choose a new avatar</button><br/>
64 <button id="avatar-change" disabled="">Upload this avatar</button><br/> 64 <button id="avatar-change" disabled="">Upload this avatar</button><br/>
65 <label>Who can see your avatar? <select id="avatar-access"> 65 <label>Who can see your avatar? <select id="avatar-access">
66 <option value="open">Anyone (pick this if you use public groupchats)</option> 66 <option value="open">Anyone (pick this if you use public groupchats)</option>
67 <option value="presence">Only your contacts</option> 67 <option value="presence">Only your contacts</option>
68 </select></label> 68 </select></label> <img src="spinner.svg" width="24" height="24" id="access-model-avatar-spinner" hidden=""/>
69 </p> 69 </p>
70 <h2>Contact list</h2> 70 <h2>Contact list</h2>
71 <table> 71 <table>
72 <thead> 72 <thead>
73 <tr><th>JID</th><th>Name</th><th>Subscription</th><th>Groups</th><th>⚠️ Delete</th></tr> 73 <tr><th>JID</th><th>Name</th><th>Subscription</th><th>Groups</th><th>⚠️ Delete</th></tr>