1 <div class="generic-page-wrapper">
2 {{* include the title template for the settings title *}}
3 {{include file="section_title.tpl" title=$ptitle }}
5 {{$nickname_block nofilter}}
7 <form action="settings" id="settings-form" method="post" autocomplete="off" enctype="multipart/form-data">
8 <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
10 {{* We organize the settings in collapsable panel-groups *}}
11 <div class="panel-group panel-group-settings" id="settings" role="tablist" aria-multiselectable="true">
12 {{* The password setting section *}}
14 <div class="section-subtitle-wrapper" role="tab" id="password-settings">
16 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#password-settings-collapse" aria-expanded="false" aria-controls="password-settings-collapse">
21 <div id="password-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="password-settings">
22 <div class="section-content-tools-wrapper">
23 {{include file="field_password.tpl" field=$password1}}
24 {{include file="field_password.tpl" field=$password2}}
25 {{include file="field_password.tpl" field=$password3}}
28 {{include file="field_input.tpl" field=$openid}}
29 {{include file="field_checkbox.tpl" field=$delete_openid}}
32 <div class="form-group pull-right settings-submit-wrapper" >
33 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
35 <div class="clear"></div>
40 {{* The basic setting section *}}
42 <div class="section-subtitle-wrapper" role="tab" id="basic-settings">
44 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#basic-settings-collapse" aria-expanded="false" aria-controls="basic-settings-collapse">
49 <div id="basic-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="basic-settings">
50 <div class="section-content-tools-wrapper">
52 {{include file="field_input.tpl" field=$username}}
53 {{include file="field_input.tpl" field=$email}}
54 {{include file="field_password.tpl" field=$password4}}
55 {{include file="field_custom.tpl" field=$timezone}}
56 {{include file="field_select.tpl" field=$language}}
57 {{include file="field_input.tpl" field=$defloc}}
58 {{include file="field_checkbox.tpl" field=$allowloc}}
60 <div class="form-group pull-right settings-submit-wrapper" >
61 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
63 <div class="clear"></div>
68 {{* The privacity setting section *}}
70 <div class="section-subtitle-wrapper" role="tab" id="privacy-settings">
72 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#privacy-settings-collapse" aria-expanded="false" aria-controls="privacy-settings-collapse">
77 <div id="privacy-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="privacy-settings">
78 <div class="section-content-tools-wrapper">
80 <input type="hidden" name="visibility" value="{{$visibility}}" />
82 {{include file="field_input.tpl" field=$maxreq}}
84 {{$profile_in_dir nofilter}}
86 {{$profile_in_net_dir nofilter}}
88 {{$hide_friends nofilter}}
90 {{$hide_wall nofilter}}
92 {{$unlisted nofilter}}
94 {{$accessiblephotos nofilter}}
96 {{$blockwall nofilter}}
98 {{$blocktags nofilter}}
100 {{$unkmail nofilter}}
102 {{include file="field_input.tpl" field=$cntunkmail}}
104 {{* Block for setting default permissions *}}
105 <div id="settings-default-perms" class="settings-default-perms">
106 <a id="settings-default-perms-menu" class="settings-default-perms" data-toggle="modal" data-target="#aclModal">{{$permissions}} {{$permdesc}}</a>
107 <div id="settings-default-perms-menu-end"></div>
109 {{* We include the aclModal directly into the template since we cant use frio's default modal *}}
110 <div class="modal" id="aclModal">
111 <div class="modal-dialog">
112 <div class="modal-content">
113 <div class="modal-header">
114 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
115 <h4 class="modal-title">{{$permissions}}</h4>
117 <div class="modal-body">
118 {{$aclselect nofilter}}
126 {{$group_select nofilter}}
128 <div class="form-group pull-right settings-submit-wrapper" >
129 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
131 <div class="clear"></div>
138 <div class="section-subtitle-wrapper" role="tab" id="expire-settings">
140 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#expire-settings-collapse" aria-expanded="false" aria-controls="expire-settings-collapse">
145 <div id="expire-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="expire-settings">
146 <div class="section-content-tools-wrapper">
148 {{include file="field_input.tpl" field=$expire.days}}
150 {{include file="field_checkbox.tpl" field=$expire.items}}
151 {{include file="field_checkbox.tpl" field=$expire.notes}}
152 {{include file="field_checkbox.tpl" field=$expire.starred}}
153 {{include file="field_checkbox.tpl" field=$expire.network_only}}
155 <div class="form-group pull-right settings-submit-wrapper" >
156 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
158 <div class="clear"></div>
163 {{* The notification setting section *}}
165 <div class="section-subtitle-wrapper" role="tab" id="notification-settings">
167 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#notification-settings-collapse" aria-expanded="false" aria-controls="notification-settings-collapse">
172 <div id="notification-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="notification-settings">
173 <div class="section-content-tools-wrapper">
174 <div id="settings-notifications">
176 <div id="settings-notification-desc"><h4>{{$lbl_not}}</h4></div>
179 {{include file="field_intcheckbox.tpl" field=$notify1}}
180 {{include file="field_intcheckbox.tpl" field=$notify2}}
181 {{include file="field_intcheckbox.tpl" field=$notify3}}
182 {{include file="field_intcheckbox.tpl" field=$notify4}}
183 {{include file="field_intcheckbox.tpl" field=$notify5}}
184 {{include file="field_intcheckbox.tpl" field=$notify6}}
185 {{include file="field_intcheckbox.tpl" field=$notify7}}
186 {{include file="field_intcheckbox.tpl" field=$notify8}}
189 {{include file="field_checkbox.tpl" field=$email_textonly}}
190 {{include file="field_checkbox.tpl" field=$detailed_notif}}
192 {{* commented out because it was commented out in the original template
194 <button type="button" onclick="javascript:Notification.requestPermission(function(perm){if(perm === 'granted')alert('{{$desktop_notifications_success_message}}');});">{{$desktop_notifications}}</button>
195 <span class="field_help">{{$desktop_notifications_note}}</span>
199 {{include file="field_checkbox.tpl" field=$desktop_notifications}}
200 <script type="text/javascript">
202 let $notificationField = $("#div_id_{{$desktop_notifications.0}}");
203 let $notificationCheckbox = $("#id_{{$desktop_notifications.0}}");
205 if (getNotificationPermission() === 'granted') {
206 $notificationCheckbox.prop('checked', true);
208 if (getNotificationPermission() === null) {
209 $notificationField.hide();
212 $notificationCheckbox.on('change', function(e){
213 if (Notification.permission === 'granted') {
214 localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
215 } else if (Notification.permission === 'denied') {
216 localStorage.setItem('notification-permissions', 'denied');
218 $notificationCheckbox.prop('checked', false);
219 } else if (Notification.permission === 'default') {
220 Notification.requestPermission(function(choice) {
221 if (choice === 'granted') {
222 localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
224 localStorage.setItem('notification-permissions', 'denied');
225 $notificationCheckbox.prop('checked', false);
234 <div class="form-group pull-right settings-submit-wrapper" >
235 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
237 <div class="clear"></div>
242 {{* The additional account setting section *}}
244 <div class="section-subtitle-wrapper" role="tab" id="additional-account-settings">
246 <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">
251 <div id="additional-account-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="additional-account-settings">
252 <div class="section-content-tools-wrapper">
254 <div id="settings-pagetype-desc">{{$h_descadvn}}</div>
256 {{$pagetype nofilter}}
258 <div class="form-group pull-right settings-submit-wrapper" >
259 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
261 <div class="clear"></div>
266 {{* Import contacts CSV *}}
268 <div class="section-subtitle-wrapper" role="tab" id="importcontact-settings">
270 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#importcontact-settings-collapse" aria-expanded="false" aria-controls="importcontact-settings-collapse">
275 <div id="importcontact-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="importcontact-settings">
276 <div class="section-content-tools-wrapper">
278 <div id="importcontact-relocate-desc">{{$importcontact_text}}</div>
279 <input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}" />
280 <input type="file" name="importcontact-filename" />
283 <div class="form-group pull-right settings-submit-wrapper" >
284 <button type="submit" name="importcontact-submit" class="btn btn-primary" value="{{$importcontact_button}}">{{$importcontact_button}}</button>
286 <div class="clear"></div>
291 {{* The relocate setting section *}}
293 <div class="section-subtitle-wrapper" role="tab" id="relocate-settings">
295 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="false" aria-controls="relocate-settings-collapse">
300 <div id="relocate-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relocate-settings">
301 <div class="section-content-tools-wrapper">
303 <div id="settings-relocate-desc">{{$relocate_text}}</div>
306 <div class="form-group pull-right settings-submit-wrapper" >
307 <button type="submit" name="resend_relocate" class="btn btn-primary" value="{{$relocate_button}}">{{$relocate_button}}</button>
309 <div class="clear"></div>