Commit 989d1d0a authored by Athina Bekakou's avatar Athina Bekakou
Browse files

admin-ui: Modify html templates

- Modify html structure of filters.
- Modify html of checkboxes, radiobuttons and arrow-buttons
- Add a dropdown list with all the available filters in each page
- Minor rewording
parent fde1efea
......@@ -115,10 +115,11 @@
<script src="{{ MEDIA_URL }}admin/js/bootstrap.js"></script>
<script src="{{ MEDIA_URL }}admin/js/underscore.js"></script>
<script src="{{ MEDIA_URL }}admin/js/common.js"></script>
{% block custom-javascript %}
{% endblock %}
<script src="{{ MEDIA_URL }}admin/js/common.js"></script>
</body>
</html>
......@@ -27,4 +27,5 @@
{% block custom-javascript %}
<script src="{{ MEDIA_URL }}admin/js/jquery.dataTables.js"></script>
<script src="{{ MEDIA_URL }}admin/js/tables.js"></script>
<script src="{{ MEDIA_URL }}admin/js/filters.js"></script>
{% endblock %}
<div class="filter filter-dropdown filter-boolean">
<div class="dropdown" data-filter="{{ filter.name }}">
<div class="filter filter-dropdown filter-boolean" data-filter="{{ filter.name }}">
<div class="dropdown">
<a class="" href="#" data-toggle="dropdown">
<span class="category">{{ filter.label }}:</span>
<span class="selected-value">-</span>
<span class="snf-angle-down arrow"></span>
</a>
<ul class="dropdown-menu choices">
<li class="active reset"><a href="#"><span class="selection-indicator snf-radio-checked"></span>-</a></li>
<li class="active reset"><a href="#"><span class="snf-radio-unchecked"></span><span class="snf-radio-checked"></span>-</a></li>
<li class="divider"></li>
<li><a href="#"><span class="selection-indicator snf-radio-unchecked"></span>True</a></li>
<li><a href="#"><span class="selection-indicator snf-radio-unchecked"></span>False</a></li>
<li><a href="#"><span class="snf-radio-unchecked"></span><span class="snf-radio-checked"></span>True</a></li>
<li><a href="#"><span class="snf-radio-unchecked"></span><span class="snf-radio-checked"></span>False</a></li>
</ul>
</div>
</div>
{% load admin_tags %}
<div class="filter filter-text filter-input">
<div class="filter filter-text filter-input" data-filter="{{ filter.name }}">
<div class="form-group">
<label title="{{ filter.label }}">
{% with label=filter.name|label_to_icon:filter.label %}
......
{% load admin_tags %}
<div class="filter compact-view input-with-btn invisible">
<div class="filter compact-filter input-with-btn">
<div class="form-group">
<label title="Compact View">
<input type="search" data-filter="compact-view">
<input type="search" data-filter="compact">
</label>
</div>
<a class="exec-search search-btn"><span>Search</span></a>
......
......@@ -2,7 +2,8 @@
<div class="instructions">
<a href="" class="toggle-instructions line-btn">
<span>Instructions</span>
<span class="snf-font-admin snf-angle-down arrow"></span>
<span class="snf-angle-down arrow"></span>
<span class="snf-angle-up arrow"></span>
</a>
<div class="content content-area">
The list below presents the identifiers that correspond to the filters
......@@ -22,6 +23,6 @@
{% endfor %}
</dl>
</br>
<p class="clarifications">For detailed instructions please consult the "Tips and Tricks".</p>
<p class="clarifications">For detailed instructions please consult "Tips and Tricks".</p>
</div>
</div>
......@@ -8,10 +8,11 @@
</label>
</a>
<!-- <a class="search-mode search-mode-btn">Compact View</a> -->
<!-- use it to center it (sort of) -->
{% for filter in filter_dict %}
{% include filter|get_filter_template %}
{% endfor %}
{% include "admin/filter_select_list.html" %}
<!-- use it to center it (sort of) -->
{% for filter in filter_dict %}
{% include filter|get_filter_template %}
{% endfor %}
{% include "admin/filter_compact.html" %}
</div>
......
{% load admin_tags %}
<div class="filter filter-dropdown">
<div class="dropdown" data-filter="{{ filter.name }}">
<div class="filter filter-dropdown" data-filter="{{ filter.name }}">
<div class="dropdown">
<a class="" href="#" data-toggle="dropdown">
<span class="category">{{ filter.label }}:</span>
<span class="selected-value">{{ filter|default_value }}</span>
<span class="snf-angle-down arrow"></span>
</a>
<ul class="dropdown-menu choices">
<li class="active reset"><a href="#"><span class="selection-indicator snf-checkbox-checked"></span>{{ filter|default_value }}</a></li>
<li class="active reset"><a href="#"><span class="snf-checkbox-unchecked"></span><span class="snf-checkbox-checked"></span>{{ filter|default_value }}</a></li>
<li class="divider"></li>
{% for choice,_ in filter.field.choices %}
<li><a href="#"><span class="selection-indicator snf-checkbox-unchecked"></span>{{ choice }}</a></li>
<li><a href="#"><span class="snf-checkbox-unchecked"></span><span class="snf-checkbox-checked"></span>{{ choice }}</a></li>
{% endfor %}
</ul>
</div>
......
{% load admin_tags %}
<div class="filter filters-list visible-filter">
<a class="" id="select-filters" href="#" link-title="Available Filters" popover-content=
'<ul class="choices dropdown-list">
<li class="reset" data-filter-name="all-filters"><a href="#"><span class="snf-checkbox-unchecked"></span><span class="snf-checkbox-checked"></span>All</a></li>
<li class="divider"></li>
{% for filter in filter_dict %}
<li data-filter-name="{{ filter.name }}"><a href="#"><span class="snf-checkbox-unchecked"></span><span class="snf-checkbox-checked"></span>{{ filter.label }}</a></li>
{% endfor %}
</ul>'>
<span class="snf-filter"></span>
</a>
</div>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment