You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.8 KiB
HTML
51 lines
1.8 KiB
HTML
{% extends "layout.html" %}
|
|
{% block body %}
|
|
<div class="col-sm-8">
|
|
<form role="form" action="{{ url_for('advanced_search') }}" method="GET">
|
|
<div class="form-group">
|
|
<label for="book_title">Book Title</label>
|
|
<input type="text" class="form-control" name="book_title" id="book_title" value="">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="bookAuthor">Author</label>
|
|
<input type="text" class="form-control typeahead" name="author_name" id="bookAuthor" value="" autocomplete="off">
|
|
</div>
|
|
<label for="Tags">Select Tags</label>
|
|
<div class="form-group">
|
|
<div class="btn-toolbar btn-toolbar-lg" data-toggle="buttons">
|
|
{% for tag in tags %}
|
|
<label id="tag_{{tag.id}}" class="btn btn-primary tag_click">
|
|
<input type="checkbox" autocomplete="off" name="tag" value="{{tag.id}}">{{tag.name}}</input>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-default">Submit</button>
|
|
</form>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block js %}
|
|
<script src="{{ url_for('static', filename='js/typeahead.bundle.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/edit_books.js') }}"></script>
|
|
<script>
|
|
$('form').on('change input', function() {
|
|
form = $('form').serialize();
|
|
$.getJSON( "{{ url_for('get_matching_tags') }}", form, function( data ) {
|
|
$('.tag_click').each(function() {
|
|
console.log(data.tags);
|
|
if ($.inArray(parseInt($(this).children('input').first().val(), 10), data.tags) == -1 ) {
|
|
$(this).addClass('disabled');
|
|
}
|
|
else {
|
|
$(this).removeClass('disabled');
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %}
|
|
{% block header %}
|
|
<link href="{{ url_for('static', filename='css/typeahead.css') }}" rel="stylesheet" media="screen">
|
|
{% endblock %}
|