view/theme/frio/templates/settings/settings.tpl

   1 <div class="generic-page-wrapper">
   2         {{* include the title template for the settings title *}}
   3         {{include file="section_title.tpl" title=$ptitle }}
   4
   5         {{$nickname_block}}
   6
   7         <form action="settings" id="settings-form" method="post" autocomplete="off" >
   8                 <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
   9
  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 *}}
  13                         <div class="panel">
  14                                 <div class="section-subtitle-wrapper" role="tab" id="password-settings">
  15                                         <h4>
  16                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#password-settings-collapse" aria-expanded="false" aria-controls="password-settings-collapse">
  17                                                         {{$h_pass}}
  18                                                 </a>
  19                                         </h4>
  20                                 </div>
  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}}
  26
  27                                                 {{if $oid_enable}}
  28                                                 {{include file="field_input.tpl" field=$openid}}
  29                                                 {{/if}}
  30
  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>
  33                                                 </div>
  34                                                 <div class="clear"></div>
  35                                         </div>
  36                                 </div>
  37                         </div>
  38
  39                         {{* The basic setting section *}}
  40                         <div class="panel">
  41                                 <div class="section-subtitle-wrapper" role="tab" id="basic-settings">
  42                                         <h4>
  43                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#basic-settings-collapse" aria-expanded="false" aria-controls="basic-settings-collapse">
  44                                                         {{$h_basic}}
  45                                                 </a>
  46                                         </h4>
  47                                 </div>
  48                                 <div id="basic-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="basic-settings">
  49                                         <div class="section-content-tools-wrapper">
  50
  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}}
  58
  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>
  61                                                 </div>
  62                                                 <div class="clear"></div>
  63                                         </div>
  64                                 </div>
  65                         </div>
  66
  67                         {{* The privacity setting section *}}
  68                         <div class="panel">
  69                                 <div class="section-subtitle-wrapper" role="tab" id="privacy-settings">
  70                                         <h4>
  71                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#privacy-settings-collapse" aria-expanded="false" aria-controls="privacy-settings-collapse">
  72                                                         {{$h_prv}}
  73                                                 </a>
  74                                         </h4>
  75                                 </div>
  76                                 <div id="privacy-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="privacy-settings">
  77                                         <div class="section-content-tools-wrapper">
  78
  79                                                 <input type="hidden" name="visibility" value="{{$visibility}}" />
  80
  81                                                 {{include file="field_input.tpl" field=$maxreq}}
  82
  83                                                 {{$profile_in_dir}}
  84
  85                                                 {{$profile_in_net_dir}}
  86
  87                                                 {{$hide_friends}}
  88
  89                                                 {{$hide_wall}}
  90
  91                                                 {{$blockwall}}
  92
  93                                                 {{$blocktags}}
  94
  95                                                 {{$suggestme}}
  96
  97                                                 {{$unkmail}}
  98
  99
 100                                                 {{include file="field_input.tpl" field=$cntunkmail}}
 101
 102                                                 {{include file="field_input.tpl" field=$expire.days}}
 103
 104
 105                                                 <div id="settings-advanced-expire">
 106                                                         <a id="advanced-expire-menu" title="{{$expire.advanced}}" data-toggle="modal" data-target="#aeModal">{{$expire.label}}</a>
 107
 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">&times;</span></button>
 114                                                                                         <h4 class="modal-title">{{$expire.advanced}}</h4>
 115                                                                                 </div>
 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}}
 121                                                                                 </div>
 122                                                                         </div>
 123                                                                 </div>
 124                                                         </div>
 125                                                 </div>
 126
 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>
 131
 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">&times;</span></button>
 138                                                                                         <h4 class="modal-title">{{$permissions}}</h4>
 139                                                                                 </div>
 140                                                                                 <div class="modal-body">
 141                                                                                         {{$aclselect}}
 142                                                                                 </div>
 143                                                                         </div>
 144                                                                 </div>
 145                                                         </div>
 146                                                 </div>
 147                                                 <br/>
 148                                                 <div class="clear"></div>
 149
 150                                                 {{$group_select}}
 151
 152
 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>
 155                                                 </div>
 156                                                 <div class="clear"></div>
 157                                         </div>
 158                                 </div>
 159                         </div>
 160
 161                         {{* The notification setting section *}}
 162                         <div class="panel">
 163                                 <div class="section-subtitle-wrapper" role="tab" id="notification-settings">
 164                                         <h4>
 165                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#notification-settings-collapse" aria-expanded="false" aria-controls="notification-settings-collapse">
 166                                                         {{$h_not}}
 167                                                 </a>
 168                                         </h4>
 169                                 </div>
 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">
 173
 174                                                         <div id="settings-activity-desc"><h4>{{$activity_options}}</h4></div>
 175
 176                                                         <div class="group">
 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}}
 180                                                         </div>
 181
 182
 183                                                         <div id="settings-notify-desc"><h4>{{$lbl_not}}</h4></div>
 184
 185                                                         <div class="group">
 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}}
 194                                                         </div>
 195
 196                                                         {{include file="field_checkbox.tpl" field=$email_textonly}}
 197                                                         {{include file="field_checkbox.tpl" field=$detailed_notif}}
 198
 199                                                         {{* commented out because it was commented out in the original template
 200                                                         <div class="field">
 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>
 203                                                         </div>
 204                                                         *}}
 205
 206                                                         {{include file="field_yesno.tpl" field=$desktop_notifications}}
 207                                                         <script type="text/javascript">
 208                                                                 (function(){
 209                                                                         var elm = $("#id_{{$desktop_notifications.0}}_onoff");
 210                                                                         var ckbox = $("#id_{{$desktop_notifications.0}}");
 211
 212                                                                         if (getNotificationPermission() === 'granted') {
 213                                                                                 ckbox.val(1);
 214                                                                                 elm.find(".off").addClass("hidden");
 215                                                                                 elm.find(".on").removeClass("hidden");
 216                                                                         }
 217                                                                         if (getNotificationPermission() === null) {
 218                                                                                 elm.parent(".field.yesno").hide();
 219                                                                         }
 220
 221                                                                         $("#id_{{$desktop_notifications.0}}_onoff").on("click", function(e){
 222
 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');
 227
 228                                                                                         ckbox.val(0);
 229                                                                                         elm.find(".on").addClass("hidden");
 230                                                                                         elm.find(".off").removeClass("hidden");
 231
 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');
 236
 237                                                                                                 } else {
 238                                                                                                         localStorage.setItem('notification-permissions', 'denied');
 239                                                                                                         ckbox.val(0);
 240                                                                                                         elm.find(".on").addClass("hidden");
 241                                                                                                         elm.find(".off").removeClass("hidden");
 242                                                                                                 }
 243                                                                                         });
 244                                                                                 }
 245
 246                                                                                 //console.log(getNotificationPermission());
 247                                                                         })
 248                                                                 })();
 249                                                         </script>
 250                                                 </div>
 251
 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>
 254                                                 </div>
 255                                                 <div class="clear"></div>
 256                                         </div>
 257                                 </div>
 258                         </div>
 259
 260                         {{* The additional account setting section *}}
 261                         <div class="panel">
 262                                 <div class="section-subtitle-wrapper" role="tab" id="additional-account-settings">
 263                                         <h4>
 264                                                 <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">
 265                                                         {{$h_advn}}
 266                                                 </a>
 267                                         </h4>
 268                                 </div>
 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">
 271
 272                                                 <div id="settings-pagetype-desc">{{$h_descadvn}}</div>
 273
 274                                                 {{$pagetype}}
 275
 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>
 278                                                 </div>
 279                                                 <div class="clear"></div>
 280                                         </div>
 281                                 </div>
 282                         </div>
 283
 284                         {{* The relocate setting section *}}
 285                         <div class="panel">
 286                                 <div class="section-subtitle-wrapper" role="tab" id="relocate-settings">
 287                                         <h4>
 288                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="false" aria-controls="relocate-settings-collapse">
 289                                                         {{$relocate}}
 290                                                 </a>
 291                                         </h4>
 292                                 </div>
 293                                 <div id="relocate-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relocate-settings">
 294                                         <div class="section-content-tools-wrapper">
 295
 296                                                 <div id="settings-relocate-desc">{{$relocate_text}}</div>
 297
 298                                                 <br/>
 299                                                 <div class="form-group pull-right settings-submit-wrapper" >
 300                                                         <button type="submit" name="resend_relocate" class="btn btn-primary" value="{{$relocate_button|escape:'html'}}">{{$relocate_button|escape:'html'}}</button>
 301                                                 </div>
 302                                                 <div class="clear"></div>
 303                                         </div>
 304                                 </div>
 305                         </div>
 306                 </div>
 307         </form>
 308 </div>