root/trunk/telemeta/templates/telemeta_default/search_criteria.html @ 535

{% extends "telemeta/base.html" %}
{% load telemeta_utils %}
{% load i18n %}

{% block stylesheets %}
{{ block.super }}
<link rel="stylesheet" type="text/css" href="{% url telemeta-css "jquery.autocomplete.css" %}" />
{% endblock %}

{% block extra_javascript %}
<script src="{% url telemeta-js "jquery.autocomplete.js" %}" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#location').autocomplete('{% url telemeta-complete-location %}', {
        max: 20,
        formatResult: function(data) {
            console.log(data);
            return data[0].replace(/ *\([0-9]+.*\) *$/, '');
        }
    });
});
</script>
{% endblock %}

{% block content %}
<h3>Advanced search</h3>

<form action="{% url telemeta-search %}" id="searchform">
<fieldset>

    <p>
    <label for="location">{% trans "Location" %}</label>
    <input type="text" name="location" id="location" />
    </p>

    <p>
    <label for="ethnic_group">Ethnic group</label>
    <select id="ethnic_group" name="ethnic_group">
        <option value="">All ethnic groups</option>
    {% for group in ethnic_groups %}
        <option value="{{group.id}}">{{group|escape}}</option>
    {% endfor %}
    </select>
    </p>

</fieldset>
<fieldset>

    <p>
    <label for="creator">Creator</label>
    <input type="text" id="creator" name="creator" />
    </p>

    <p>
    <label for="title">Title</label>
    <input type="text" id="title" name="title" />
    </p>

    <p>
    <label for="rec_date">Recording date</label>
    <input type="text" id="rec_date" name="rec_date" />
    </p>

    <p>
    <label for="pub_date">Publishing date</label>
    <input type="text" id="pub_date" name="pub_date" />
    </p>

</fieldset>

<p class="input">
<input type="submit" value="Search" />
</p>

</form>
{% endblock %}