Mirror/app-MAIL-temp
1
0
Fork 0
mirror of https://github.com/simple-login/app.git synced 2024-09-29 21:21:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

better filter app

Browse Source
This commit is contained in:
Son Nguyen Kim 2021-08-21 17:56:09 +02:00
parent d6e48ea2e4
commit ef6388887f
1 changed files with 105 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/dashboard/templates/dashboard/index.html
View File

@ -92,10 +92,11 @@
</div> </div>
<!-- END Global Stats --> <!-- END Global Stats -->
<!-- Controls: buttons & search -->
<div id="filter-app">
<div class="row mb-3"> <div class="row mb-3">
<div class="col d-flex">
<div class="col-lg-6 pt-1" style="max-width: 25em"> <div>
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<form method="post"> <form method="post">
<input type="hidden" name="form-name" value="create-custom-email"> <input type="hidden" name="form-name" value="create-custom-email">
@ -135,11 +136,19 @@
</div> </div>
</div> </div>
<div id="filter-app" class="col-lg-auto pt-1 flex-grow-1"> <div class="" style="margin-left: auto">
<div class="float-right d-flex"> <div class="btn-group">
<a v-if="!showFilter" @click="toggleFilter()" class="btn btn-outline-secondary">
<i class="fe fe-chevrons-down"></i> Filters
</a>
</div>
</div>
</div>
</div>
<div class="row mb-2" v-if="showFilter" id="filter-control">
<!-- Filter Control --> <!-- Filter Control -->
<div v-if="showFilter" id="filter-control"> <div class="col d-flex">
<form method="get" class="form-inline"> <form method="get" class="form-inline">
<select name="sort" <select name="sort"
onchange="this.form.submit()" onchange="this.form.submit()"
@ -190,26 +199,26 @@
style="max-width: 15em" style="max-width: 15em"
value="{{ query }}"> value="{{ query }}">
</form>
<div style="margin-left: auto">
{% if query or sort or filter %} {% if query or sort or filter %}
<a href="{{ url_for('dashboard.index') }}" <a href="{{ url_for('dashboard.index') }}"
class="btn btn-light">Reset</a> class="btn btn-outline-secondary">Reset</a>
{% endif %} {% endif %}
</form>
</div>
<div class="btn-group">
<a v-if="!showFilter" @click="toggleFilter()" class="btn btn-outline-secondary">
<i class="fe fe-chevrons-left"></i> Filters
</a>
<a v-if="showFilter" @click="toggleFilter()" class="btn btn-outline-secondary"> <a v-if="showFilter" @click="toggleFilter()" class="btn btn-outline-secondary">
<i class="fe fe-chevrons-right"></i> <i class="fe fe-chevrons-up"></i>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- END Controls: buttons & search -->
<!-- Alias list -->
<div class="row"> <div class="row">
{% for alias_info in alias_infos %} {% for alias_info in alias_infos %}
{% set alias = alias_info.alias %} {% set alias = alias_info.alias %}
@ -502,6 +511,7 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<!-- END Alias list -->
<!-- Only show pagination control if there are previous/next page --> <!-- Only show pagination control if there are previous/next page -->
{% if page > 0 or not last_page %} {% if page > 0 or not last_page %}