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

   1 <div class="generic-page-wrapper">
   2         <h1>{{$ptitle}}</h1>
   3
   4         {{$nickname_block nofilter}}
   5
   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}}">
   8
   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 *}}
  12                         <div class="panel">
  13                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="password-settings">
  14                                         <h2>
  15                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#password-settings-collapse" aria-expanded="false" aria-controls="password-settings-collapse">
  16                                                         {{$h_pass}}
  17                                                 </a>
  18                                         </h2>
  19                                 </div>
  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}}
  25
  26                                         {{if $oid_enable}}
  27                                                 {{include file="field_input.tpl" field=$openid}}
  28                                                 {{include file="field_checkbox.tpl" field=$delete_openid}}
  29                                         {{/if}}
  30                                         </div>
  31                                         <div class="panel-footer">
  32                                                 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
  33                                         </div>
  34                                 </div>
  35                         </div>
  36
  37                         {{* The basic setting section *}}
  38                         <div class="panel">
  39                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="basic-settings">
  40                                         <h2>
  41                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#basic-settings-collapse" aria-expanded="false" aria-controls="basic-settings-collapse">
  42                                                         {{$h_basic}}
  43                                                 </a>
  44                                         </h2>
  45                                 </div>
  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}}
  55                                         </div>
  56                                         <div class="panel-footer">
  57                                                 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
  58                                         </div>
  59                                 </div>
  60                         </div>
  61
  62                         {{* The privacity setting section *}}
  63                         <div class="panel">
  64                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="privacy-settings">
  65                                         <h2>
  66                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#privacy-settings-collapse" aria-expanded="false" aria-controls="privacy-settings-collapse">
  67                                                         {{$h_prv}}
  68                                                 </a>
  69                                         </h2>
  70                                 </div>
  71                                 <div id="privacy-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="privacy-settings">
  72                                         <div class="panel-body">
  73
  74                                                 <input type="hidden" name="visibility" value="{{$visibility}}" />
  75
  76                                                 {{include file="field_input.tpl" field=$maxreq}}
  77
  78                                                 {{$profile_in_dir nofilter}}
  79
  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}}
  89
  90                                                 {{$group_select nofilter}}
  91
  92                                                 <h3>{{$permissions}}</h3>
  93
  94                                                 {{$aclselect nofilter}}
  95                                         </div>
  96                                         <div class="panel-footer">
  97                                                 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
  98                                         </div>
  99                                 </div>
 100                         </div>
 101
 102                         <div class="panel">
 103                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="expire-settings">
 104                                         <h2>
 105                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#expire-settings-collapse" aria-expanded="false" aria-controls="expire-settings-collapse">
 106                                                         {{$expire.label}}
 107                                                 </a>
 108                                         </h2>
 109                                 </div>
 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}}
 113
 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}}
 118                                         </div>
 119                                         <div class="panel-footer">
 120                                                 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 121                                         </div>
 122                                 </div>
 123                         </div>
 124
 125                         {{* The notification setting section *}}
 126                         <div class="panel">
 127                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="notification-settings">
 128                                         <h2>
 129                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#notification-settings-collapse" aria-expanded="false" aria-controls="notification-settings-collapse">
 130                                                         {{$h_not}}
 131                                                 </a>
 132                                         </h2>
 133                                 </div>
 134                                 <div id="notification-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="notification-settings">
 135                                         <div id="settings-notifications" class="panel-body">
 136
 137                                                 <div id="settings-notification-desc">{{$lbl_not}}</div>
 138
 139                                                 <div class="group">
 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}}
 148                                                 </div>
 149
 150                                                 {{include file="field_checkbox.tpl" field=$email_textonly}}
 151                                                 {{include file="field_checkbox.tpl" field=$detailed_notif}}
 152
 153                                                 {{* commented out because it was commented out in the original template
 154                                                 <div class="field">
 155                                                  <button type="button" onclick="javascript:Notification.requestPermission(function(perm){if(perm === 'granted')alert('{{$desktop_notifications_success_message}}');});">{{$desktop_notifications}}</button>
 156                                                  <span class="field_help">{{$desktop_notifications_note}}</span>
 157                                                 </div>
 158                                                 *}}
 159
 160                                                 {{include file="field_checkbox.tpl" field=$desktop_notifications}}
 161                                                 <script type="text/javascript">
 162                                                         (function(){
 163                                                                 let $notificationField = $("#div_id_{{$desktop_notifications.0}}");
 164                                                                 let $notificationCheckbox = $("#id_{{$desktop_notifications.0}}");
 165
 166                                                                 if (getNotificationPermission() === 'granted') {
 167                                                                         $notificationCheckbox.prop('checked', true);
 168                                                                 }
 169                                                                 if (getNotificationPermission() === null) {
 170                                                                         $notificationField.hide();
 171                                                                 }
 172
 173                                                                 $notificationCheckbox.on('change', function(e){
 174                                                                         if (Notification.permission === 'granted') {
 175                                                                                 localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
 176                                                                         } else if (Notification.permission === 'denied') {
 177                                                                                 localStorage.setItem('notification-permissions', 'denied');
 178
 179                                                                                 $notificationCheckbox.prop('checked', false);
 180                                                                         } else if (Notification.permission === 'default') {
 181                                                                                 Notification.requestPermission(function(choice) {
 182                                                                                         if (choice === 'granted') {
 183                                                                                                 localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
 184                                                                                         } else {
 185                                                                                                 localStorage.setItem('notification-permissions', 'denied');
 186                                                                                                 $notificationCheckbox.prop('checked', false);
 187                                                                                         }
 188                                                                                 });
 189                                                                         }
 190                                                                 })
 191                                                         })();
 192                                                 </script>
 193                                         </div>
 194                                         <div class="panel-footer">
 195                                                 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 196                                         </div>
 197                                 </div>
 198                         </div>
 199
 200                         {{* The additional account setting section *}}
 201                         <div class="panel">
 202                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="additional-account-settings">
 203                                         <h2>
 204                                                 <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">
 205                                                         {{$h_advn}}
 206                                                 </a>
 207                                         </h2>
 208                                 </div>
 209                                 <div id="additional-account-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="additional-account-settings">
 210                                         <div class="panel-body">
 211                                                 <div id="settings-pagetype-desc">{{$h_descadvn}}</div>
 212
 213                                                 {{$pagetype nofilter}}
 214                                         </div>
 215                                         <div class="panel-footer">
 216                                                 <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 217                                         </div>
 218                                 </div>
 219                         </div>
 220
 221                         {{* Import contacts CSV *}}
 222                         <div class="panel">
 223                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="importcontact-settings">
 224                                         <h2>
 225                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#importcontact-settings-collapse" aria-expanded="false" aria-controls="importcontact-settings-collapse">
 226                                                         {{$importcontact}}
 227                                                 </a>
 228                                         </h2>
 229                                 </div>
 230                                 <div id="importcontact-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="importcontact-settings">
 231                                         <div class="panel-body">
 232                                                 <div id="importcontact-relocate-desc">{{$importcontact_text}}</div>
 233                                                 <input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}" />
 234                                                 <input type="file" name="importcontact-filename" />
 235                                         </div>
 236                                         <div class="panel-footer">
 237                                                 <button type="submit" name="importcontact-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 238                                         </div>
 239                                 </div>
 240                         </div>
 241
 242                         {{* The relocate setting section *}}
 243                         <div class="panel">
 244                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="relocate-settings">
 245                                         <h2>
 246                                                 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="false" aria-controls="relocate-settings-collapse">
 247                                                         {{$relocate}}
 248                                                 </a>
 249                                         </h2>
 250                                 </div>
 251                                 <div id="relocate-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="relocate-settings">
 252                                         <div class="panel-body">
 253                                                 <div id="settings-relocate-desc">{{$relocate_text}}</div>
 254                                         </div>
 255                                         <div class="panel-footer">
 256                                                 <button type="submit" name="resend_relocate" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 257                                         </div>
 258                                 </div>
 259                         </div>
 260                 </div>
 261         </form>
 262 </div>