1 <div class="generic-page-wrapper">
2 {{* include the title template for the settings title *}}
3 {{include file="section_title.tpl" title=$ptitle }}
7 <form action="settings" id="settings-form" method="post" autocomplete="off" >
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="true" aria-controls="basic-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}}
31 <div class="form-group pull-right settings-submit-wrapper" >
32 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit|escape:'html'}}">{{$submit}}</button>
34 <div class="clear"></div>
39 {{* The basic setting section *}}
41 <div class="section-subtitle-wrapper" role="tab" id="basic-settings">
43 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#basic-settings-collapse" aria-expanded="true" aria-controls="basic-settings-collapse">
48 <div id="basic-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="basic-settings">
49 <div class="section-content-tools-wrapper">
51 {{include file="field_input.tpl" field=$username}}
52 {{include file="field_input.tpl" field=$email}}
53 {{include file="field_password.tpl" field=$password4}}
54 {{include file="field_custom.tpl" field=$timezone}}
55 {{include file="field_select.tpl" field=$language}}
56 {{include file="field_input.tpl" field=$defloc}}
57 {{include file="field_checkbox.tpl" field=$allowloc}}
59 <div class="form-group pull-right settings-submit-wrapper" >
60 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit|escape:'html'}}">{{$submit}}</button>
62 <div class="clear"></div>
67 {{* The privacity setting section *}}
69 <div class="section-subtitle-wrapper" role="tab" id="privacy-settings">
71 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#privacy-settings-collapse" aria-expanded="true" aria-controls="privacy-settings-collapse">
76 <div id="privacy-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="privacy-settings">
77 <div class="section-content-tools-wrapper">
79 <input type="hidden" name="visibility" value="{{$visibility}}" />
81 {{include file="field_input.tpl" field=$maxreq}}
85 {{$profile_in_net_dir}}
100 {{include file="field_input.tpl" field=$cntunkmail}}
102 {{include file="field_input.tpl" field=$expire.days}}
105 <div id="settings-advanced-expire">
106 <a id="advanced-expire-menu" title="{{$expire.advanced}}" data-toggle="modal" data-target="#aeModal">{{$expire.label}}</a>
108 {{* The modal for advanced-expire *}}
109 <div class="modal" id="aeModal">
110 <div class="modal-dialog">
111 <div class="modal-content">
112 <div class="modal-header">
113 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
114 <h4 class="modal-title">{{$expire.advanced}}</h4>
116 <div class="modal-body">
117 {{include file="field_yesno.tpl" field=$expire.items}}
118 {{include file="field_yesno.tpl" field=$expire.notes}}
119 {{include file="field_yesno.tpl" field=$expire.starred}}
120 {{include file="field_yesno.tpl" field=$expire.network_only}}
127 {{* Block for setting default permissions *}}
128 <div id="settings-default-perms" class="settings-default-perms">
129 <a id="settings-default-perms-menu" class="settings-default-perms" data-toggle="modal" data-target="#aclModal">{{$permissions}} {{$permdesc}}</a>
130 <div id="settings-default-perms-menu-end"></div>
132 {{* We include the aclModal directly into the template since we cant use frio's default modal *}}
133 <div class="modal" id="aclModal">
134 <div class="modal-dialog">
135 <div class="modal-content">
136 <div class="modal-header">
137 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
138 <h4 class="modal-title">{{$permissions}}</h4>
140 <div class="modal-body">
148 <div class="clear"></div>
153 <div class="form-group pull-right settings-submit-wrapper" >
154 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit|escape:'html'}}">{{$submit}}</button>
156 <div class="clear"></div>
161 {{* The notification setting section *}}
163 <div class="section-subtitle-wrapper" role="tab" id="notification-settings">
165 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#notification-settings-collapse" aria-expanded="true" aria-controls="notification-settings-collapse">
170 <div id="notification-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="notification-settings">
171 <div class="section-content-tools-wrapper">
172 <div id="settings-notifications">
174 <div id="settings-activity-desc"><h4>{{$activity_options}}</h4></div>
177 {{include file="field_checkbox.tpl" field=$post_newfriend}}
178 {{include file="field_checkbox.tpl" field=$post_joingroup}}
179 {{include file="field_checkbox.tpl" field=$post_profilechange}}
183 <div id="settings-notify-desc"><h4>{{$lbl_not}}</h4></div>
186 {{include file="field_intcheckbox.tpl" field=$notify1}}
187 {{include file="field_intcheckbox.tpl" field=$notify2}}
188 {{include file="field_intcheckbox.tpl" field=$notify3}}
189 {{include file="field_intcheckbox.tpl" field=$notify4}}
190 {{include file="field_intcheckbox.tpl" field=$notify5}}
191 {{include file="field_intcheckbox.tpl" field=$notify6}}
192 {{include file="field_intcheckbox.tpl" field=$notify7}}
193 {{include file="field_intcheckbox.tpl" field=$notify8}}
196 {{include file="field_checkbox.tpl" field=$email_textonly}}
199 {{* commented out because it was commented out in the original template
201 <button type="button" onclick="javascript:Notification.requestPermission(function(perm){if(perm === 'granted')alert('{{$desktop_notifications_success_message}}');});">{{$desktop_notifications}}</button>
202 <span class="field_help">{{$desktop_notifications_note}}</span>
206 {{include file="field_yesno.tpl" field=$desktop_notifications}}
209 var elm = $("#id_{{$desktop_notifications.0}}_onoff");
210 var ckbox = $("#id_{{$desktop_notifications.0}}");
212 if (getNotificationPermission() === 'granted') {
214 elm.find(".off").addClass("hidden");
215 elm.find(".on").removeClass("hidden");
217 if (getNotificationPermission() === null) {
218 elm.parent(".field.yesno").hide();
221 $("#id_{{$desktop_notifications.0}}_onoff").on("click", function(e){
223 if (Notification.permission === 'granted') {
224 localStorage.setItem('notification-permissions', ckbox.val()==1 ? 'granted' : 'denied');
225 } else if (Notification.permission === 'denied') {
226 localStorage.setItem('notification-permissions', 'denied');
229 elm.find(".on").addClass("hidden");
230 elm.find(".off").removeClass("hidden");
232 } else if (Notification.permission === 'default') {
233 Notification.requestPermission(function(choice) {
234 if (choice === 'granted') {
235 localStorage.setItem('notification-permissions', ckbox.val()==1 ? 'granted' : 'denied');
238 localStorage.setItem('notification-permissions', 'denied');
240 elm.find(".on").addClass("hidden");
241 elm.find(".off").removeClass("hidden");
246 //console.log(getNotificationPermission());
252 <div class="form-group pull-right settings-submit-wrapper" >
253 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit|escape:'html'}}">{{$submit}}</button>
255 <div class="clear"></div>
260 {{* The additional account setting section *}}
262 <div class="section-subtitle-wrapper" role="tab" id="additional-account-settings">
264 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#additional-account-settings-collapse" aria-expanded="true" aria-controls="additional-account-settings-collapse">
269 <div id="additional-account-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="additional-account-settings">
270 <div class="section-content-tools-wrapper">
272 <div id="settings-pagetype-desc">{{$h_descadvn}}</div>
276 <div class="form-group pull-right settings-submit-wrapper" >
277 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit|escape:'html'}}">{{$submit}}</button>
279 <div class="clear"></div>
284 {{* The relocate setting section *}}
286 <div class="section-subtitle-wrapper" role="tab" id="relocate-settings">
288 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="true" aria-controls="relocate-settings-collapse">
293 <div id="relocate-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relocate-settings">
294 <div class="section-content-tools-wrapper">
296 <div id="settings-pagetype-desc">{{$relocate_text}}</div>
299 <div class="form-group pull-right settings-submit-wrapper" >
300 <button type="submit" name="submit" class="btn btn-primary" value="{{$relocate_button|escape:'html'}}">{{$relocate_button|escape:'html'}}</button>
302 <div class="clear"></div>