prettify some pages
This commit is contained in:
Son NK
parent
0bb311464c
commit
b750c6e011
|
|
@ -8,7 +8,7 @@
|
||||||
|
|
||||||
{% block default_content %}
|
{% block default_content %}
|
||||||
|
|
||||||
<div class="bg-white p-6" style="max-width: 60em; margin: auto">
|
<div class="bg-white p-6 mt-5" style="max-width: 55em; margin: auto">
|
||||||
<h1 class="h3 mb-5">New Email Alias</h1>
|
<h1 class="h3 mb-5">New Email Alias</h1>
|
||||||
|
|
||||||
{% if user_custom_domains|length == 0 and not DISABLE_ALIAS_SUFFIX %}
|
{% if user_custom_domains|length == 0 and not DISABLE_ALIAS_SUFFIX %}
|
||||||
|
|
|
||||||
|
|
@ -8,103 +8,104 @@
|
||||||
|
|
||||||
{% block default_content %}
|
{% block default_content %}
|
||||||
|
|
||||||
<div class="col-md-8 offset-md-2 pb-3">
|
<div class="row">
|
||||||
<h1 class="h3">{{ mailbox.email }}
|
<div class="col">
|
||||||
{% if mailbox.verified %}
|
<h1 class="h3">{{ mailbox.email }}
|
||||||
<span class="cursor" data-toggle="tooltip" data-original-title="Mailbox Verified">✅</span>
|
{% if mailbox.verified %}
|
||||||
{% else %}
|
<span class="cursor" data-toggle="tooltip" data-original-title="Mailbox Verified">✅</span>
|
||||||
<span class="cursor" data-toggle="tooltip" data-original-title="Mailbox Not Verified">
|
{% else %}
|
||||||
|
<span class="cursor" data-toggle="tooltip" data-original-title="Mailbox Not Verified">
|
||||||
🚫
|
🚫
|
||||||
</span>
|
</span>
|
||||||
|
{% endif %}
|
||||||
|
{% if mailbox.pgp_finger_print %}
|
||||||
|
<span class="cursor" data-toggle="tooltip" data-original-title="PGP Enabled">🗝</span>
|
||||||
|
{% endif %}
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
{% if not mailbox.verified %}
|
||||||
|
<div class="alert alert-info">
|
||||||
|
Mailbox not verified, please check your inbox/spam folder for the verification email.
|
||||||
|
<br>
|
||||||
|
To receive the verification email again, you can delete and re-add the mailbox.
|
||||||
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if mailbox.pgp_finger_print %}
|
|
||||||
<span class="cursor" data-toggle="tooltip" data-original-title="PGP Enabled">🗝</span>
|
|
||||||
{% endif %}
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
{% if not mailbox.verified %}
|
<!-- Change email -->
|
||||||
<div class="alert alert-info">
|
<div class="card">
|
||||||
Mailbox not verified, please check your inbox/spam folder for the verification email.
|
<form method="post" enctype="multipart/form-data">
|
||||||
<br>
|
<input type="hidden" name="form-name" value="update-email">
|
||||||
To receive the verification email again, you can delete and re-add the mailbox.
|
{{ change_email_form.csrf_token }}
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Change email -->
|
<div class="card-body">
|
||||||
<div class="card">
|
<div class="card-title">
|
||||||
<form method="post" enctype="multipart/form-data">
|
Change Mailbox Address
|
||||||
<input type="hidden" name="form-name" value="update-email">
|
</div>
|
||||||
{{ change_email_form.csrf_token }}
|
<div class="form-group">
|
||||||
|
<label class="form-label">Address</label>
|
||||||
|
|
||||||
<div class="card-body">
|
<!-- Not allow user to change mailbox if there's a pending change -->
|
||||||
<div class="card-title">
|
{{ change_email_form.email(class="form-control", value=mailbox.email, readonly=pending_email != None) }}
|
||||||
Change Mailbox Address
|
{{ render_field_errors(change_email_form.email) }}
|
||||||
|
|
||||||
|
{% if pending_email %}
|
||||||
|
<div class="mt-2">
|
||||||
|
<span class="text-danger">Pending change: {{ pending_email }}</span>
|
||||||
|
<a href="{{ url_for('dashboard.cancel_mailbox_change_route', mailbox_id=mailbox.id) }}"
|
||||||
|
class="btn btn-secondary btn-sm">
|
||||||
|
Cancel mailbox change
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-primary">Change</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
</form>
|
||||||
<label class="form-label">Address</label>
|
</div>
|
||||||
|
<!-- END Change email -->
|
||||||
|
|
||||||
<!-- Not allow user to change mailbox if there's a pending change -->
|
|
||||||
{{ change_email_form.email(class="form-control", value=mailbox.email, readonly=pending_email != None) }}
|
|
||||||
{{ render_field_errors(change_email_form.email) }}
|
|
||||||
|
|
||||||
{% if pending_email %}
|
<div class="card">
|
||||||
<div class="mt-2">
|
<form method="post">
|
||||||
<span class="text-danger">Pending change: {{ pending_email }}</span>
|
<input type="hidden" name="form-name" value="pgp">
|
||||||
<a href="{{ url_for('dashboard.cancel_mailbox_change_route', mailbox_id=mailbox.id) }}"
|
|
||||||
class="btn btn-secondary btn-sm">
|
<div class="card-body">
|
||||||
Cancel mailbox change
|
<div class="card-title">
|
||||||
</a>
|
Pretty Good Privacy (PGP)
|
||||||
|
<div class="small-text">
|
||||||
|
By importing your PGP Public Key into SimpleLogin, all emails sent to {{ mailbox.email }} are
|
||||||
|
<b>encrypted</b> with your key.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if not current_user.is_premium() %}
|
||||||
|
<div class="alert alert-danger" role="alert">
|
||||||
|
This feature is only available in premium plan.
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
|
||||||
<button class="btn btn-primary">Change</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<!-- END Change email -->
|
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label">PGP Public Key</label>
|
||||||
|
|
||||||
<div class="card">
|
<textarea name="pgp"
|
||||||
<form method="post">
|
{% if not current_user.is_premium() %} disabled {% endif %}
|
||||||
<input type="hidden" name="form-name" value="pgp">
|
class="form-control" rows=10
|
||||||
|
placeholder="-----BEGIN PGP PUBLIC KEY BLOCK-----">{{ mailbox.pgp_public_key or "" }}</textarea>
|
||||||
<div class="card-body">
|
|
||||||
<div class="card-title">
|
|
||||||
Pretty Good Privacy (PGP)
|
|
||||||
<div class="small-text">
|
|
||||||
By importing your PGP Public Key into SimpleLogin, all emails sent to {{ mailbox.email }} are
|
|
||||||
<b>encrypted</b> with your key.
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if not current_user.is_premium() %}
|
<button class="btn btn-primary" name="action"
|
||||||
<div class="alert alert-danger" role="alert">
|
|
||||||
This feature is only available in premium plan.
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">PGP Public Key</label>
|
|
||||||
|
|
||||||
<textarea name="pgp"
|
|
||||||
{% if not current_user.is_premium() %} disabled {% endif %}
|
{% if not current_user.is_premium() %} disabled {% endif %}
|
||||||
class="form-control" rows=10
|
value="save">Save
|
||||||
placeholder="-----BEGIN PGP PUBLIC KEY BLOCK-----">{{ mailbox.pgp_public_key or "" }}</textarea>
|
</button>
|
||||||
|
{% if mailbox.pgp_finger_print %}
|
||||||
|
<button class="btn btn-danger float-right" name="action" value="remove">Remove</button>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
<button class="btn btn-primary" name="action"
|
</div>
|
||||||
{% if not current_user.is_premium() %} disabled {% endif %}
|
|
||||||
value="save">Save
|
|
||||||
</button>
|
|
||||||
{% if mailbox.pgp_finger_print %}
|
|
||||||
<button class="btn btn-danger float-right" name="action" value="remove">Remove</button>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -46,7 +46,7 @@
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<button class="btn btn-primary">Change Email</button>
|
<button class="btn btn-outline-primary">Change Email</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -79,7 +79,7 @@
|
||||||
<img src="{{ current_user.profile_picture_url() }}" class="profile-picture">
|
<img src="{{ current_user.profile_picture_url() }}" class="profile-picture">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<button class="btn btn-primary">Update</button>
|
<button class="btn btn-outline-primary">Update</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue