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

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