Consistent styling for filter forms

This commit is contained in:
Raphael Michel
2021-07-19 13:40:44 +02:00
parent a4a2500725
commit 1ed1cd33e8
15 changed files with 348 additions and 290 deletions

View File

@@ -1008,7 +1008,7 @@ class GiftCardFilterForm(FilterForm):
required=False required=False
) )
state = forms.ChoiceField( state = forms.ChoiceField(
label=_('Empty'), label=_('Status'),
choices=( choices=(
('', _('All')), ('', _('All')),
('empty', _('Empty')), ('empty', _('Empty')),

View File

@@ -4,40 +4,45 @@
{% block title %}{% trans "Check-in history" %}{% endblock %} {% block title %}{% trans "Check-in history" %}{% endblock %}
{% block inside %} {% block inside %}
<h1>{% trans "Check-in history" %}</h1> <h1>{% trans "Check-in history" %}</h1>
<form class="" action="" method="get"> <div class="panel panel-default">
<div class="row filter-form"> <div class="panel-heading">
<div class="col-md-3 col-sm-6 col-xs-12"> <h3 class="panel-title">{% trans "Filter" %}</h3>
{% bootstrap_field filter_form.checkin_list layout='inline' %} </div>
<form class="panel-body filter-form" action="" method="get">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.checkin_list %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.status %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.type %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.device %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.datetime_from %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.datetime_until %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.gate %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.itemvar %}
</div>
</div> </div>
<div class="col-md-3 col-sm-6 col-xs-12"> <div class="text-right">
{% bootstrap_field filter_form.status layout='inline' %} <button class="btn btn-primary btn-lg" type="submit">
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.type layout='inline' %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.device layout='inline' %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.datetime_from layout='inline' %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.datetime_until layout='inline' %}
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.gate layout='inline' %}
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.itemvar layout='inline' %}
</div>
<div class="col-md-2 col-xs-6">
<button class="btn btn-block btn-primary" type="submit">
<span class="fa fa-filter"></span> <span class="fa fa-filter"></span>
<span class="hidden-md">{% trans "Filter" %}</span> {% trans "Filter" %}
</button> </button>
</div> </div>
</div> </form>
</form> </div>
{% if checkins|length == 0 %} {% if checkins|length == 0 %}
<div class="empty-collection"> <div class="empty-collection">
<p> <p>

View File

@@ -27,25 +27,30 @@
{% trans "CSV" %} {% trans "CSV" %}
</a> </a>
</h1> </h1>
<form class="row filter-form" action="" method="get"> <div class="panel panel-default">
<div class="col-md-4 col-sm-6 col-xs-12"> <div class="panel-heading">
{% bootstrap_field filter_form.user layout='inline' %} <h3 class="panel-title">{% trans "Filter" %}</h3>
</div> </div>
<div class="col-md-3 col-sm-6 col-xs-12"> <form class="panel-body filter-form" action="" method="get">
{% bootstrap_field filter_form.status layout='inline' %} <div class="row">
</div> <div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.user %}
{% bootstrap_field filter_form.item layout='inline' %} </div>
</div> <div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-2 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.status %}
<button class="btn btn-primary btn-block" type="submit"> </div>
<span class="fa fa-filter"></span> <div class="col-md-3 col-sm-6 col-xs-12">
<span class="hidden-md"> {% bootstrap_field filter_form.item %}
</div>
</div>
<div class="text-right">
<button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span>
{% trans "Filter" %} {% trans "Filter" %}
</span> </button>
</button> </div>
</div> </form>
</form> </div>
{% if entries|length == 0 %} {% if entries|length == 0 %}
<div class="empty-collection"> <div class="empty-collection">
<p> <p>

View File

