oacpl/expert_witnesses/templates/expertBrowser.html

58 lines
2.9 KiB
HTML
Raw Normal View History

2017-09-14 13:52:39 -04:00
{% extends 'base.html' %}
{% block body %}
2017-09-16 18:45:21 -04:00
<div class="container-fluid" style="background-color: #001f2f">
2017-09-14 13:52:39 -04:00
<div class="container">
<div class="row">
<div class="col-md-9 bg-light-blue">
2017-09-16 18:45:21 -04:00
<div class="bg-white my-3">
{% for expert in experts %}
<div class=" p-3 border-bottom-0 border-left-0 border-right-0 {% if not forloop.counter0 %}border-top-0{% endif %}" style="border: 1px solid rgba(0, 0, 0, 0.2);">
<a href="{% url 'expert' expert.id %}">{{ expert.name }}</a>
<br>
{% if expert.institute %}
<i class="fa fa-institution"></i> {{ expert.institute }}
{% else %}
<span class="text-muted"><i class="fa fa-institution"></i> No Institute</span>
{% endif %}
<br>
{% for e in expert.expertise.all %}
<span class="badge badge-primary">{{ e.field }}</span>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
<div class="col-md-3 bg-dark-primary">
<h4 class="mt-3 pl-1 text-white">Filters:</h4>
<form>
<div class="mt-2">
<h5 for="filter" class="text-white mb-0 pl-1">Name</h5>
<input class="form-control" name="name">
</div>
<div class="mt-2">
<h5 for="filter" class="text-white mb-0 pl-1">Institute</h5>
<select id="filter" class="form-control" name="institute">
<option selected></option>
{% for institute in institutes %}
<option>{{ institute }}</option>
{% endfor %}
</select>
</div>
<div class="mt-2">
<h5 for="filter" class="text-white mb-0 pl-1">Areas of Expertise</h5>
<select id="filter" class="form-control" name="experties">
<option selected></option>
{% for filter in filters %}
<option>{{ filter.field }}</option>
{% endfor %}
</select>
</div>
<button class="btn btn-primary float-right mt-2">Search</button>
</form>
2017-09-14 13:52:39 -04:00
</div>
</div>
</div>
</div>
{% endblock %}