Files
superset2/superset/templates/appbuilder/general/widgets/search.html
Grace Guo c9c6bcaabe Improve superset list view content layout (#3031)
* improve superset list view page layout

- less header spaces and stacks
- move pagination down to bottom
- apply material design style to 'add' action button
- will apply to all superset list view, like slices list, security tab lists etc.

* improve superset list view page layout

- less header spaces and stacks
- move pagination down to bottom
- apply material design style to 'add' action button
- will apply to all superset list view, like slices list, security tab lists etc.

* improve superset list view page layout

- less header spaces and stacks
- move pagination down to bottom
- apply material design style to 'add' action button
- will apply to all superset list view, like slices list, security tab lists etc.

* improve superset list view page layout

- less header spaces and stacks
- move pagination down to bottom
- apply material design style to 'add' action button
- will apply to all superset list view, like slices list, security tab lists etc.

* improve superset list view page layout

- less header spaces and stacks
- move pagination down to bottom
- apply material design style to 'add' action button
- will apply to all superset list view, like slices list, security tab lists etc.

* remove tabs from indentation

* fix merge conflicts

* adjust css after code merge
2017-08-11 15:34:29 -07:00

57 lines
1.8 KiB
HTML

{% import 'appbuilder/general/lib.html' as lib %}
<div class="list-search-container">
<form id="filter_form" class="form-search" method="get">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-filter text-primary" aria-hidden="true"></i> {{_("Add Filter")}}
</button>
<ul class="dropdown-menu">
{% for col in include_cols %}
<li><a href="javascript:void(0)" name={{col}} class="filter btn" onclick="return false;">
{{ label_columns[col] }}</a>
</li>
{% endfor %}
</ul>
<div class="filters-container">
<table class="table table-responsive table-hover filters">
</table>
<div class="filter-action" style="display:none">
<button type="submit" class="btn btn-sm btn-primary" id="search-action">
Search&nbsp;&nbsp;<i class="fa fa-search"></i>
</button>
</div>
</div>
</form>
</div>
<script>
(function($) {
function checkSearchButton() {
var hasFilter = $('.filters tr').length;
if (hasFilter) {
$('.filters a.remove-filter').off('click', checkSearchButton);
$('.filters a.remove-filter').on('click', checkSearchButton);
$('.filter-action').toggle(true);
} else {
$('.filter-action').toggle(false);
}
}
$('.list-search-container').on('hidden.bs.dropdown', checkSearchButton);
$(document).ready(function() {
checkSearchButton();
});
var filter = new AdminFilters(
'#filter_form',
{{ label_columns | tojson | safe }},
{{ form_fields | tojson | safe }},
{{ search_filters | tojson | safe }},
{{ active_filters | tojson | safe }}
);
})(jQuery);
</script>