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 nofilter}}
   6
   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}}'>
   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                                                 {{include file="field_checkbox.tpl" field=$delete_openid}}
  30                                                 {{/if}}
  31
  32                                                 <div class="form-group pull-right settings-submit-wrapper" >
  33                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
  34                                                 </div>
  35                                                 <div class="clear"></div>
  36                                         </div>
  37                                 </div>
  38                         </div>
  39
  40                         {{* The basic setting section *}}
  41                         <div class="panel">
  42                                 <div class="section-subtitle-wrapper" role="tab" id="basic-settings">
  43                                         <h4>
  44                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#basic-settings-collapse" aria-expanded="false" aria-controls="basic-settings-collapse">
  45                                                         {{$h_basic}}
  46                                                 </a>
  47                                         </h4>
  48                                 </div>
  49                                 <div id="basic-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="basic-settings">
  50                                         <div class="section-content-tools-wrapper">
  51
  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}}
  59
  60                                                 <div class="form-group pull-right settings-submit-wrapper" >
  61                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
  62                                                 </div>
  63                                                 <div class="clear"></div>
  64                                         </div>
  65                                 </div>
  66                         </div>
  67
  68                         {{* The privacity setting section *}}
  69                         <div class="panel">
  70                                 <div class="section-subtitle-wrapper" role="tab" id="privacy-settings">
  71                                         <h4>
  72                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#privacy-settings-collapse" aria-expanded="false" aria-controls="privacy-settings-collapse">
  73                                                         {{$h_prv}}
  74                                                 </a>
  75                                         </h4>
  76                                 </div>
  77                                 <div id="privacy-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="privacy-settings">
  78                                         <div class="section-content-tools-wrapper">
  79
  80                                                 <input type="hidden" name="visibility" value="{{$visibility}}" />
  81
  82                                                 {{include file="field_input.tpl" field=$maxreq}}
  83
  84                                                 {{$profile_in_dir nofilter}}
  85
  86                                                 {{$profile_in_net_dir nofilter}}
  87
  88                                                 {{$hide_friends nofilter}}
  89
  90                                                 {{$hide_wall nofilter}}
  91
  92                                                 {{$unlisted nofilter}}
  93
  94                                                 {{$accessiblephotos nofilter}}
  95
  96                                                 {{$blockwall nofilter}}
  97
  98                                                 {{$blocktags nofilter}}
  99
 100                                                 {{$unkmail nofilter}}
 101
 102                                                 {{include file="field_input.tpl" field=$cntunkmail}}
 103
 104                                                 {{$group_select nofilter}}
 105
 106                                                 <h4>{{$permissions}}</h4>
 107
 108                                                 {{$aclselect nofilter}}
 109
 110                                                 <div class="form-group pull-right settings-submit-wrapper" >
 111                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 112                                                 </div>
 113                                                 <div class="clear"></div>
 114
 115                                         </div>
 116                                 </div>
 117                         </div>
 118
 119                         <div class="panel">
 120                                 <div class="section-subtitle-wrapper" role="tab" id="expire-settings">
 121                                         <h4>
 122                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#expire-settings-collapse" aria-expanded="false" aria-controls="expire-settings-collapse">
 123                                                         {{$expire.label}}
 124                                                 </a>
 125                                         </h4>
 126                                 </div>
 127                                 <div id="expire-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="expire-settings">
 128                                         <div class="section-content-tools-wrapper">
 129
 130                                                 {{include file="field_input.tpl" field=$expire.days}}
 131
 132                                                 {{include file="field_checkbox.tpl" field=$expire.items}}
 133                                                 {{include file="field_checkbox.tpl" field=$expire.notes}}
 134                                                 {{include file="field_checkbox.tpl" field=$expire.starred}}
 135                                                 {{include file="field_checkbox.tpl" field=$expire.network_only}}
 136
 137                                                 <div class="form-group pull-right settings-submit-wrapper" >
 138                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 139                                                 </div>
 140                                                 <div class="clear"></div>
 141                                         </div>
 142                                 </div>
 143                         </div>
 144
 145                         {{* The notification setting section *}}
 146                         <div class="panel">
 147                                 <div class="section-subtitle-wrapper" role="tab" id="notification-settings">
 148                                         <h4>
 149                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#notification-settings-collapse" aria-expanded="false" aria-controls="notification-settings-collapse">
 150                                                         {{$h_not}}
 151                                                 </a>
 152                                         </h4>
 153                                 </div>
 154                                 <div id="notification-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="notification-settings">
 155                                         <div class="section-content-tools-wrapper">
 156                                                 <div id="settings-notifications">
 157
 158                                                         <div id="settings-notification-desc"><h4>{{$lbl_not}}</h4></div>
 159
 160                                                         <div class="group">
 161                                                                 {{include file="field_intcheckbox.tpl" field=$notify1}}
 162                                                                 {{include file="field_intcheckbox.tpl" field=$notify2}}
 163                                                                 {{include file="field_intcheckbox.tpl" field=$notify3}}
 164                                                                 {{include file="field_intcheckbox.tpl" field=$notify4}}
 165                                                                 {{include file="field_intcheckbox.tpl" field=$notify5}}
 166                                                                 {{include file="field_intcheckbox.tpl" field=$notify6}}
 167                                                                 {{include file="field_intcheckbox.tpl" field=$notify7}}
 168                                                                 {{include file="field_intcheckbox.tpl" field=$notify8}}
 169                                                         </div>
 170
 171                                                         {{include file="field_checkbox.tpl" field=$email_textonly}}
 172                                                         {{include file="field_checkbox.tpl" field=$detailed_notif}}
 173
 174                                                         {{* commented out because it was commented out in the original template
 175                                                         <div class="field">
 176                                                          <button type="button" onclick="javascript:Notification.requestPermission(function(perm){if(perm === 'granted')alert('{{$desktop_notifications_success_message}}');});">{{$desktop_notifications}}</button>
 177                                                          <span class="field_help">{{$desktop_notifications_note}}</span>
 178                                                         </div>
 179                                                         *}}
 180
 181                                                         {{include file="field_checkbox.tpl" field=$desktop_notifications}}
 182                                                         <script type="text/javascript">
 183                                                                 (function(){
 184                                                                         let $notificationField = $("#div_id_{{$desktop_notifications.0}}");
 185                                                                         let $notificationCheckbox = $("#id_{{$desktop_notifications.0}}");
 186
 187                                                                         if (getNotificationPermission() === 'granted') {
 188                                                                                 $notificationCheckbox.prop('checked', true);
 189                                                                         }
 190                                                                         if (getNotificationPermission() === null) {
 191                                                                                 $notificationField.hide();
 192                                                                         }
 193
 194                                                                         $notificationCheckbox.on('change', function(e){
 195                                                                                 if (Notification.permission === 'granted') {
 196                                                                                         localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
 197                                                                                 } else if (Notification.permission === 'denied') {
 198                                                                                         localStorage.setItem('notification-permissions', 'denied');
 199
 200                                                                                         $notificationCheckbox.prop('checked', false);
 201                                                                                 } else if (Notification.permission === 'default') {
 202                                                                                         Notification.requestPermission(function(choice) {
 203                                                                                                 if (choice === 'granted') {
 204                                                                                                         localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
 205                                                                                                 } else {
 206                                                                                                         localStorage.setItem('notification-permissions', 'denied');
 207                                                                                                         $notificationCheckbox.prop('checked', false);
 208                                                                                                 }
 209                                                                                         });
 210                                                                                 }
 211                                                                         })
 212                                                                 })();
 213                                                         </script>
 214                                                 </div>
 215
 216                                                 <div class="form-group pull-right settings-submit-wrapper" >
 217                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 218                                                 </div>
 219                                                 <div class="clear"></div>
 220                                         </div>
 221                                 </div>
 222                         </div>
 223
 224                         {{* The additional account setting section *}}
 225                         <div class="panel">
 226                                 <div class="section-subtitle-wrapper" role="tab" id="additional-account-settings">
 227                                         <h4>
 228                                                 <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">
 229                                                         {{$h_advn}}
 230                                                 </a>
 231                                         </h4>
 232                                 </div>
 233                                 <div id="additional-account-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="additional-account-settings">
 234                                         <div class="section-content-tools-wrapper">
 235
 236                                                 <div id="settings-pagetype-desc">{{$h_descadvn}}</div>
 237
 238                                                 {{$pagetype nofilter}}
 239
 240                                                 <div class="form-group pull-right settings-submit-wrapper" >
 241                                                         <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 242                                                 </div>
 243                                                 <div class="clear"></div>
 244                                         </div>
 245                                 </div>
 246                         </div>
 247
 248                         {{* Import contacts CSV *}}
 249                         <div class="panel">
 250                                 <div class="section-subtitle-wrapper" role="tab" id="importcontact-settings">
 251                                         <h4>
 252                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#importcontact-settings-collapse" aria-expanded="false" aria-controls="importcontact-settings-collapse">
 253                                                         {{$importcontact}}
 254                                                 </a>
 255                                         </h4>
 256                                 </div>
 257                                 <div id="importcontact-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="importcontact-settings">
 258                                         <div class="section-content-tools-wrapper">
 259
 260                                                 <div id="importcontact-relocate-desc">{{$importcontact_text}}</div>
 261                                                 <input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}" />
 262                                                 <input type="file" name="importcontact-filename" />
 263
 264                                                 <br/>
 265                                                 <div class="form-group pull-right settings-submit-wrapper" >
 266                                                         <button type="submit" name="importcontact-submit" class="btn btn-primary" value="{{$importcontact_button}}">{{$importcontact_button}}</button>
 267                                                 </div>
 268                                                 <div class="clear"></div>
 269                                         </div>
 270                                 </div>
 271                         </div>
 272
 273                         {{* The relocate setting section *}}
 274                         <div class="panel">
 275                                 <div class="section-subtitle-wrapper" role="tab" id="relocate-settings">
 276                                         <h4>
 277                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="false" aria-controls="relocate-settings-collapse">
 278                                                         {{$relocate}}
 279                                                 </a>
 280                                         </h4>
 281                                 </div>
 282                                 <div id="relocate-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relocate-settings">
 283                                         <div class="section-content-tools-wrapper">
 284
 285                                                 <div id="settings-relocate-desc">{{$relocate_text}}</div>
 286
 287                                                 <br/>
 288                                                 <div class="form-group pull-right settings-submit-wrapper" >
 289                                                         <button type="submit" name="resend_relocate" class="btn btn-primary" value="{{$relocate_button}}">{{$relocate_button}}</button>
 290                                                 </div>
 291                                                 <div class="clear"></div>
 292                                         </div>
 293                                 </div>
 294                         </div>
 295                 </div>
 296         </form>
 297 </div>