@@ -24,32 +24,30 @@
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title">{% trans "Filter" %}</h3> <h3 class="panel-title">{% trans "Filter" %}</h3>
</div> </div>
<div class="panel-body"> <form class="panel-body filter-form" action="" method="get">
<form class="" action="" method="get"> <div class="row">
<div class="row filter-form"> <div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.query %}
{% bootstrap_field filter_form.query layout='inline' %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.status layout='inline' %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.organizer layout='inline' %}
</div>
{% for mf in meta_fields %}
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field mf layout='inline' %}
</div>
{% endfor %}
</div> </div>
<div class="text-right"> <div class="col-md-3 col-sm-6 col-xs-12">
<button class="btn btn-primary" type="submit"> {% bootstrap_field filter_form.status %}
<span class="fa fa-filter"></span>
<span class="hidden-md">{% trans "Filter" %}</span>
</button>
</div> </div>
</form> <div class="col-md-3 col-sm-6 col-xs-12">
</div> {% bootstrap_field filter_form.organizer %}
</div>
{% for mf in meta_fields %}
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field mf %}
</div>
{% endfor %}
</div>
<div class="text-right">
<button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span>
{% trans "Filter" %}
</button>
</div>
</form>
</div> </div>
<p> <p>
<a href="{% url "control:events.add" %}" class="btn btn-default"> <a href="{% url "control:events.add" %}" class="btn btn-default">

View File

@@ -39,50 +39,56 @@
</a> </a>
</p> </p>
{% else %} {% else %}
<div class="row filter-form"> <form class="form-inline"
<form class="col-md-2 col-xs-12" action="{% url "control:event.orders.go" event=request.event.slug organizer=request.event.organizer.slug %}">
action="{% url "control:event.orders.go" event=request.event.slug organizer=request.event.organizer.slug %}"> <p class="input-group">
<div class="input-group"> <input type="text" name="code" class="form-control" placeholder="{% trans "Order code" %}" autofocus>
<input type="text" name="code" class="form-control" placeholder="{% trans "Order code" %}" autofocus> <span class="input-group-btn">
<span class="input-group-btn">
<button class="btn btn-primary" type="submit">{% trans "Go!" %}</button> <button class="btn btn-primary" type="submit">{% trans "Go!" %}</button>
</span> </span>
</div> </p>
</form> </form>
<form class="" action="" method="get"> <div class="panel panel-default">
<div class="col-md-2 col-xs-6"> <div class="panel-heading">
{% bootstrap_field filter_form.status layout='inline' %} <h3 class="panel-title">
</div> {% trans "Filter" %}
{% if request.event.has_subevents %} </h3>
<div class="col-md-1 col-xs-6"> </div>
{% bootstrap_field filter_form.item layout='inline' %} <form class="panel-body filter-form" action="" method="get">
<div class="row">
<div class="col-md-3 col-xs-6">
{% bootstrap_field filter_form.query %}
</div> </div>
<div class="col-md-2 col-xs-6"> <div class="col-md-2 col-xs-6">
{% bootstrap_field filter_form.subevent layout='inline' %} {% bootstrap_field filter_form.status %}
</div> </div>
<div class="col-md-1 col-xs-6"> {% if request.event.has_subevents %}
{% bootstrap_field filter_form.provider layout='inline' %} <div class="col-md-2 col-xs-6">
</div> {% bootstrap_field filter_form.item %}
{% else %} </div>
<div class="col-md-2 col-xs-6"> <div class="col-md-3 col-xs-6">
{% bootstrap_field filter_form.item layout='inline' %} {% bootstrap_field filter_form.subevent %}
</div> </div>
<div class="col-md-2 col-xs-6"> <div class="col-md-2 col-xs-6">
{% bootstrap_field filter_form.provider layout='inline' %} {% bootstrap_field filter_form.provider %}
</div> </div>
{% endif %} {% else %}
<div class="col-md-2 col-xs-6"> <div class="col-md-4 col-xs-6">
{% bootstrap_field filter_form.query layout='inline' %} {% bootstrap_field filter_form.item %}
</div>
<div class="col-md-3 col-xs-6">
{% bootstrap_field filter_form.provider %}
</div>
{% endif %}
</div> </div>
<div class="col-md-1 col-xs-6"> <div class="text-right flip">
<button class="btn btn-primary btn-block" type="submit"> <a href="{% url "control:event.orders.search" event=request.event.slug organizer=request.event.organizer.slug %}" class="btn btn-default btn-lg">
<span class="fa fa-filter"></span> {% trans "Advanced search" %}
</button>
</div>
<div class="col-md-1 col-xs-6">
<a href="{% url "control:event.orders.search" event=request.event.slug organizer=request.event.organizer.slug %}" class="btn btn-default btn-block" type="submit" data-toggle="tooltip" title="{% trans "Advanced search" %}">
<span class="fa fa-cog"></span>
</a> </a>
<button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span>
{% trans "Filter" %}
</button>
</div> </div>
</form> </form>
</div> </div>

