mirror of https://github.com/searxng/searxng
oscar template: make the categories clickable
parent
5568fbd89d
commit
25919de608
@ -0,0 +1,31 @@
|
|||||||
|
/**
|
||||||
|
_ _ _
|
||||||
|
| |__ ___ ___ | |_ ___| |_ _ __ __ ___ __
|
||||||
|
| '_ \ / _ \ / _ \| __/ __| __| '__/ _` \ \/ /
|
||||||
|
| |_) | (_) | (_) | |_\__ | |_| | | (_| |> <
|
||||||
|
|_.__/ \___/ \___/ \__|___/\__|_| \__,_/_/\_\.js
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
$('.btn-toggle .btn').click(function() {
|
||||||
|
var btnClass = 'btn-' + $(this).data('btn-class');
|
||||||
|
var btnLabelDefault = $(this).data('btn-label-default');
|
||||||
|
var btnLabelToggled = $(this).data('btn-label-toggled');
|
||||||
|
if(btnLabelToggled != '')
|
||||||
|
{
|
||||||
|
if($(this).hasClass('btn-default'))
|
||||||
|
{
|
||||||
|
|
||||||
|
var html = $(this).html().replace(btnLabelDefault, btnLabelToggled);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
var html = $(this).html().replace(btnLabelToggled, btnLabelDefault);
|
||||||
|
}
|
||||||
|
$(this).html(html);
|
||||||
|
}
|
||||||
|
$(this).toggleClass(btnClass);
|
||||||
|
$(this).toggleClass('btn-default');
|
||||||
|
});
|
||||||
|
});
|
@ -0,0 +1,6 @@
|
|||||||
|
<div id="categories" class="btn-group btn-toggle" data-toggle="buttons">
|
||||||
|
{% for category in categories %}
|
||||||
|
<label class="btn btn-sm {% if category in selected_categories %}btn-primary active{% else %}btn-default{% endif %}" data-btn-class="primary">
|
||||||
|
<input class="hidden" type="checkbox" id="checkbox_{{ category|replace(' ', '_') }}" name="category_{{ category }}" {% if category in selected_categories %}checked="checked"{% endif %} />{{ _(category) }}</label>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
Loading…
Reference in New Issue