ztimson/oacpl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Styled experts page

Browse Source
This commit is contained in:
Zak Timson
2017-09-16 18:45:21 -04:00
parent ebe8050ada
commit 8337d3dfb2
3 changed files with 48 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
expert_witnesses/templates/expertBrowser.html
View File

@@ -1,21 +1,55 @@
{% extends 'base.html' %}
{% block body %}
<div class="container-fluid">
<div class="container-fluid" style="background-color: #001f2f">
<div class="container">
<div class="row">
<div class="col-md-3 bg-dark-primary">
{% for filter in filters %}
<div class="badge badge-primary">{{ filter.field }}</div>
{% endfor %}
</div>
<div class="col-md-9 bg-light-blue">
{% for expert in experts %}
{{ expert.name }} - <i class="fa fa-institution"></i> {{ expert.institute }}
{% for e in expert.expertise.all|dictsort:'field' %}
<i class="fa fa-graduation-cap"></i> {{ e.field }}
{% endfor %}
{% endfor %}
<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>
</div>
</div>
</div>