{% extends "wikiprox/base.html" %}
{% load thumbnail %}



{% block title %}{{ source.caption|truncatechars:50 }} ({{ source.encyclopedia_id }}) | Primary Sources{% endblock %}



{% block javascript %}{{ block.super }}
{% if source.media_format == 'video' %}
{% thumbnail source.img_url_local "700x700" as thumb_lg %}
<script type="text/javascript">
jwplayer("videocontainer").setup({
    autostart: 'false',
    controlbar: 'bottom',
    width: 640,
    height: {% if source.aspect_ratio == 'hd' %}380{% else %}500{% endif %},
    image: "{{ MEDIA_URL }}{{ thumb_lg }}",
    modes: [
{% if source.streaming_path %}
        { type: "html5",
          config: {
            file: "{{ SOURCES_MEDIA_URL }}{{ source.streaming_path }}"
          }
        },
{% endif %}
{% if source.rtmp_path %}
        { type: "flash",
          src: "{{ STATIC_URL }}jwplayer-5.9/player.swf",
          config: {
            provider: "rtmp",
            streamer: "{{ RTMP_STREAMER }}",
            file: "{{ source.rtmp_path }}"
          }
        }{% if source.rtmp_path and source.streaming_path %},{% endif %}
{% endif %}
{% if source.streaming_path %}
        { type: "download",
          config: {
            file: "{{ SOURCES_MEDIA_URL }}{{ source.streaming_path }}",
            provider: 'video'
          }
        }
{% endif %}
    ]
});
</script>
{% endthumbnail %}
{% endif %}
{% endblock javascript %}



{% block contents %}
<!-- wikiprox/source.html -->
<div class="primarysource-detail span12">

<p>
<a href="{{ article_url }}">&laquo; Back to article {{ source.headword }}</a>
</p>

<h1 id="firstHeading" class="firstHeading">
Primary Source &mdash; {{ source.encyclopedia_id }}
</h1>

<p>
<div id="media" class="{{ source.media_format }} {% if source.aspect_ratio %}{{ source.aspect_ratio }}{% endif %}">
{% thumbnail source.img_url_local "700x700" as thumb_lg %}
{% if source.media_format == 'image' %}
  <img src="{{ MEDIA_URL }}{{ thumb_lg }}" />
  {% if source.img_path %}<br/><a href="{{ SOURCES_MEDIA_URL }}{{ source.img_path }}">Download full-size version ({{ source.original_size|filesizeformat }})</a>{% endif %}
{% endif %}
{% if source.media_format == 'document' %}
  <img src="{{ MEDIA_URL }}{{ thumb_lg }}" />
  {% if source.original_path and source.original_size %}<br/><a href="{{ document_download_url }}">Download full PDF ({{ source.original_size|filesizeformat }})</a>{% endif %}
{% endif %}
{% if source.media_format == 'video' %}
  <div id="videocontainer">Loading video player...</div>
  {% if source.transcript_path %}<br/><a href="{{ SOURCES_MEDIA_URL }}{{ source.transcript_path }}" target="_transcript">Download a transcript</a>{% endif %}
{% endif %}
{% if source.external_url %}&nbsp;&mdash;&nbsp; <a href="{{ source.external_url }}" class="offsite" target="offsite">{{ source.external_url }}</a>{% endif %}
{% endthumbnail %}
</div><!-- #media -->
</p>

{{ source.caption|safe|linebreaks }}
{{ source.caption_extended|safe|linebreaks }}

{{ source.courtesy|safe|linebreaks }}

<p>
<strong>Densho ID: {{ source.densho_id }}</strong>
</p>

<p>
<a href="{% url "wikiprox-source-cite" source.encyclopedia_id %}"
   class="lightview"
   data-lightview-type="iframe"
   data-lightview-group="cite-sidebar"
   data-lightview-options="width: 1000, height: '100%'">
<i class="icon-bookmark"></i>Cite this primary source
</a>
</p>

<p>
<a href="{{ article_url }}">&laquo; Back to article {{ source.headword }}</a>
</p>

<div id="rightsStatement">
{% if source.creative_commons %}
<p>
<a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a>
</p>
<p>&copy; Densho {% now "Y" %}. This primary source is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>. More information <a href="{% url 'about' %}#usingandciting">&raquo;</a></p>
{% else %}
<div class="alert alert-block">The Densho Encyclopedia has included this primary source by prior agreement with the rights holder or under fair-use doctrine. For more information about licensing and use restrictions, please contact the original rights holder. If you are the rights holder and believe that the work is being used improperly, please <a href="{% url 'about' %}#contact">contact</a> us.</div>
{% endif %}
</div><!-- #rightsStatement -->

</div><!-- .source-detail -->
{% endblock contents %}



{# PS pages should not include standard cc message #}
{% block footer %}
<a class="api-url" href="{% url "wikiprox-api-source" source.encyclopedia_id %}">{% url "wikiprox-api-source" source.encyclopedia_id %}</a>
{% endblock footer %}