View File

@@ -7,20 +7,23 @@
{% block title %}{% trans "Refunds" %}{% endblock %} {% block title %}{% trans "Refunds" %}{% endblock %}
{% block content %} {% block content %}
<h1>{% trans "Refunds" %}</h1> <h1>{% trans "Refunds" %}</h1>
<div class="row filter-form"> <div class="panel panel-default">
<form class="" action="" method="get"> <div class="panel-heading">
<div class="col-md-5 col-xs-6"> <h3 class="panel-title">{% trans "Filter" %}</h3>
{% bootstrap_field filter_form.status layout='inline' %} </div>
<form class="panel-body filter-form" action="" method="get">
<div class="row">
<div class="col-md-6 col-xs-6">
{% bootstrap_field filter_form.status %}
</div>
<div class="col-md-6 col-xs-6">
{% bootstrap_field filter_form.provider %}
</div>
</div> </div>
<div class="col-md-5 col-xs-6"> <div class="text-right">
{% bootstrap_field filter_form.provider layout='inline' %} <button class="btn btn-primary btn-lg" type="submit">
</div>
<div class="col-md-2 col-xs-12">
<button class="btn btn-primary btn-block" type="submit">
<span class="fa fa-filter"></span> <span class="fa fa-filter"></span>
<span class="hidden-md"> {% trans "Filter" %}
{% trans "Filter" %}
</span>
</button> </button>
</div> </div>
</form> </form>

View File

@@ -17,25 +17,30 @@
</p> </p>
</div> </div>
{% else %} {% else %}
<form class="row filter-form" action="" method="get"> <div class="panel panel-default">
<div class="col-md-4 col-sm-6 col-xs-12"> <div class="panel-heading">
{% bootstrap_field filter_form.query layout='inline' %} <h3 class="panel-title">{% trans "Filter" %}</h3>
</div> </div>
<div class="col-md-3 col-sm-6 col-xs-12"> <form class="panel-body filter-form" action="" method="get">
{% bootstrap_field filter_form.status layout='inline' %} <div class="row">
</div> <div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.query layout='inline' %}
{% bootstrap_field filter_form.memberships layout='inline' %} </div>
</div> <div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-2 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.status layout='inline' %}
<button class="btn btn-primary btn-block" type="submit"> </div>
<span class="fa fa-filter"></span> <div class="col-md-3 col-sm-6 col-xs-12">
<span class="hidden-md"> {% bootstrap_field filter_form.memberships layout='inline' %}
{% trans "Filter" %} </div>
</span> </div>
</button> <div class="text-right">
</div> <button class="btn btn-primary btn-lg" type="submit">
</form> <span class="fa fa-filter"></span>
{% trans "Filter" %}
</button>
</div>
</form>
</div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-condensed table-hover"> <table class="table table-condensed table-hover">
<thead> <thead>
@@ -72,7 +77,7 @@
<td>{{ c.name }}</td> <td>{{ c.name }}</td>
<td class="text-right"> <td class="text-right">
<a href="{% url "control:organizer.customer" organizer=request.organizer.slug customer=c.identifier %}" <a href="{% url "control:organizer.customer" organizer=request.organizer.slug customer=c.identifier %}"
class="btn btn-default btn-sm" data-toggle="tooltip" title="{% trans "Details" %}"> class="btn btn-default btn-sm" data-toggle="tooltip" title="{% trans "Details" %}">
<i class="fa fa-eye"></i> <i class="fa fa-eye"></i>
</a> </a>
</td> </td>

