Mercurial > xmpp-account-manager
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> |