Mercurial > xmpp-account-manager

comparison index.xhtml @ 49:d3b943ac148f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add translations Build script + {% trans %} in index.html
author mathieui
date Sat, 23 May 2020 20:33:38 +0200
parents b76146a09e07
children 2f45bee88b47
comparison
equal deleted inserted replaced
48:021185105e2f 49:d3b943ac148f
1 <?xml version="1.0"?> 1 <?xml version="1.0"?>
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{% load i18n %}en">
3 <head> 3 <head>
4 <meta charset="utf-8"/> 4 <meta charset="utf-8"/>
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
6 <title>Prosody IM account configuration</title> 6 <title>{% trans 'Prosody IM account configuration' %}</title>
7 <link rel="canonical" content-type="text/html" href="https://prosody.im/index"/> 7 <link rel="canonical" content-type="text/html" href="https://prosody.im/index"/>
8 <link rel="icon" href="prosody.svg"/> 8 <link rel="icon" href="prosody.svg"/>
9 <link rel="apple-touch-icon" href="prosody.svg"/> 9 <link rel="apple-touch-icon" href="prosody.svg"/>
10 <link rel="stylesheet" href="share/bootstrap/css/bootstrap.min.css"/> 10 <link rel="stylesheet" href="share/bootstrap/css/bootstrap.min.css"/>
11 <link rel="stylesheet" href="prosody.css"/> 11 <link rel="stylesheet" href="prosody.css"/>
14 14
15 <div class="container"> 15 <div class="container">
16 16
17 <div class="row"> 17 <div class="row">
18 <form id="connection"> 18 <form id="connection">
19 <input type="email" id="jid" placeholder="JID" title="Enter your JID (or XMPP address), on the form “you@your-server.tld”"/> 19 <input type="email" id="jid" placeholder="JID" title="{% trans 'Enter your JID (or XMPP address), on the form “you@your-server.tld”' %}"/>
20 <input type="password" id="pass" placeholder="Password" title="Enter the password used for this JID"/> 20 <input type="password" id="pass" placeholder="Password" title="{% trans 'Enter the password used for this JID' %}"/>
21 <input type="submit" id="connect" value="Log in"/> 21 <input type="submit" id="connect" value="Log in"/>
22 <img width="24" height="24" id="connect-spinner" hidden=""/> 22 <img width="24" height="24" id="connect-spinner" hidden=""/>
23 </form> 23 </form>
24 </div> 24 </div>
25 25
26 <div id="connected" hidden=""> 26 <div id="connected" hidden="">
27 27
28 <div id="navtabs" class="nav nav-tabs nav-justified"> 28 <div id="navtabs" class="nav nav-tabs nav-justified">
29 <li id="tab-profile" class="active"><a href="#profile">Profile</a></li> 29 <li id="tab-profile" class="active"><a href="#profile">{% trans 'Profile' %}</a></li>
30 <li id="tab-mam"><a href="#mam">Message Archiving</a></li> 30 <li id="tab-mam"><a href="#mam">{% trans 'Message Archiving' %}</a></li>
31 <li id="tab-account"><a href="#account">Account</a></li> 31 <li id="tab-account"><a href="#account">{% trans 'Account' %}</a></li>
32 <li id="tab-pep"><a href="#pep">PEP (advanced)</a></li> 32 <li id="tab-pep"><a href="#pep">{% trans 'PEP (advanced)' %}</a></li>
33 </div> 33 </div>
34 34
35 <div class="row tab-profile"> 35 <div class="row tab-profile">
36 <div class="col-sm-4"> 36 <div class="col-sm-4">
37 <h2>Nickname</h2> 37 <h2>Nickname</h2>
38 </div> 38 </div>
39 <div class="col-sm-8"> 39 <div class="col-sm-8">
40 <p> 40 <p>
41 <input class="form-control" id="nick" placeholder="Nickname"/> 41 <input class="form-control" id="nick" placeholder="{% trans 'Nickname' %}"/>
42 <img width="24" height="24" id="nick-spinner"/> 42 <img width="24" height="24" id="nick-spinner"/>
43 </p> 43 </p>
44 <p>Enter your nickname, so people you know can recognize you.</p> 44 <p>{% trans 'Enter your nickname, so people you know can recognize you.' %}</p>
45 <p class="form-group"> 45 <p class="form-group">
46 <label for="nick-access">Who can see your nickname?</label> 46 <label for="nick-access">{% trans 'Who can see your nickname?' %}</label>
47 <img width="24" height="24" id="nick-access-spinner" hidden=""/> 47 <img width="24" height="24" id="nick-access-spinner" hidden=""/>
48 <select class="form-control" id="nick-access" disabled=""> 48 <select class="form-control" id="nick-access" disabled="">
49 <option value="open">Anyone</option> 49 <option value="open">{% trans 'Anyone' %}</option>
50 <option value="presence">Only your contacts</option> 50 <option value="presence">{% trans 'Only your contacts' %}</option>
51 </select> 51 </select>
52 </p> 52 </p>
53 </div> 53 </div>
54 </div> 54 </div>
55 55
56 <hr class="tab-profile"/> 56 <hr class="tab-profile"/>
57 57
58 <div class="row tab-profile"> 58 <div class="row tab-profile">
59 <div class="col-sm-4"> 59 <div class="col-sm-4">
60 <h2>Avatar</h2> 60 <h2>Avatar</h2>
61 <p>This image allows your contacts to quickly identify you.</p> 61 <p>{% trans 'This image allows your contacts to quickly identify you.' %}</p>
62 </div> 62 </div>
63 <div class="col-sm-8"> 63 <div class="col-sm-8">
64 <img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/> <img width="24" height="24" id="avatar-spinner"/><br/> 64 <img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/> <img width="24" height="24" id="avatar-spinner"/><br/>
65 <input type="file" style="display:none" accept="image/*" id="avatar-file"/> 65 <input type="file" style="display:none" accept="image/*" id="avatar-file"/>
66 <p class="custom-file"> 66 <p class="custom-file">
67 <label class="custom-file-label" for="avatar-upload">Upload new avatar</label> 67 <label class="custom-file-label" for="avatar-upload">{% trans 'Upload new avatar' %}</label>
68 <button id="avatar-upload">Choose file…</button> 68 <button id="avatar-upload">{% trans 'Choose file…' %}</button>
69 <button id="avatar-change">Use as your avatar</button> 69 <button id="avatar-change">{% trans 'Use as your avatar' %}</button>
70 </p> 70 </p>
71 <p class="form-group"> 71 <p class="form-group">
72 <label for="avatar-access">Who can see your avatar?</label> 72 <label for="avatar-access">{% trans 'Who can see your avatar?' %}</label>
73 <img width="24" height="24" id="access-model-avatar-spinner" hidden=""/> 73 <img width="24" height="24" id="access-model-avatar-spinner" hidden=""/>
74 <select class="form-control" id="avatar-access"> 74 <select class="form-control" id="avatar-access">
75 <option value="open">Anyone (pick this if you use public groupchats)</option> 75 <option value="open">{% trans 'Anyone (pick this if you use public groupchats)' %}</option>
76 <option value="presence">Only your contacts</option> 76 <option value="presence">{% trans 'Only your contacts' %}</option>
77 </select> 77 </select>
78 </p> 78 </p>
79 </div> 79 </div>
80 </div> 80 </div>
81 81
82 <hr class="tab-profile"/> 82 <hr class="tab-profile"/>
83 83
84 <div class="row tab-profile"> 84 <div class="row tab-profile">
85 <div class="col-sm-4"> 85 <div class="col-sm-4">
86 <h2>Personal Information</h2> 86 <h2>{% trans 'Personal Information' %}</h2>
87 <p>Who are you?</p> 87 <p>{% trans 'Who are you?' %}</p>
88 <img width="24" height="24" id="vcard-spinner" hidden=""/> 88 <img width="24" height="24" id="vcard-spinner" hidden=""/>
89 </div> 89 </div>
90 <div class="col-sm-8"> 90 <div class="col-sm-8">
91 <p> 91 <p>
92 <label>Full name<br/> 92 <label>{% trans 'Full name' %}<br/>
93 <input id="vcard-fn" disabled=""/></label><br/> 93 <input id="vcard-fn" disabled=""/></label><br/>
94 Enter your name, so people you know can recognize you. 94 {% trans 'Enter your name, so people you know can recognize you.' %}
95 </p> 95 </p>
96 <p> 96 <p>
97 <label>Email<br/> 97 <label>{% trans 'Email' %}<br/>
98 <input id="vcard-email" disabled=""/></label><br/> 98 <input id="vcard-email" disabled=""/></label><br/>
99 This can be used if you forget your password. 99 {% trans 'This can be used if you forget your password.' %}
100 </p> 100 </p>
101 <p> 101 <p>
102 <label>Birthday<br/> 102 <label>{% trans 'Birthday' %}<br/>
103 <input id="vcard-bday" type="date" disabled=""/></label> 103 <input id="vcard-bday" type="date" disabled=""/></label>
104 </p> 104 </p>
105 <p> 105 <p>
106 <label>Who can see your personal information?<br/> 106 <label>{% trans 'Who can see your personal information?' %}<br/>
107 <select id="vcard-access"> 107 <select id="vcard-access">
108 <option value="open">Anyone</option> 108 <option value="open">{% trans 'Anyone' %}</option>
109 <option value="presence">Only your contacts</option> 109 <option value="presence">{% trans 'Only your contacts' %}</option>
110 </select></label> <img width="24" height="24" id="vcard-access-spinner" hidden=""/> 110 </select></label> <img width="24" height="24" id="vcard-access-spinner" hidden=""/>
111 </p> 111 </p>
112 </div> 112 </div>
113 </div> 113 </div>
114 114
117 <h2>Contact list</h2> 117 <h2>Contact list</h2>
118 </div> 118 </div>
119 <div class="col-sm-8"> 119 <div class="col-sm-8">
120 <table class="table"> 120 <table class="table">
121 <thead> 121 <thead>
122 <tr><th>JID</th><th>Name</th><th>Subscription</th><th>Groups</th><th>⚠️ Delete</th></tr> 122 <tr><th>{% trans 'JID' %}</th><th>{% trans 'Name' %}</th><th>{% trans 'Subscription' %}</th><th>{% trans 'Groups' %}</th><th>{% trans '⚠️ Delete' %}</th></tr>
123 </thead> 123 </thead>
124 <tbody id="roster-table"/> 124 <tbody id="roster-table"/>
125 </table> 125 </table>
126 </div> 126 </div>
127 </div> 127 </div>
132 <div class="col-sm-4"> 132 <div class="col-sm-4">
133 <h2>Dangerous zone</h2> 133 <h2>Dangerous zone</h2>
134 </div> 134 </div>
135 <div class="col-sm-8"> 135 <div class="col-sm-8">
136 <p> 136 <p>
137 <button disabled="">Change my password</button> 137 <button disabled="">{% trans 'Change my password' %}</button>
138 <button class="btn btn-danger" disabled="">⚠️ Delete my account</button> 138 <button class="btn btn-danger" disabled="">{% trans '⚠️ Delete my account' %}</button>
139 </p> 139 </p>
140 </div> 140 </div>
141 </div> 141 </div>
142 142
143 <div class="row tab-pep" hidden=""> 143 <div class="row tab-pep" hidden="">
144 <div class="col-sm-4"> 144 <div class="col-sm-4">
145 <h2>PEP</h2> 145 <h2>{% trans 'PEP' %}</h2>
146 </div> 146 </div>
147 <div class="col-sm-8"> 147 <div class="col-sm-8">
148 <div class="alert alert-warning">This section is for <b>advanced</b> users, use at your own risk!</div> 148 <div class="alert alert-warning">{% trans 'This section is for <b>advanced</b> users, use at your own risk!' %}</div>
149 <table class="table"> 149 <table class="table">
150 <thead> 150 <thead>
151 <tr><th>PEP node</th><th>Title</th><th>Description</th><th>Type</th><th>⚠️ Delete</th></tr> 151 <tr><th>{% trans 'PEP node' %}</th><th>{% trans 'Title' %}</th><th>{% trans 'Description' %}</th><th>{% trans 'Type' %}</th><th>{% trans '⚠️ Delete' %}</th></tr>
152 </thead> 152 </thead>
153 <tbody id="pep-table"/> 153 <tbody id="pep-table"/>
154 </table> 154 </table>
155 </div> 155 </div>
156 </div> 156 </div>
157 157
158 <div class="row tab-mam" hidden=""> 158 <div class="row tab-mam" hidden="">
159 <div class="col-sm-4"> 159 <div class="col-sm-4">
160 <h2>Message Archiving</h2> 160 <h2>{% trans 'Message Archiving' %}</h2>
161 </div> 161 </div>
162 <div class="col-sm-8"> 162 <div class="col-sm-8">
163 <p> 163 <p>
164 <label>Which messages to store in your archive?<br/> 164 <label>{% trans 'Which messages to store in your archive?' %}<br/>
165 <select id="mam-prefs-default" disabled=""> 165 <select id="mam-prefs-default" disabled="">
166 <option value="always">All messages</option> 166 <option value="always">{% trans 'All messages' %}</option>
167 <option value="never">No messages</option> 167 <option value="never">{% trans 'No messages' %}</option>
168 <option value="roster">Messages from your contacts only</option> 168 <option value="roster">{% trans 'Messages from your contacts only' %}</option>
169 </select></label> 169 </select></label>
170 <img width="24" height="24" id="mam-prefs-spinner" hidden=""/><br/> 170 <img width="24" height="24" id="mam-prefs-spinner" hidden=""/><br/>
171 <table class="table" hidden=""> 171 <table class="table" hidden="">
172 <tr> 172 <tr>
173 <th>Always:</th> 173 <th>{% trans 'Always:' %}</th>
174 <th>Never:</th> 174 <th>{% trans 'Never:' %}</th>
175 </tr> 175 </tr>
176 <tr> 176 <tr>
177 <td><textarea id="mam-prefs-always"/></td> 177 <td><textarea id="mam-prefs-always"/></td>
178 <td><textarea id="mam-prefs-never"/></td> 178 <td><textarea id="mam-prefs-never"/></td>
179 </tr> 179 </tr>
180 </table> 180 </table>
181 <button id="mam-retrieve">Retrieve my message archive</button> <img width="24" height="24" id="mam-retrieve-spinner" hidden=""/><br/> 181 <button id="mam-retrieve">{% trans 'Retrieve my message archive' %}</button> <img width="24" height="24" id="mam-retrieve-spinner" hidden=""/><br/>
182 <button disabled="">View my message archive</button><br/> 182 <button disabled="">{% trans 'View my message archive' %}</button><br/>
183 <button id="mam-download" disabled="">Download my entire message archive</button><br/> 183 <button id="mam-download" disabled="">{% trans 'Download my entire message archive' %}</button><br/>
184 <button class="btn btn-danger" disabled="">⚠️ Purge my entire message archive</button> 184 <button class="btn btn-danger" disabled="">{% trans '⚠️ Purge my entire message archive' %}</button>
185 </p> 185 </p>
186 </div> 186 </div>
187 </div> 187 </div>
188 188
189 </div> 189 </div>