View File

@@ -5,15 +5,15 @@
<h1> <h1>
{% blocktrans with name=request.organizer.name %}Organizer: {{ name }}{% endblocktrans %} {% blocktrans with name=request.organizer.name %}Organizer: {{ name }}{% endblocktrans %}
</h1> </h1>
{% if "can_create_events" in request.orgapermset %}
<p>
<a href="{% url "control:events.add" %}?organizer={{ request.organizer.slug }}" class="btn btn-primary">
<span class="fa fa-plus"></span>
{% trans "Create a new event" %}
</a>
</p>
{% endif %}
{% if events|length == 0 and not filter_form.filtered %} {% if events|length == 0 and not filter_form.filtered %}
{% if "can_create_events" in request.orgapermset %}
<p>
<a href="{% url "control:events.add" %}?organizer={{ request.organizer.slug }}" class="btn btn-primary">
<span class="fa fa-plus"></span>
{% trans "Create a new event" %}
</a>
</p>
{% endif %}
<p> <p>
<em>{% trans "You currently do not have access to any events." %}</em> <em>{% trans "You currently do not have access to any events." %}</em>
</p> </p>
@@ -22,30 +22,36 @@
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title">{% trans "Filter" %}</h3> <h3 class="panel-title">{% trans "Filter" %}</h3>
</div> </div>
<div class="panel-body"> <form class="panel-body filter-form" action="" method="get">
<form class="" action="" method="get"> <div class="row">
<div class="row filter-form"> <div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.query %}
{% bootstrap_field filter_form.query layout='inline' %}
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.status layout='inline' %}
</div>
{% for mf in meta_fields %}
<div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field mf layout='inline' %}
</div>
{% endfor %}
</div> </div>
<div class="text-right"> <div class="col-md-3 col-sm-6 col-xs-12">
<button class="btn btn-primary" type="submit"> {% bootstrap_field filter_form.status %}
<span class="fa fa-filter"></span>
<span class="hidden-md">{% trans "Filter" %}</span>
</button>
</div> </div>
</form> {% for mf in meta_fields %}
</div> <div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field mf %}
</div>
{% endfor %}
</div>
<div class="text-right">
<button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span>
{% trans "Filter" %}
</button>
</div>
</form>
</div> </div>
{% if "can_create_events" in request.orgapermset %}
<p>
<a href="{% url "control:events.add" %}?organizer={{ request.organizer.slug }}" class="btn btn-primary">
<span class="fa fa-plus"></span>
{% trans "Create a new event" %}
</a>
</p>
{% endif %}
<table class="table table-condensed table-hover"> <table class="table table-condensed table-hover">
<thead> <thead>
<tr> <tr>

View File

@@ -21,25 +21,30 @@
</a> </a>
</div> </div>
{% else %} {% else %}
<form class="row filter-form" action="" method="get"> <div class="panel panel-default">
<div class="col-md-4 col-sm-6 col-xs-12"> <div class="panel-heading">
{% bootstrap_field filter_form.query layout='inline' %} <h3 class="panel-title">{% trans "Filter" %}</h3>
</div> </div>
<div class="col-md-3 col-sm-6 col-xs-6"> <form class="panel-body filter-form" action="" method="get">
{% bootstrap_field filter_form.testmode layout='inline' %} <div class="row">
</div> <div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 col-xs-6"> {% bootstrap_field filter_form.query %}
{% bootstrap_field filter_form.state layout='inline' %} </div>
</div> <div class="col-md-3 col-sm-6 col-xs-6">
<div class="col-md-2 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.testmode %}
<button class="btn btn-primary btn-block" type="submit"> </div>
<span class="fa fa-filter"></span> <div class="col-md-3 col-sm-6 col-xs-6">
<span class="hidden-md"> {% bootstrap_field filter_form.state %}
{% trans "Filter" %} </div>
</span> </div>
</button> <div class="text-right">
</div> <button class="btn btn-primary btn-lg" type="submit">
</form> <span class="fa fa-filter"></span>
{% trans "Filter" %}
</button>
</div>
</form>
</div>
<p> <p>
<a href="{% url "control:organizer.giftcard.add" organizer=request.organizer.slug %}" <a href="{% url "control:organizer.giftcard.add" organizer=request.organizer.slug %}"
class="btn btn-default"><i class="fa fa-plus"></i> {% trans "Manually issue a gift card" %}</a> class="btn btn-default"><i class="fa fa-plus"></i> {% trans "Manually issue a gift card" %}</a>

