1 <div class="generic-page-wrapper">
4 {{$nickname_block nofilter}}
6 <form action="settings" id="settings-form" method="post" autocomplete="off" enctype="multipart/form-data">
7 <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
9 {{* We organize the settings in collapsable panel-groups *}}
10 <div class="panel-group panel-group-settings" id="settings" role="tablist" aria-multiselectable="true">
11 {{* The password setting section *}}
13 <div class="section-subtitle-wrapper panel-heading" role="tab" id="password-settings">
15 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#password-settings-collapse" aria-expanded="false" aria-controls="password-settings-collapse">
20 <div id="password-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="password-settings">
21 <div class="panel-body">
22 {{include file="field_password.tpl" field=$password1}}
23 {{include file="field_password.tpl" field=$password2}}
24 {{include file="field_password.tpl" field=$password3}}
27 {{include file="field_input.tpl" field=$openid}}
28 {{include file="field_checkbox.tpl" field=$delete_openid}}
31 <div class="panel-footer">
32 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
37 {{* The basic setting section *}}
39 <div class="section-subtitle-wrapper panel-heading" role="tab" id="basic-settings">
41 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#basic-settings-collapse" aria-expanded="false" aria-controls="basic-settings-collapse">
46 <div id="basic-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="basic-settings">
47 <div class="panel-body">
48 {{include file="field_input.tpl" field=$username}}
49 {{include file="field_input.tpl" field=$email}}
50 {{include file="field_password.tpl" field=$password4}}
51 {{include file="field_custom.tpl" field=$timezone}}
52 {{include file="field_select.tpl" field=$language}}
53 {{include file="field_input.tpl" field=$defloc}}
54 {{include file="field_checkbox.tpl" field=$allowloc}}
56 <div class="panel-footer">
57 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
62 {{* The privacity setting section *}}
64 <div class="section-subtitle-wrapper panel-heading" role="tab" id="privacy-settings">
66 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#privacy-settings-collapse" aria-expanded="false" aria-controls="privacy-settings-collapse">
71 <div id="privacy-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="privacy-settings">
72 <div class="panel-body">
74 <input type="hidden" name="visibility" value="{{$visibility}}" />
76 {{include file="field_input.tpl" field=$maxreq}}
78 {{$profile_in_dir nofilter}}
80 {{include file="field_checkbox.tpl" field=$profile_in_net_dir}}
81 {{include file="field_checkbox.tpl" field=$hide_friends}}
82 {{include file="field_checkbox.tpl" field=$hide_wall}}
83 {{include file="field_checkbox.tpl" field=$unlisted}}
84 {{include file="field_checkbox.tpl" field=$accessiblephotos}}
85 {{include file="field_checkbox.tpl" field=$blockwall}}
86 {{include file="field_checkbox.tpl" field=$blocktags}}
87 {{include file="field_checkbox.tpl" field=$unkmail}}
88 {{include file="field_input.tpl" field=$cntunkmail}}
90 {{$group_select nofilter}}
92 <h3>{{$permissions}}</h3>
94 {{$aclselect nofilter}}
96 <div class="panel-footer">
97 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
103 <div class="section-subtitle-wrapper panel-heading" role="tab" id="expire-settings">
105 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#expire-settings-collapse" aria-expanded="false" aria-controls="expire-settings-collapse">
110 <div id="expire-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="expire-settings">
111 <div class="panel-body">
112 {{include file="field_input.tpl" field=$expire.days}}
114 {{include file="field_checkbox.tpl" field=$expire.items}}
115 {{include file="field_checkbox.tpl" field=$expire.notes}}
116 {{include file="field_checkbox.tpl" field=$expire.starred}}
117 {{include file="field_checkbox.tpl" field=$expire.network_only}}
119 <div class="panel-footer">
120 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
125 {{* The notification setting section *}}
127 <div class="section-subtitle-wrapper panel-heading" role="tab" id="notification-settings">
129 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#notification-settings-collapse" aria-expanded="false" aria-controls="notification-settings-collapse">
134 <div id="notification-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="notification-settings">
135 <div id="settings-notifications" class="panel-body">
137 <div id="settings-notification-desc">{{$lbl_not}}</div>
140 {{include file="field_intcheckbox.tpl" field=$notify1}}
141 {{include file="field_intcheckbox.tpl" field=$notify2}}
142 {{include file="field_intcheckbox.tpl" field=$notify3}}
143 {{include file="field_intcheckbox.tpl" field=$notify4}}
144 {{include file="field_intcheckbox.tpl" field=$notify5}}
145 {{include file="field_intcheckbox.tpl" field=$notify6}}
146 {{include file="field_intcheckbox.tpl" field=$notify7}}
147 {{include file="field_intcheckbox.tpl" field=$notify8}}
150 <div id="settings-notify-desc">{{$lbl_notify}}</div>
153 {{include file="field_checkbox.tpl" field=$notify_like}}
154 {{include file="field_checkbox.tpl" field=$notify_announce}}
157 {{include file="field_checkbox.tpl" field=$email_textonly}}
158 {{include file="field_checkbox.tpl" field=$detailed_notif}}
160 {{include file="field_checkbox.tpl" field=$notify_ignored}}
162 {{* commented out because it was commented out in the original template
164 <button type="button" onclick="javascript:Notification.requestPermission(function(perm){if(perm === 'granted')alert('{{$desktop_notifications_success_message}}');});">{{$desktop_notifications}}</button>
165 <span class="field_help">{{$desktop_notifications_note}}</span>
169 {{include file="field_checkbox.tpl" field=$desktop_notifications}}
170 <script type="text/javascript">
172 let $notificationField = $("#div_id_{{$desktop_notifications.0}}");
173 let $notificationCheckbox = $("#id_{{$desktop_notifications.0}}");
175 if (getNotificationPermission() === 'granted') {
176 $notificationCheckbox.prop('checked', true);
178 if (getNotificationPermission() === null) {
179 $notificationField.hide();
182 $notificationCheckbox.on('change', function(e){
183 if (Notification.permission === 'granted') {
184 localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
185 } else if (Notification.permission === 'denied') {
186 localStorage.setItem('notification-permissions', 'denied');
188 $notificationCheckbox.prop('checked', false);
189 } else if (Notification.permission === 'default') {
190 Notification.requestPermission(function(choice) {
191 if (choice === 'granted') {
192 localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
194 localStorage.setItem('notification-permissions', 'denied');
195 $notificationCheckbox.prop('checked', false);
203 <div class="panel-footer">
204 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
209 {{* The additional account setting section *}}
211 <div class="section-subtitle-wrapper panel-heading" role="tab" id="additional-account-settings">
213 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#additional-account-settings-collapse" aria-expanded="false" aria-controls="additional-account-settings-collapse">
218 <div id="additional-account-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="additional-account-settings">
219 <div class="panel-body">
220 <div id="settings-pagetype-desc">{{$h_descadvn}}</div>
222 {{$pagetype nofilter}}
224 <div class="panel-footer">
225 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
230 {{* Import contacts CSV *}}
232 <div class="section-subtitle-wrapper panel-heading" role="tab" id="importcontact-settings">
234 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#importcontact-settings-collapse" aria-expanded="false" aria-controls="importcontact-settings-collapse">
239 <div id="importcontact-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="importcontact-settings">
240 <div class="panel-body">
241 <div id="importcontact-relocate-desc">{{$importcontact_text}}</div>
242 <input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}" />
243 <input type="file" name="importcontact-filename" />
245 <div class="panel-footer">
246 <button type="submit" name="importcontact-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
251 {{* The relocate setting section *}}
253 <div class="section-subtitle-wrapper panel-heading" role="tab" id="relocate-settings">
255 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="false" aria-controls="relocate-settings-collapse">
260 <div id="relocate-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relocate-settings">
261 <div class="panel-body">
262 <div id="settings-relocate-desc">{{$relocate_text}}</div>
264 <div class="panel-footer">
265 <button type="submit" name="resend_relocate" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>