mirror of
https://github.com/OpenBankProject/API-Manager.git
synced 2026-02-06 13:06:45 +00:00
Improved responsiveness of filters in users
This commit is contained in:
parent
f94ebcc2af
commit
309e112549
@ -2,6 +2,10 @@
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#users #users-filters .col-xs-12 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#users-detail div {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
12
apimanager/users/templates/users/includes/filter_email.html
Normal file
12
apimanager/users/templates/users/includes/filter_email.html
Normal 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>
|
||||
14
apimanager/users/templates/users/includes/filter_role.html
Normal file
14
apimanager/users/templates/users/includes/filter_role.html
Normal 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 }}&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>
|
||||
@ -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">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user