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

Mobile friendly expert viewer

Browse Source
This commit is contained in:
Zakary Timson 2017-10-24 00:11:16 -04:00
parent 5f60563fe0
commit f9ee8ecf16
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
expert_witnesses/templates/expertViewer.html
View File

@ -2,12 +2,12 @@
{% block head %} {% block head %}
<script> <script>
$(function() { $(function () {
$('tr').click(function(e) { $('tr').click(function (e) {
var url = $(e.target).parent().attr('href'); var url = $(e.target).parent().attr('href');
if(url) window.open(url, '_blank'); if (url) window.open(url, '_blank');
});
}); });
});
</script> </script>
{% endblock %} {% endblock %}
@ -15,7 +15,7 @@
<div class="container-fluid bg-light-blue"> <div class="container-fluid bg-light-blue">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-9 py-3"> <div class="col-xs-12 col-md-9 py-3">
<div> <div>
<h3>{{ expert.name }}</h3> <h3>{{ expert.name }}</h3>
{% if expert.institute %} {% if expert.institute %}
@ -24,6 +24,14 @@
<span class="text-muted"><i class="fa fa-institution"></i> No Institute</span> <span class="text-muted"><i class="fa fa-institution"></i> No Institute</span>
{% endif %} {% endif %}
</div> </div>
<div class="d-md-none mt-5">
<h5 class="ml-1">Expertise</h5>
<ul class="pl-0" style="list-style: none">
{% for e in expert.expertise.all %}
<li><i class="fa fa-graduation-cap" aria-hidden="true"></i> {{ e.field }}</li>
{% endfor %}
</ul>
</div>
<div class="mt-5"> <div class="mt-5">
<h5 class="ml-1">Cases</h5> <h5 class="ml-1">Cases</h5>
<table class="table {% if perms.case_law.view_pdf %}table-hover{% endif %} bg-white"> <table class="table {% if perms.case_law.view_pdf %}table-hover{% endif %} bg-white">
@ -35,7 +43,8 @@
</thead> </thead>
<tbody> <tbody>
{% for case in expert.cases.all %} {% for case in expert.cases.all %}
<tr {% if perms.case_law.view_pdf %}class="curs-pointer" href="/media/{{ case.pdf }}"{% endif %}> <tr {% if perms.case_law.view_pdf %}class="curs-pointer"
href="/media/{{ case.pdf }}"{% endif %}>
<td class="p-2">{{ case.synopsis }}</td> <td class="p-2">{{ case.synopsis }}</td>
<td class="p-2" width="150px">{{ case.published }}</td> <td class="p-2" width="150px">{{ case.published }}</td>
</tr> </tr>
@ -49,7 +58,7 @@
</table> </table>
</div> </div>
</div> </div>
<div class="col-3 bg-dark-primary text-white py-3"> <div class="d-none d-md-block col-3 bg-dark-primary text-white py-3">
<h5>Areas of Expertise</h5> <h5>Areas of Expertise</h5>
<ul class="pl-0" style="list-style: none"> <ul class="pl-0" style="list-style: none">
{% for e in expert.expertise.all %} {% for e in expert.expertise.all %}