better UI for alias list page

This commit is contained in:
Son NK 2019-12-06 10:36:17 +01:00
parent ca05cd359a
commit 48ff20906e
1 changed files with 30 additions and 15 deletions

View File

@ -2,6 +2,15 @@
{% set active_page = "dashboard" %} {% set active_page = "dashboard" %}
{% block head %}
<style>
.alias-activity {
font-weight: 600;
font-size: 14px;
}
</style>
{% endblock %}
{% block title %} {% block title %}
Alias Alias
{% endblock %} {% endblock %}
@ -45,15 +54,21 @@
{% endif %} {% endif %}
> >
<div class="card p-3 {% if alias_info.highlight %} highlight-row {% endif %}"> <div class="card p-3 {% if alias_info.highlight %} highlight-row {% endif %}">
<div>
<div class="mb-0"> <span class="clipboard mb-0"
<a href="mailto: {{ gen_email.email }}">{{ gen_email.email }}</a> {% if gen_email.enabled %}
{% if gen_email.enabled %} data-toggle="tooltip"
<span class="clipboard btn btn-sm btn-success copt-btn" title="Copy to clipboard"
data-clipboard-text="{{ gen_email.email }}"> data-clipboard-text="{{ gen_email.email }}"
Copy {% endif %}
</span> >
{% endif %} <span class="font-weight-bold">{{ gen_email.email }}</span>
{% if gen_email.enabled %}
<span class="btn btn-sm btn-success copy-btn">
Copy
</span>
{% endif %}
</span>
</div> </div>
<p class="small-text"> <p class="small-text">
@ -66,10 +81,10 @@
{% endif %} {% endif %}
</p> </p>
<div class="text-info"> <div class="" style="font-size: 12px">
{{ alias_info.nb_forward }} forwards, <span class="alias-activity">{{ alias_info.nb_forward }}</span> forwards,
{{ alias_info.nb_blocked }} blocks, <span class="alias-activity">{{ alias_info.nb_blocked }}</span> blocks,
{{ alias_info.nb_reply }} replies <span class="alias-activity">{{ alias_info.nb_reply }}</span> replies
<a href="{{ url_for('dashboard.alias_log', alias=gen_email.email) }}" <a href="{{ url_for('dashboard.alias_log', alias=gen_email.email) }}"
class="btn btn-secondary btn-sm"> class="btn btn-secondary btn-sm">
Activity &nbsp; &nbsp; <i class="dropdown-icon fe fe-activity"></i> Activity &nbsp; &nbsp; <i class="dropdown-icon fe fe-activity"></i>
@ -229,8 +244,8 @@
$(".delete-email").on("click", function (e) { $(".delete-email").on("click", function (e) {
notie.confirm({ notie.confirm({
text: "Once an email alias is deleted, people/apps " + text: "Once an alias is deleted, people/apps " +
"who used to contact you via this email cannot reach you any more," + "who used to contact you via this email address cannot reach you any more," +
" please confirm", " please confirm",
cancelCallback: () => { cancelCallback: () => {
// nothing to do // nothing to do