Refactor user settings page
- Fix header hierarchy - [frio] Fix panel display - Move checkbox sub-template calls to template
This commit is contained in:
parent
193e0d9613
commit
5ce404f517
4 changed files with 289 additions and 381 deletions
|
|
@ -2,183 +2,173 @@
|
|||
|
||||
{{$nickname_block nofilter}}
|
||||
|
||||
<form action="settings" id="settings-form" method="post" autocomplete="off" enctype="multipart/form-data" >
|
||||
<input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
|
||||
<form action="settings" id="settings-form" method="post" autocomplete="off" enctype="multipart/form-data">
|
||||
<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
|
||||
|
||||
<h3 class="settings-heading"><a href="javascript:;">{{$h_pass}}</a></h3>
|
||||
<div class="settings-content-block">
|
||||
{{include file="field_password.tpl" field=$password1}}
|
||||
{{include file="field_password.tpl" field=$password2}}
|
||||
{{include file="field_password.tpl" field=$password3}}
|
||||
<h2 class="settings-heading"><a href="javascript:;">{{$h_pass}}</a></h2>
|
||||
<div class="settings-content-block">
|
||||
{{include file="field_password.tpl" field=$password1}}
|
||||
{{include file="field_password.tpl" field=$password2}}
|
||||
{{include file="field_password.tpl" field=$password3}}
|
||||
|
||||
{{if $oid_enable}}
|
||||
{{include file="field_input.tpl" field=$openid}}
|
||||
{{/if}}
|
||||
{{if $oid_enable}}
|
||||
{{include file="field_input.tpl" field=$openid}}
|
||||
{{/if}}
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="settings-heading"><a href="javascript:;">{{$h_basic}}</a></h3>
|
||||
<div class="settings-content-block">
|
||||
<h2 class="settings-heading"><a href="javascript:;">{{$h_basic}}</a></h2>
|
||||
<div class="settings-content-block">
|
||||
|
||||
{{include file="field_input.tpl" field=$username}}
|
||||
{{include file="field_input.tpl" field=$email}}
|
||||
{{include file="field_password.tpl" field=$password4}}
|
||||
{{include file="field_custom.tpl" field=$timezone}}
|
||||
{{include file="field_select.tpl" field=$language}}
|
||||
{{include file="field_input.tpl" field=$defloc}}
|
||||
{{include file="field_checkbox.tpl" field=$allowloc}}
|
||||
{{include file="field_input.tpl" field=$username}}
|
||||
{{include file="field_input.tpl" field=$email}}
|
||||
{{include file="field_password.tpl" field=$password4}}
|
||||
{{include file="field_custom.tpl" field=$timezone}}
|
||||
{{include file="field_select.tpl" field=$language}}
|
||||
{{include file="field_input.tpl" field=$defloc}}
|
||||
{{include file="field_checkbox.tpl" field=$allowloc}}
|
||||
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="settings-heading"><a href="javascript:;">{{$h_prv}}</a></h2>
|
||||
<div class="settings-content-block">
|
||||
|
||||
<h3 class="settings-heading"><a href="javascript:;">{{$h_prv}}</a></h3>
|
||||
<div class="settings-content-block">
|
||||
<input type="hidden" name="visibility" value="{{$visibility}}"/>
|
||||
|
||||
<input type="hidden" name="visibility" value="{{$visibility}}" />
|
||||
{{include file="field_input.tpl" field=$maxreq}}
|
||||
|
||||
{{include file="field_input.tpl" field=$maxreq}}
|
||||
{{$profile_in_dir nofilter}}
|
||||
|
||||
{{$profile_in_dir nofilter}}
|
||||
{{include file="field_checkbox.tpl" field=$profile_in_net_dir}}
|
||||
{{include file="field_checkbox.tpl" field=$hide_friends}}
|
||||
{{include file="field_checkbox.tpl" field=$hide_wall}}
|
||||
{{include file="field_checkbox.tpl" field=$unlisted}}
|
||||
{{include file="field_checkbox.tpl" field=$accessiblephotos}}
|
||||
{{include file="field_checkbox.tpl" field=$blockwall}}
|
||||
{{include file="field_checkbox.tpl" field=$blocktags}}
|
||||
{{include file="field_checkbox.tpl" field=$unkmail}}
|
||||
{{include file="field_input.tpl" field=$cntunkmail}}
|
||||
|
||||
{{$profile_in_net_dir nofilter}}
|
||||
{{$group_select nofilter}}
|
||||
|
||||
{{$hide_friends nofilter}}
|
||||
<h3>{{$permissions}}</h3>
|
||||
|
||||
{{$hide_wall nofilter}}
|
||||
{{$aclselect nofilter}}
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{$unlisted nofilter}}
|
||||
<h2 class="settings-heading"><a href="javascript:;">{{$expire.label}}</a></h2>
|
||||
<div class="settings-content-block">
|
||||
<div id="settings-expiry">
|
||||
{{include file="field_input.tpl" field=$expire.days}}
|
||||
{{include file="field_checkbox.tpl" field=$expire.items}}
|
||||
{{include file="field_checkbox.tpl" field=$expire.notes}}
|
||||
{{include file="field_checkbox.tpl" field=$expire.starred}}
|
||||
{{include file="field_checkbox.tpl" field=$expire.network_only}}
|
||||
|
||||
{{$accessiblephotos nofilter}}
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{$blockwall nofilter}}
|
||||
<h2 class="settings-heading"><a href="javascript:;">{{$h_not}}</a></h2>
|
||||
<div class="settings-content-block">
|
||||
<div id="settings-notifications">
|
||||
|
||||
{{$blocktags nofilter}}
|
||||
<div id="settings-notification-desc">{{$lbl_not}}</div>
|
||||
|
||||
{{$unkmail nofilter}}
|
||||
<div class="group">
|
||||
{{include file="field_intcheckbox.tpl" field=$notify1}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify2}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify3}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify4}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify5}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify6}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify7}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify8}}
|
||||
</div>
|
||||
|
||||
{{include file="field_input.tpl" field=$cntunkmail}}
|
||||
{{include file="field_checkbox.tpl" field=$email_textonly}}
|
||||
{{include file="field_checkbox.tpl" field=$detailed_notif}}
|
||||
|
||||
{{$group_select nofilter}}
|
||||
{{include file="field_checkbox.tpl" field=$desktop_notifications}}
|
||||
<script>
|
||||
(function () {
|
||||
let $notificationField = $("#div_id_{{$desktop_notifications.0}}");
|
||||
let $notificationCheckbox = $("#id_{{$desktop_notifications.0}}");
|
||||
|
||||
<h3>{{$permissions}}</h3>
|
||||
if (getNotificationPermission() === 'granted') {
|
||||
$notificationCheckbox.prop('checked', true);
|
||||
}
|
||||
if (getNotificationPermission() === null) {
|
||||
$notificationField.hide();
|
||||
}
|
||||
|
||||
{{$aclselect nofilter}}
|
||||
$notificationCheckbox.on('change', function (e) {
|
||||
if (Notification.permission === 'granted') {
|
||||
localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
|
||||
} else if (Notification.permission === 'denied') {
|
||||
localStorage.setItem('notification-permissions', 'denied');
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
|
||||
</div>
|
||||
</div>
|
||||
$notificationCheckbox.prop('checked', false);
|
||||
} else if (Notification.permission === 'default') {
|
||||
Notification.requestPermission(function (choice) {
|
||||
if (choice === 'granted') {
|
||||
localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
|
||||
} else {
|
||||
localStorage.setItem('notification-permissions', 'denied');
|
||||
$notificationCheckbox.prop('checked', false);
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
})();
|
||||
</script>
|
||||
|
||||
<h3 class="settings-heading"><a href="javascript:;">{{$expire.label}}</a></h3>
|
||||
<div class="settings-content-block">
|
||||
<div id="settings-expiry">
|
||||
{{include file="field_input.tpl" field=$expire.days}}
|
||||
{{include file="field_checkbox.tpl" field=$expire.items}}
|
||||
{{include file="field_checkbox.tpl" field=$expire.notes}}
|
||||
{{include file="field_checkbox.tpl" field=$expire.starred}}
|
||||
{{include file="field_checkbox.tpl" field=$expire.network_only}}
|
||||
</div>
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="settings-heading"><a href="javascript:;">{{$h_not}}</a></h3>
|
||||
<div class="settings-content-block">
|
||||
<div id="settings-notifications">
|
||||
<h2 class="settings-heading"><a href="javascript:;">{{$h_advn}}</a></h2>
|
||||
<div class="settings-content-block">
|
||||
<div id="settings-pagetype-desc">{{$h_descadvn}}</div>
|
||||
|
||||
<div id="settings-notification-desc">{{$lbl_not}}</div>
|
||||
{{$pagetype nofilter}}
|
||||
|
||||
<div class="group">
|
||||
{{include file="field_intcheckbox.tpl" field=$notify1}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify2}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify3}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify4}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify5}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify6}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify7}}
|
||||
{{include file="field_intcheckbox.tpl" field=$notify8}}
|
||||
</div>
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$email_textonly}}
|
||||
{{include file="field_checkbox.tpl" field=$detailed_notif}}
|
||||
<h2 class="settings-heading"><a href="javascript:;">{{$importcontact}}</a></h2>
|
||||
<div class="settings-content-block">
|
||||
<input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}"/>
|
||||
<div id="settings-pagetype-desc">{{$importcontact_text}}</div>
|
||||
<input type="file" name="importcontact-filename"/>
|
||||
|
||||
{{include file="field_checkbox.tpl" field=$desktop_notifications}}
|
||||
<script>
|
||||
(function(){
|
||||
let $notificationField = $("#div_id_{{$desktop_notifications.0}}");
|
||||
let $notificationCheckbox = $("#id_{{$desktop_notifications.0}}");
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" name="importcontact-submit" class="importcontact-submit" value="{{$importcontact_button}}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
if (getNotificationPermission() === 'granted') {
|
||||
$notificationCheckbox.prop('checked', true);
|
||||
}
|
||||
if (getNotificationPermission() === null) {
|
||||
$notificationField.hide();
|
||||
}
|
||||
<h2 class="settings-heading"><a href="javascript:;">{{$relocate}}</a></h2>
|
||||
<div class="settings-content-block">
|
||||
<div id="settings-pagetype-desc">{{$relocate_text}}</div>
|
||||
|
||||
$notificationCheckbox.on('change', function(e) {
|
||||
if (Notification.permission === 'granted') {
|
||||
localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
|
||||
} else if (Notification.permission === 'denied') {
|
||||
localStorage.setItem('notification-permissions', 'denied');
|
||||
|
||||
$notificationCheckbox.prop('checked', false);
|
||||
} else if (Notification.permission === 'default') {
|
||||
Notification.requestPermission(function(choice) {
|
||||
if (choice === 'granted') {
|
||||
localStorage.setItem('notification-permissions', $notificationCheckbox.prop('checked') ? 'granted' : 'denied');
|
||||
} else {
|
||||
localStorage.setItem('notification-permissions', 'denied');
|
||||
$notificationCheckbox.prop('checked', false);
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
})();
|
||||
</script>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="settings-heading"><a href="javascript:;">{{$h_advn}}</a></h3>
|
||||
<div class="settings-content-block">
|
||||
<div id="settings-pagetype-desc">{{$h_descadvn}}</div>
|
||||
|
||||
{{$pagetype nofilter}}
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="settings-heading"><a href="javascript:;">{{$importcontact}}</a></h3>
|
||||
<div class="settings-content-block">
|
||||
<input type="hidden" name="MAX_FILE_SIZE" value="{{$importcontact_maxsize}}" />
|
||||
<div id="settings-pagetype-desc">{{$importcontact_text}}</div>
|
||||
<input type="file" name="importcontact-filename" />
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="importcontact-submit" class="importcontact-submit" value="{{$importcontact_button}}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="settings-heading"><a href="javascript:;">{{$relocate}}</a></h3>
|
||||
<div class="settings-content-block">
|
||||
<div id="settings-pagetype-desc">{{$relocate_text}}</div>
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="resend_relocate" class="settings-submit" value="{{$relocate_button}}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-submit-wrapper">
|
||||
<input type="submit" name="resend_relocate" class="settings-submit" value="{{$relocate_button}}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue