diff options
author | luxagraf <sng@luxagraf.net> | 2019-02-18 15:21:42 -0600 |
---|---|---|
committer | luxagraf <sng@luxagraf.net> | 2019-02-18 15:21:42 -0600 |
commit | e7af8a1e0f71d38b7e83a22a822fb9d971a41ec2 (patch) | |
tree | e424d7d4e9031c9d3d09e629ce331bf882bb392c /design/templates/sightings/ap_detail.html | |
parent | 5da1a1e66a38c0d7185a90424d0bb9f3c3c7875d (diff) |
redid sightings design and moved all location defered things to location
objects
Diffstat (limited to 'design/templates/sightings/ap_detail.html')
-rw-r--r-- | design/templates/sightings/ap_detail.html | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/design/templates/sightings/ap_detail.html b/design/templates/sightings/ap_detail.html new file mode 100644 index 0000000..154d7ac --- /dev/null +++ b/design/templates/sightings/ap_detail.html @@ -0,0 +1,59 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block extrahead %} +<style> +#detail-map-canvas { height: 100%;} +</style> +{% endblock %} +{% block bodyid %}class="detail"{%endblock%} +{% block primary %} +<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> + <li><a href="{% url 'sightings:list' %}" title="See all" itemprop="url"><span itemprop="title">Dialogues</span></a>→ </li> + <li><span itemprop="title">{{object.common_name}}</span></li> + </ul> + + <main> + <article> + <header class="tight"> + <h1 class="hed">{{object.common_name}}</h1> + <h2 class="post-subtitle">{{object.scientific_name}}</h2> + <h3 class="post-subtitle-segundo">Family {{object.apclass.scientific_name}} ({{object.apclass}})</h3> + </header> + {% if object.body_html %}{{object.body_html|safe|smartypants|widont}}{%endif%} +{%if recording %} +<div class="audio-figure"> +<audio autoplay="autoplay" controls="controls"> + <source src="/media/{{recording.audio}}" /> +</audio> +<small>Audio recorded by {{recording.recorder}} on {{recording.pub_date|date:"F j, Y"}} in {{recording.location}}. <a href="{{recording.link}}">© {{recording.copyright}}</a></small> +</div> +{%endif%} + {% if field_notes %} + <h4>Field Notes</h4>{% for note in field_notes %} + {{note.body_html|safe|smartypants}} + <p class="post-subtitle-segundo">– <a href="{{note.sighting.location.get_absolute_url}}">{{note.sighting.location}}</a>, {{note.sighting.location.comma_name}}, {{note.sighting.pub_date|date:"M Y"}}</p> + <hr /> + {%endfor%} +{%endif%} + <h5>Seen at</h5> + <ul>{%for sight in sighting %} + <li><a href="{{sight.location.get_absolute_url}}">{{sight.location}}</a>, {{sight.location.comma_name}}, {{sight.pub_date|date:"M Y"}}</li> + {%endfor%} +</article> +</main> +{% endblock %} + +{% block js %} +<script src="/media/js/leaflet-master/leaflet-mod.js"></script> +<script src="/media/js/detail.js"></script> +<script type="text/javascript"> +sightings = []; +{% for s in sighting %} +sightings.push(['{{s.latitude}}', '{{s.longitude}}']); +{% endfor %} +window.onload = function() { + createBirdMap({% for s in sighting %}{% if forloop.first %}{{s.latitude}},{{s.longitude}}{%endif%}{%endfor%}, 5, { type:'point', lat:'{{sighting.latitude}}', lon:'{{sighting.longitude}}'}, sightings); return false; +} +</script> +{% endblock %} |