edward/sourcing
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add 'only' filtering by facet.

Browse source
This commit is contained in:
Edward Betts 2018-06-04 11:53:28 +01:00
parent 9084dba5c1
commit 5eb927565d
1 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
sourcing/templates/home.html
View file

@ -24,29 +24,33 @@
<h5>item type</h5>
{% for item_type in 'xanadoc', 'xanalink', 'sourcedoc' %}
<div class="form-check">
<input class="form-check-input" type="checkbox" checked="checked" id="type_{{ item_type }}">
<input class="form-check-input facet_type" type="checkbox" checked="checked" id="type_{{ item_type }}">
<label class="form-check-label" for="type_{{ item_type }}"> {{ item_type }}</label>
&ndash; <a href="#" class="only facet_type" data-facet-value="{{ item_type }}">only</a>
</div>
{% endfor %}
<h5>user</h5>
{% for item_user in users %}
<div class="form-check">
<input class="form-check-input" type="checkbox" checked="checked" id="user_{{ item_user }}">
<label class="form-check-label" for="user_{{ item_user }}">{{ item_user }}</label><br/>
<input class="form-check-input facet_user" type="checkbox" checked="checked" id="user_{{ item_user }}">
<label class="form-check-label" for="user_{{ item_user }}">{{ item_user }}</label>
&ndash; <a href="#" class="only facet_user" data-facet-value="{{ item_user }}">only</a>
</div>
{% endfor %}
<h5>link type</h5>
{% for link_type in link_types %}
<div class="form-check">
<input class="form-check-input" type="checkbox" checked="checked" id="link_type_{{ link_type }}">
<label class="form-check-label" for="link_type_{{ link_type }}">{{ link_type }}</label><br/>
<input class="form-check-input facet_link_type" type="checkbox" checked="checked" id="link_type_{{ link_type }}">
<label class="form-check-label" for="link_type_{{ link_type }}">{{ link_type }}</label>
&ndash; <a href="#" class="only facet_link_type" data-facet-value="{{ link_type }}">only</a>
</div>
{% endfor %}
<h5>years</h5>
{% for year in years %}
<div class="form-check">
<input class="form-check-input" type="checkbox" checked="checked" id="year_{{ year }}">
<label class="form-check-label" for="year_{{ year }}">{{ year }}</label><br/>
<input class="form-check-input facet_year" type="checkbox" checked="checked" id="year_{{ year }}">
<label class="form-check-label" for="year_{{ year }}">{{ year }}</label>
&ndash; <a href="#" class="only facet_year" data-facet-value="{{ year }}">only</a>
</div>
{% endfor %}
</form>
@ -106,6 +110,16 @@
}
$('#lower-buttons').toggle(visible_count != 0);
$('a.only').click(function(e) {
e.preventDefault();
var facet = this.className.split(' ').filter(cls => cls.startsWith('facet_'))[0].substr(6);
var value = $(this).data('facet-value');
var pick = $('input#' + facet + '_' + value);
pick.prop('checked', true);
$('input.facet_' + facet).not(pick).prop('checked', false);
update_list();
});
}
$(update_list());