sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-11-04 04:12:45 +00:00
Code Issues Projects Releases Wiki Activity

Settings ui polish

Browse Source
This commit is contained in:
Patrick Jentsch
2023-04-11 15:03:12 +02:00
parent 4ca2c0c873
commit 8e7d44ec57
3 changed files with 39 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
app/templates/users/settings/settings.html.j2
View File

@@ -20,21 +20,32 @@
<ul class="collapsible no-autoinit settings-collapsible">
<li>
<div class="collapsible-header" style="justify-content: space-between;">
<span>Profile Privacy</span>
<span>Privacy</span>
<i class="material-icons caret">keyboard_arrow_right</i>
</div>
<div class="collapsible-body">
<div class="row">
<div class="col s12 l3">
<div class="switch">
<label>
private
<input {% if user.is_public %}checked{% endif %} id="profile-is-public-switch" type="checkbox">
<span class="lever"></span>
public
</label>
</div>
<div style="overflow: auto;">
<p class="left"><i class="material-icons">public</i></p>
<p class="left" style="margin-left: 10px;">
Public status<br>
<span class="light">Choose whether your profile is visible to other users.</span>
</p>
<br class="hide-on-med-and-down">
<div class="switch right">
<label>
<input {% if user.is_public %}checked{% endif %} id="profile-is-public-switch" type="checkbox">
<span class="lever"></span>
</label>
</div>
</div>
<div style="overflow: auto;">
<p class="left"><i class="material-icons">badge</i></p>
<p class="left" style="margin-left: 10px;">
Public data<br>
<span class="light">Choose which data is visible on your profile.</span>
</p>
</div>
<div class="row" style="margin-left: 24px;">
<div class="col s12 l3">
<label>
<input {% if user.has_profile_privacy_setting('SHOW_EMAIL') %}checked{% endif %} class="profile-privacy-setting-checkbox" data-profile-privacy-setting-name="SHOW_EMAIL" {% if not user.is_public %}disabled{% endif %} type="checkbox">
@@ -58,7 +69,7 @@
</li>
<li>
<div class="collapsible-header" style="justify-content: space-between;">
<span>Profile information</span>
<span>Information</span>
<i class="material-icons caret">keyboard_arrow_right</i>
</div>
<div class="collapsible-body">