View File

@@ -6,20 +6,27 @@
{% block title %}{% trans "Organizers" %}{% endblock %} {% block title %}{% trans "Organizers" %}{% endblock %}
{% block content %} {% block content %}
<h1>{% trans "Organizers" %}</h1> <h1>{% trans "Organizers" %}</h1>
<p>{% trans "The list below shows all organizer accounts you have administrative access to." %}</p> <p>{% trans "The list below shows all organizer accounts you have administrative access to." %}</p>
<form class="row filter-form" action="" method="get"> <div class="panel panel-default">
<div class="col-md-10 col-sm-6 col-xs-12"> <div class="panel-heading">
{% bootstrap_field filter_form.query layout='inline' %} <h3 class="panel-title">
{% trans "Filter" %}
</h3>
</div> </div>
<div class="col-md-2 col-sm-6 col-xs-12"> <form class="panel-body filter-form" action="" method="get">
<button class="btn btn-primary btn-block" type="submit"> <div class="row">
<span class="fa fa-filter"></span> <div class="col-md-12 col-sm-6 col-xs-12">
<span class="hidden-md"> {% bootstrap_field filter_form.query layout='inline' %}
</div>
</div>
<div class="text-right flip">
<button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span>
{% trans "Filter" %} {% trans "Filter" %}
</span> </button>
</button> </div>
</div> </form>
</form> </div>
{% if staff_session %} {% if staff_session %}
<p> <p>
<a href="{% url "control:organizers.add" %}" class="btn btn-default"> <a href="{% url "control:organizers.add" %}" class="btn btn-default">

View File

@@ -7,19 +7,24 @@
<p> <p>
{% trans "The list below shows all teams that exist within this organizer." %} {% trans "The list below shows all teams that exist within this organizer." %}
</p> </p>
<form class="row filter-form" action="" method="get"> <div class="panel panel-default">
<div class="col-md-10 col-sm-6 col-xs-12"> <div class="panel-heading">
{% bootstrap_field filter_form.query layout='inline' %} <h3 class="panel-title">{% trans "Filter" %}</h3>
</div> </div>
<div class="col-md-2 col-sm-6 col-xs-12"> <form class="panel-body filter-form" action="" method="get">
<button class="btn btn-primary btn-block" type="submit"> <div class="row">
<span class="fa fa-filter"></span> <div class="col-xs-12">
<span class="hidden-md"> {% bootstrap_field filter_form.query layout='inline' %}
</div>
</div>
<div class="text-right">
<button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span>
{% trans "Filter" %} {% trans "Filter" %}
</span> </button>
</button> </div>
</div> </form>
</form> </div>
<a href="{% url "control:organizer.team.add" organizer=request.organizer.slug %}" class="btn btn-default"> <a href="{% url "control:organizer.team.add" organizer=request.organizer.slug %}" class="btn btn-default">
<span class="fa fa-plus"></span> <span class="fa fa-plus"></span>
{% trans "Create a new team" %} {% trans "Create a new team" %}

View File

