Improved responsiveness of filters in users

This commit is contained in:
Sebastian Henschel 2017-06-07 13:30:54 +02:00
parent f94ebcc2af
commit 309e112549
4 changed files with 46 additions and 33 deletions

View File

@ -2,6 +2,10 @@
margin-top: 20px;
}
#users #users-filters .col-xs-12 {
padding-top: 10px;
}
#users-detail div {
margin: 5px 0;
}

View File

@ -0,0 +1,12 @@
<div id="filter-email" class="filter">
<div class="btn-group">
<form action="" method="get">
<input type="hidden" name="role_name" value="{{ active_role_name }}" />
<div class="input-group">
<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
<input type="text" class="form-control" size="30" name="email" placeholder="Enter email address ..." value="{% if not active_email_all %}{{ active_email }}{% endif %}" />
</div>
</form>
</div>
</div>

View File

@ -0,0 +1,14 @@
<div id="filter-role" class="filter">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{% if active_role_name_all %}All Roles{% else %}{{ active_role_name }}{% endif %} <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="?email={{ active_email }}&amp;role_name=All">All Roles</a></li>
<li role="separator" class="divider"></li>
{% for role_name in role_names %}
<li><a href="?email={{ active_email }}&amp;role_name={{ role_name }}">{{ role_name }}</a></li>
{% endfor %}
</ul>
</div>
</div>

View File

@ -7,39 +7,22 @@
<div id="users">
<h1>Users</h1>
<div class="row">
<div class="col-xs-3 col-sm-2 col-lg-1">
<div id="filter-role" class="filter">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{% if active_role_name_all %}All Roles{% else %}{{ active_role_name }}{% endif %} <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="?email={{ active_email }}&role_name=All">All Roles</a></li>
<li role="separator" class="divider"></li>
{% for role_name in role_names %}
<li><a href="?email={{ active_email }}&role_name={{ role_name }}">{{ role_name }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="col-xs-9 col-sm-10 col-lg-11">
<div id="filter-email" class="filter">
<div class="btn-group">
<form action="" method="get">
<input type="hidden" name="role_name" value="{{ active_role_name }}" />
<div class="input-group">
<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
<input type="text" class="form-control" size="30" name="email" placeholder="Enter email address ..." value="{% if not active_email_all %}{{ active_email }}{% endif %}" />
</div>
</form>
</div>
</div>
</div>
</div>
<div id="users-filters">
<div class="hidden-xs">
{% include "users/includes/filter_role.html" %}
{% include "users/includes/filter_email.html" %}
</div>
<div class="hidden-sm hidden-md hidden-lg">
<div class="row">
<div class="col-xs-12">
{% include "users/includes/filter_role.html" %}
</div>
<div class="col-xs-12">
{% include "users/includes/filter_email.html" %}
</div>
</div>
</div>
</div>
<h2>Statistics</h2>
<ul id="statistics">