beenull/simple-login
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

format alias-log

Browse source
This commit is contained in:
Son NK 2020-02-15 21:37:24 +07:00
parent 0ced6bbb4f
commit fd5e162d9b
1 changed files with 82 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

163
app/dashboard/templates/dashboard/alias_log.html
View file

@ -3,64 +3,64 @@
{% set active_page = "dashboard" %} {% set active_page = "dashboard" %}
{% block head %} {% block head %}
<style> <style>
{# https://bootsnipp.com/snippets/rljEW#} {# https://bootsnipp.com/snippets/rljEW#}
.card-counter{ .card-counter {
box-shadow: 2px 2px 10px #DADADA; box-shadow: 2px 2px 10px #DADADA;
margin: 5px; margin: 5px;
padding: 20px 10px; padding: 20px 10px;
background-color: #fff; background-color: #fff;
height: 100px; height: 100px;
border-radius: 5px; border-radius: 5px;
transition: .3s linear all; transition: .3s linear all;
} }
.card-counter:hover{ .card-counter:hover {
box-shadow: 4px 4px 20px #DADADA; box-shadow: 4px 4px 20px #DADADA;
transition: .3s linear all; transition: .3s linear all;
} }
.card-counter.primary{ .card-counter.primary {
background-color: #007bff; background-color: #007bff;
color: #FFF; color: #FFF;
} }
.card-counter.danger{ .card-counter.danger {
background-color: #ef5350; background-color: #ef5350;
color: #FFF; color: #FFF;
} }
.card-counter.success{ .card-counter.success {
background-color: #66bb6a; background-color: #66bb6a;
color: #FFF; color: #FFF;
} }
.card-counter.info{ .card-counter.info {
background-color: #26c6da; background-color: #26c6da;
color: #FFF; color: #FFF;
} }
.card-counter i{ .card-counter i {
font-size: 5em; font-size: 5em;
opacity: 0.2; opacity: 0.2;
} }
.card-counter .count-numbers{ .card-counter .count-numbers {
position: absolute; position: absolute;
right: 35px; right: 35px;
top: 20px; top: 20px;
font-size: 32px; font-size: 32px;
display: block; display: block;
} }
.card-counter .count-name{ .card-counter .count-name {
position: absolute; position: absolute;
right: 35px; right: 35px;
top: 65px; top: 65px;
text-transform: capitalize; text-transform: capitalize;
opacity: 0.5; opacity: 0.5;
display: block; display: block;
font-size: 18px; font-size: 18px;
} }
</style> </style>
{% endblock %} {% endblock %}
{% block title %} {% block title %}
@ -73,37 +73,37 @@
{{ alias }} {{ alias }}
</h3> </h3>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6"> <div class="col-md-3 col-sm-6">
<div class="card-counter primary"> <div class="card-counter primary">
<i class="fa fa-at"></i> <i class="fa fa-at"></i>
<span class="count-numbers">{{ total }}</span> <span class="count-numbers">{{ total }}</span>
<span class="count-name">Email Handled</span> <span class="count-name">Email Handled</span>
</div> </div>
</div>
<div class="col-md-3 col-sm-6">
<div class="card-counter primary">
<i class="fa fa-paper-plane"></i>
<span class="count-numbers">{{ email_forwarded }}</span>
<span class="count-name">Email Forwarded</span>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="card-counter primary">
<i class="fa fa-reply"></i>
<span class="count-numbers">{{ email_replied }}</span>
<span class="count-name">Email Replied</span>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="card-counter danger">
<i class="fa fa-ban"></i>
<span class="count-numbers">{{ email_blocked }}</span>
<span class="count-name">Email Blocked</span>
</div>
</div>
</div> </div>
<h2 class="pt-4">Activities</h2> <div class="col-md-3 col-sm-6">
<div class="card-counter primary">
<i class="fa fa-paper-plane"></i>
<span class="count-numbers">{{ email_forwarded }}</span>
<span class="count-name">Email Forwarded</span>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="card-counter primary">
<i class="fa fa-reply"></i>
<span class="count-numbers">{{ email_replied }}</span>
<span class="count-name">Email Replied</span>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="card-counter danger">
<i class="fa fa-ban"></i>
<span class="count-numbers">{{ email_blocked }}</span>
<span class="count-name">Email Blocked</span>
</div>
</div>
</div>
<h2 class="pt-4">Activities</h2>
<div class="row"> <div class="row">
{% for log in logs %} {% for log in logs %}
<div class="col-12"> <div class="col-12">
@ -134,7 +134,8 @@
<nav aria-label="Alias log navigation"> <nav aria-label="Alias log navigation">
<ul class="pagination"> <ul class="pagination">
<li class="page-item {% if page_id == 0 %}disabled{% endif %}"> <li class="page-item {% if page_id == 0 %}disabled{% endif %}">
<a class="page-link" href="{{ url_for('dashboard.alias_log', alias_id=alias_id, page_id=page_id-1) }}">Previous</a> <a class="page-link"
href="{{ url_for('dashboard.alias_log', alias_id=alias_id, page_id=page_id-1) }}">Previous</a>
</li> </li>
<li class="page-item {% if last_page %}disabled{% endif %}"> <li class="page-item {% if last_page %}disabled{% endif %}">
<a class="page-link" href="{{ url_for('dashboard.alias_log', alias_id=alias_id, page_id=page_id+1) }}">Next</a> <a class="page-link" href="{{ url_for('dashboard.alias_log', alias_id=alias_id, page_id=page_id+1) }}">Next</a>