@@ -7,33 +7,40 @@
{% block title %}{% trans "Order search" %}{% endblock %} {% block title %}{% trans "Order search" %}{% endblock %}
{% block content %} {% block content %}
<h1>{% trans "Order search" %}</h1> <h1>{% trans "Order search" %}</h1>
<form class="" action="" method="get"> <div class="panel panel-default">
<div class="row filter-form"> <div class="panel-heading">
<div class="col-md-3 col-sm-6 col-xs-12"> <h3 class="panel-title">
{% bootstrap_field filter_form.query layout='inline' %} {% trans "Filter" %}
</div> </h3>
<div class="col-md-2 col-sm-6 col-xs-12"> </div>
{% bootstrap_field filter_form.status layout='inline' %} <form class="panel-body filter-form" action="" method="get">
</div> <div class="row">
<div class="col-md-3 col-sm-6 col-xs-12"> <div class="col-md-3 col-sm-6 col-xs-12">
{% bootstrap_field filter_form.organizer layout='inline' %} {% bootstrap_field filter_form.query %}
</div>
<div class="col-md-2 col-xs-6">
{% bootstrap_field filter_form.provider layout='inline' %}
</div>
{% for mf in meta_fields %}
<div class="col-md-2 col-sm-6 col-xs-12">
{% bootstrap_field mf layout='inline' %}
</div> </div>
{% endfor %} <div class="col-md-2 col-sm-6 col-xs-12">
</div> {% bootstrap_field filter_form.status %}
<div class="text-right"> </div>
<button class="btn btn-primary" type="submit"> <div class="col-md-3 col-sm-6 col-xs-12">
<span class="fa fa-filter"></span> {% bootstrap_field filter_form.organizer %}
<span class="hidden-md">{% trans "Filter" %}</span> </div>
</button> <div class="col-md-2 col-xs-6">
</div> {% bootstrap_field filter_form.provider %}
</form> </div>
{% for mf in meta_fields %}
<div class="col-md-2 col-sm-6 col-xs-12">
{% bootstrap_field mf %}
</div>
{% endfor %}
</div>
<div class="text-right flip">
<button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span>
{% trans "Filter" %}
</button>
</div>
</form>
</div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-condensed table-hover"> <table class="table table-condensed table-hover">
<thead> <thead>

View File

@@ -55,9 +55,7 @@
<div class="text-right flip"> <div class="text-right flip">
<button class="btn btn-primary btn-lg" type="submit"> <button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span> <span class="fa fa-filter"></span>
<span class="hidden-md"> {% trans "Filter" %}
{% trans "Filter" %}
</span>
</button> </button>
</div> </div>
</form> </form>

View File

@@ -5,25 +5,30 @@
{% block title %}{% trans "Users" %}{% endblock %} {% block title %}{% trans "Users" %}{% endblock %}
{% block content %} {% block content %}
<h1>{% trans "Users" %}</h1> <h1>{% trans "Users" %}</h1>
<form class="row filter-form" action="" method="get"> <div class="panel panel-default">
<div class="col-md-4 col-sm-6 col-xs-12"> <div class="panel-heading">
{% bootstrap_field filter_form.query layout='inline' %} <h3 class="panel-title">{% trans "Filter" %}</h3>
</div> </div>
<div class="col-md-3 col-sm-6 col-xs-12"> <form class="panel-body filter-form" action="" method="get">
{% bootstrap_field filter_form.status layout='inline' %} <div class="row">
</div> <div class="col-md-6 col-sm-6 col-xs-12">
<div class="col-md-3 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.query %}
{% bootstrap_field filter_form.superuser layout='inline' %} </div>
</div> <div class="col-md-3 col-sm-6 col-xs-12">
<div class="col-md-2 col-sm-6 col-xs-12"> {% bootstrap_field filter_form.status %}
<button class="btn btn-primary btn-block" type="submit"> </div>
<span class="fa fa-filter"></span> <div class="col-md-3 col-sm-6 col-xs-12">
<span class="hidden-md"> {% bootstrap_field filter_form.superuser %}
</div>
</div>
<div class="text-right">
<button class="btn btn-primary btn-lg" type="submit">
<span class="fa fa-filter"></span>
{% trans "Filter" %} {% trans "Filter" %}
</span> </button>
</button> </div>
</div> </form>
</form> </div>
<p> <p>
<a href="{% url "control:users.add" %}" class="btn btn-default"> <a href="{% url "control:users.add" %}" class="btn btn-default">
<span class="fa fa-plus"></span> <span class="fa fa-plus"></span>

