86 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			86 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
{% load django_tables2 %}
 | 
						|
{% load i18n static fontawesome_5 %}
 | 
						|
    <div class="col-md">
 | 
						|
        {% if table.title is not None %}
 | 
						|
        <div class="row">
 | 
						|
            <h3>
 | 
						|
                {{ table.title }}
 | 
						|
            </h3>
 | 
						|
        </div>
 | 
						|
        {% endif %}
 | 
						|
        <div class="row">
 | 
						|
            {% if table.add_new_entries %}
 | 
						|
            <div class="col-md">
 | 
						|
                <a href="{{ table.add_new_url }}">
 | 
						|
                    <button class="btn btn-default" title="{% trans 'New entry' %}">
 | 
						|
                        <i class="fas fa-plus mr-2"></i>
 | 
						|
                        {% trans 'New' %}
 | 
						|
                    </button>
 | 
						|
                </a>
 | 
						|
            </div>
 | 
						|
            {% endif %}
 | 
						|
        </div>
 | 
						|
 | 
						|
        {% comment %}
 | 
						|
            Search input and rpp selector
 | 
						|
        {% endcomment %}
 | 
						|
        <div class="row my-1">
 | 
						|
            <div class="col-sm-12 col-md">
 | 
						|
                <form method="get" action="{{table.filter}}">
 | 
						|
                    <div class="input-group">
 | 
						|
                        <input type="text" class="form-control" aria-label="{% trans 'Search for keywords' %}" placeholder="{% trans 'Search' %}">
 | 
						|
                        <div class="input-group-append" title="{% trans 'Start search' %}">
 | 
						|
                            <button type="submit" class="btn btn-default input-group-text">
 | 
						|
                                <span class="">
 | 
						|
                                    {% fa5_icon 'search' %}
 | 
						|
                                </span>
 | 
						|
                            </button>
 | 
						|
                        </div>
 | 
						|
                    </div>
 | 
						|
                </form>
 | 
						|
            </div>
 | 
						|
            <div class="col-md d-flex justify-content-end">
 | 
						|
                <div class="dropdown show">
 | 
						|
                    <div class="btn btn-default dropdown-toggle" href="#" role="button" id="rppToggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 | 
						|
                        {% trans 'Results per page' %}
 | 
						|
                    </div>
 | 
						|
                    <div class="dropdown-menu dropdown-menu-right">
 | 
						|
                        {% for rpp_option in table.results_per_page_choices %}
 | 
						|
                            <a class="dropdown-item {% if table.results_per_page_chosen == rpp_option %}selected{% endif %}" href="{% querystring table.results_per_page_parameter=rpp_option %}">
 | 
						|
                                {{ rpp_option }}
 | 
						|
                            </a>
 | 
						|
                        {% endfor %}
 | 
						|
                    </div>
 | 
						|
                </div>
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
 | 
						|
 | 
						|
        {% comment %}
 | 
						|
            Filter section
 | 
						|
        {% endcomment %}
 | 
						|
        <div class="row">
 | 
						|
            <div class="col-md">
 | 
						|
                <div class="card">
 | 
						|
                    <div id="filterHeader" class="card-header cursor-pointer" data-toggle="collapse" data-target="#filter" aria-expanded="true" aria-controls="filter">
 | 
						|
                        <h5>
 | 
						|
                            {% fa5_icon 'filter' %}
 | 
						|
                            {% trans 'Filter' %}
 | 
						|
                        </h5>
 | 
						|
                    </div>
 | 
						|
                    <div id="filter" class="collapse" aria-labelledby="filterHeader">
 | 
						|
                        <div class="card-body">
 | 
						|
                            <form method="get">
 | 
						|
                                {{ table.filter.form.as_p }}
 | 
						|
                            </form>
 | 
						|
                        </div>
 | 
						|
                    </div>
 | 
						|
                </div>
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
    {% comment %}
 | 
						|
        Table section
 | 
						|
    {% endcomment %}
 | 
						|
    {% render_table table %}
 |