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                                                 {{$circle_select nofilter}}
  95
  96                                                 {{$circle_select_group nofilter}}
  97
  98                                                 {{if not $is_community}}
  99                                                 <h3>{{$permissions}}</h3>
 100
 101                                                 {{$aclselect nofilter}}
 102                                                 {{/if}}
 103                                         </div>
 104                                         <div class="panel-footer">
 105                                                 <button type="submit" name="privacy-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 106                                         </div>
 107                                 </div>
 108                         </form>
 109
 110                         <form action="settings/account/expire" method="post" autocomplete="off" class="panel">
 111                                 <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
 112                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="expire-settings">
 113                                         <h2>
 114                                                 <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">
 115                                                         {{$expire.label}}
 116                                                 </button>
 117                                         </h2>
 118                                 </div>
 119                                 <div id="expire-settings-collapse" class="panel-collapse collapse{{if $open == 'expire'}} in{{/if}}" role="tabpanel" aria-labelledby="expire-settings">
 120                                         <div class="panel-body">
 121                                                 {{include file="field_input.tpl" field=$expire.days}}
 122
 123                                                 {{include file="field_checkbox.tpl" field=$expire.items}}
 124                                                 {{include file="field_checkbox.tpl" field=$expire.notes}}
 125                                                 {{include file="field_checkbox.tpl" field=$expire.starred}}
 126                                                 {{include file="field_checkbox.tpl" field=$expire.network_only}}
 127                                         </div>
 128                                         <div class="panel-footer">
 129                                                 <button type="submit" name="expire-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 130                                         </div>
 131                                 </div>
 132                         </form>
 133
 134                         {{* The notification setting section *}}
 135                         <form action="settings/account/notification" method="post" autocomplete="off" class="panel">
 136                                 <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
 137                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="notification-settings">
 138                                         <h2>
 139                                                 <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">
 140                                                         {{$h_not}}
 141                                                 </button>
 142                                         </h2>
 143                                 </div>
 144                                 <div id="notification-settings-collapse" class="panel-collapse collapse{{if $open == 'notification'}} in{{/if}}" role="tabpanel" aria-labelledby="notification-settings">
 145                                         <div id="settings-notifications" class="panel-body">
 146
 147                                                 <div id="settings-notification-desc">{{$lbl_not}}</div>
 148
 149                                                 <div class="group">
 150                                                         {{include file="field_intcheckbox.tpl" field=$notify1}}
 151                                                         {{include file="field_intcheckbox.tpl" field=$notify2}}
 152                                                         {{include file="field_intcheckbox.tpl" field=$notify3}}
 153                                                         {{include file="field_intcheckbox.tpl" field=$notify4}}
 154                                                         {{include file="field_intcheckbox.tpl" field=$notify5}}
 155                                                         {{include file="field_intcheckbox.tpl" field=$notify6}}
 156                                                         {{include file="field_intcheckbox.tpl" field=$notify7}}
 157                                                 </div>
 158
 159                                                 <div id="settings-notify-desc">{{$lbl_notify}}</div>
 160
 161                                                 <div class="group">
 162                                                         {{include file="field_checkbox.tpl" field=$notify_tagged}}
 163                                                         {{include file="field_checkbox.tpl" field=$notify_direct_comment}}
 164                                                         {{include file="field_checkbox.tpl" field=$notify_like}}
 165                                                         {{include file="field_checkbox.tpl" field=$notify_announce}}
 166                                                         {{include file="field_checkbox.tpl" field=$notify_thread_comment}}
 167                                                         {{include file="field_checkbox.tpl" field=$notify_comment_participation}}
 168                                                         {{include file="field_checkbox.tpl" field=$notify_activity_participation}}
 169                                                 </div>
 170
 171                                                 {{include file="field_checkbox.tpl" field=$email_textonly}}
 172                                                 {{include file="field_checkbox.tpl" field=$detailed_notif}}
 173
 174                                                 {{include file="field_checkbox.tpl" field=$notify_ignored}}
 175
 176                                                 {{* commented out because it was commented out in the original template
 177                                                 <div class="field">
 178                                                  <button type="button" onclick="javascript:Notification.requestPermission(function(perm){if(perm === 'granted')alert('{{$desktop_notifications_success_message}}');});">{{$desktop_notifications}}</button>
 179                                                  <span class="field_help">{{$desktop_notifications_note}}</span>
 180                                                 </div>
 181                                                 *}}
 182
 183                                                 {{include file="field_checkbox.tpl" field=$desktop_notifications}}
 184                                                 <script type="text/javascript">
 185                                                         (function(){
 186                                                                 let $notificationField = $("#div_id_{{$desktop_notifications.0}}");
 187                                                                 let $notificationCheckbox = $("#id_{{$desktop_notifications.0}}");
 188
 189                                                                 if (getNotificationPermission() === 'granted') {
 190                                                                         $notificationCheckbox.prop('checked', true);
 191                                                                 }
 192                                                                 if (getNotificationPermission() === null) {
 193                                                                         $notificationField.hide();
 194                                                                 }
 195
 196                                                                 $notificationCheckbox.on('change', function(e){
 197                                                                         if (Notification.permission === 'granted') {
 198                                                                                 localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
 199                                                                         } else if (Notification.permission === 'denied') {
 200                                                                                 localStorage.setItem('notification-permissions', 'denied');
 201
 202                                                                                 $notificationCheckbox.prop('checked', false);
 203                                                                         } else if (Notification.permission === 'default') {
 204                                                                                 Notification.requestPermission(function(choice) {
 205                                                                                         if (choice === 'granted') {
 206                                                                                                 localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
 207                                                                                         } else {
 208                                                                                                 localStorage.setItem('notification-permissions', 'denied');
 209                                                                                                 $notificationCheckbox.prop('checked', false);
 210                                                                                         }
 211                                                                                 });
 212                                                                         }
 213                                                                 })
 214                                                         })();
 215                                                 </script>
 216                                         </div>
 217                                         <div class="panel-footer">
 218                                                 <button type="submit" name="notification-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 219                                         </div>
 220                                 </div>
 221                         </form>
 222
 223                         {{* The additional account setting section *}}
 224                         <form action="settings/account/advanced" method="post" autocomplete="off" class="panel">
 225                                 <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
 226                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="advanced-account-settings">
 227                                         <h2>
 228                                                 <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">
 229                                                         {{$h_advn}}
 230                                                 </button>
 231                                         </h2>
 232                                 </div>
 233                                 <div id="advanced-account-settings-collapse" class="panel-collapse collapse{{if $open == 'advanced'}} in{{/if}}" role="tabpanel" aria-labelledby="advanced-account-settings">
 234                                         <div class="panel-body">
 235                                                 <div id="settings-pagetype-desc">{{$h_descadvn}}</div>
 236
 237                                                 {{$pagetype nofilter}}
 238                                         </div>
 239                                         <div class="panel-footer">
 240                                                 <button type="submit" name="advanced-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 241                                         </div>
 242                                 </div>
 243                         </form>
 244
 245                         {{* Import contacts CSV *}}
 246                         <form action="settings/account/importcontact" method="post" autocomplete="off" class="panel" enctype="multipart/form-data">
 247                                 <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
 248                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="importcontact-settings">
 249                                         <h2>
 250                                                 <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">
 251                                                         {{$importcontact}}
 252                                                 </button>
 253                                         </h2>
 254                                 </div>
 255                                 <div id="importcontact-settings-collapse" class="panel-collapse collapse{{if $open == 'importcontact'}} in{{/if}}" role="tabpanel" aria-labelledby="importcontact-settings">
 256                                         <div class="panel-body">
 257                                                 <div id="importcontact-relocate-desc">{{$importcontact_text}}</div>
 258                                                 <input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}" />
 259                                                 <input type="file" name="importcontact-filename" />
 260                                         </div>
 261                                         <div class="panel-footer">
 262                                                 <button type="submit" name="importcontact-submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
 263                                         </div>
 264                                 </div>
 265                         </form>
 266
 267                         {{* The relocate setting section *}}
 268                         <form action="settings/account/relocate" method="post" autocomplete="off" class="panel">
 269                                 <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
 270                                 <div class="section-subtitle-wrapper panel-heading" role="tab" id="relocate-settings">
 271                                         <h2>
 272                                                 <button class="btn-link accordion-toggle" data-toggle="collapse" data-parent="#settings" href="#relocate-settings-collapse" aria-expanded="false" aria-controls="relocate-settings-collapse">
 273                                                         {{$relocate}}
 274                                                 </button>
 275                                         </h2>
 276                                 </div>
 277                                 <div id="relocate-settings-collapse" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="relocate-settings">
 278                                         <div class="panel-body">
 279                                                 <div id="settings-relocate-desc">{{$relocate_text}}</div>
 280                                         </div>
 281                                         <div class="panel-footer">
 282                                                 <button type="submit" name="relocate-submit" class="btn btn-primary" value="{{$relocate_button}}">{{$relocate_button}}</button>
 283                                         </div>
 284                                 </div>
 285                         </form>
 286                 </div>
 287         </div>
 288 </div>