View File

@@ -12,47 +12,50 @@
reserve some quota for your very special guests. reserve some quota for your very special guests.
{% endblocktrans %} {% endblocktrans %}
</p> </p>
<div class="row filter-form"> <form class="form-inline"
<form class="col-lg-2 col-sm-6 col-xs-6" action="{% url "control:event.vouchers.go" event=request.event.slug organizer=request.event.organizer.slug %}">
action="{% url "control:event.vouchers.go" event=request.event.slug organizer=request.event.organizer.slug %}"> <p class="input-group">
<div class="input-group"> <input type="text" name="code" class="form-control" placeholder="{% trans "Voucher code" %}" autofocus>
<input type="text" name="code" class="form-control" placeholder="{% trans "Voucher code" %}" autofocus> <span class="input-group-btn">
<span class="input-group-btn">
<button class="btn btn-primary" type="submit">{% trans "Go!" %}</button> <button class="btn btn-primary" type="submit">{% trans "Go!" %}</button>
</span> </span>
</div> </p>
</form> </form>
<form class="" action="" method="get"> <div class="panel panel-default">
<div class="col-lg-2 col-sm-3 col-xs-6"> <div class="panel-heading">
{% bootstrap_field filter_form.search layout='inline' %} <h3 class="panel-title">{% trans "Filter" %}</h3>
</div> </div>
<div class="col-lg-1 col-sm-3 col-xs-6"> <form class="panel-body filter-form" action="" method="get">
{% bootstrap_field filter_form.tag layout='inline' %} <div class="row">
</div> <div class="col-lg-2 col-sm-6 col-xs-6">
{% if request.event.has_subevents %} {% bootstrap_field filter_form.search %}
<div class="col-lg-1 col-sm-3 col-xs-6">
{% bootstrap_field filter_form.status layout='inline' %}
</div> </div>
<div class="col-lg-2 col-sm-3 col-xs-6"> {% if request.event.has_subevents %}
{% bootstrap_field filter_form.subevent layout='inline' %} <div class="col-lg-2 col-sm-6 col-xs-6">
{% bootstrap_field filter_form.tag %}
</div>
<div class="col-lg-2 col-sm-6 col-xs-6">
{% bootstrap_field filter_form.subevent %}
</div>
{% else %}
<div class="col-lg-4 col-sm-6 col-xs-6">
{% bootstrap_field filter_form.tag %}
</div>
{% endif %}
<div class="col-lg-2 col-sm-6 col-xs-6">
{% bootstrap_field filter_form.status %}
</div> </div>
{% else %} <div class="col-lg-2 col-sm-6 col-xs-6">
<div class="col-lg-3 col-sm-6 col-xs-6"> {% bootstrap_field filter_form.itemvar %}
{% bootstrap_field filter_form.status layout='inline' %} </div>
<div class="col-lg-2 col-sm-6 col-xs-6">
{% bootstrap_field filter_form.qm %}
</div> </div>
{% endif %}
<div class="col-lg-2 col-sm-6 col-xs-6">
{% bootstrap_field filter_form.itemvar layout='inline' %}
</div> </div>
<div class="col-lg-1 col-sm-6 col-xs-6"> <div class="text-right">
{% bootstrap_field filter_form.qm layout='inline' %} <button class="btn btn-primary btn-lg" type="submit">
</div>
<div class="col-lg-1 col-sm-6 col-xs-6">
<button class="btn btn-primary btn-block" type="submit">
<span class="fa fa-filter"></span> <span class="fa fa-filter"></span>
<span class="hidden-md"> {% trans "Filter" %}
{% trans "Filter" %}
</span>
</button> </button>
</div> </div>
</form> </form>