Extended markup for filters in consumers and users apps

This commit is contained in:
Sebastian Henschel 2016-11-27 08:44:17 +01:00
parent 50c712619f
commit 722335191e
3 changed files with 39 additions and 26 deletions

View File

@ -104,3 +104,7 @@ footer a:hover, .footer a:focus {
.home .text-center {
margin-top: 80px;
}
div.filter {
display: inline;
}

View File

@ -7,25 +7,31 @@
<div id="consumers">
<h1>Consumers</h1>
<div class="btn-group hidden-xs filter-time" role="group" aria-label="filter-time">
{% include "consumers/includes/filter_time.html" %}
</div>
<div class="btn-group-vertical visible-xs filter-time" role="group" aria-label="filter-time">
{% include "consumers/includes/filter_time.html" %}
<div id="filter-time" class="filter">
<div class="btn-group hidden-xs filter-time" role="group" aria-label="filter-time">
{% include "consumers/includes/filter_time.html" %}
</div>
<div class="btn-group-vertical visible-xs filter-time" role="group" aria-label="filter-time">
{% include "consumers/includes/filter_time.html" %}
</div>
</div>
<div class="btn-group hidden-sm hidden-xs pull-right filter-enabled" role="group" aria-label="filter-enabled">
{% include "consumers/includes/filter_enabled.html" %}
</div>
<div class="btn-group-vertical visible-sm visible-xs filter-enabled" role="group" aria-label="filter-enabled">
{% include "consumers/includes/filter_enabled.html" %}
<div id="filter-enabled" class="filter">
<div class="btn-group hidden-sm hidden-xs pull-right filter-enabled" role="group" aria-label="filter-enabled">
{% include "consumers/includes/filter_enabled.html" %}
</div>
<div class="btn-group-vertical visible-sm visible-xs filter-enabled" role="group" aria-label="filter-enabled">
{% include "consumers/includes/filter_enabled.html" %}
</div>
</div>
<div class="btn-group hidden-sm hidden-xs pull-right filter-apptype" role="group" aria-label="filter-apptype">
{% include "consumers/includes/filter_apptype.html" %}
</div>
<div class="btn-group-vertical visible-sm visible-xs filter-apptype" role="group" aria-label="filter-apptype">
{% include "consumers/includes/filter_apptype.html" %}
<div id="filter-apptype" class="filter">
<div class="btn-group hidden-sm hidden-xs pull-right filter-apptype" role="group" aria-label="filter-apptype">
{% include "consumers/includes/filter_apptype.html" %}
</div>
<div class="btn-group-vertical visible-sm visible-xs filter-apptype" role="group" aria-label="filter-apptype">
{% include "consumers/includes/filter_apptype.html" %}
</div>
</div>
<h2>Statistics</h2>

View File

@ -7,17 +7,20 @@
<div id="users">
<h1>Users</h1>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" id="filter-entitlement" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ active_role_name }} <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="">All</a></li>
<li role="separator" class="divider"></li>
{% for role_name in role_names %}
<li><a href="?role_name={{ role_name }}">{{ role_name }}</a></li>
{% endfor %}
</ul>
<div id="filter-role" class="filter">
Role:
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ active_role_name }} <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="">All</a></li>
<li role="separator" class="divider"></li>
{% for role_name in role_names %}
<li><a href="?role_name={{ role_name }}">{{ role_name }}</a></li>
{% endfor %}
</ul>
</div>
</div>
<h2>Statistics</h2>