snipt/snipts/templates/snipts/detail.html

{% extends "base.html" %}

{% load humanize pygmentize snipt_tags %}

{% block add-snipt %}
  {% include 'add-snipt.html' %}
{% endblock %}

{% block page-title %}/ {% if snipt.title %}{{ snipt.title }}{% else %}Untitled{% endif %} / {{ user.username }} - {{ block.super }}{% endblock %}
{% block html-class %}detail{% endblock %}
{% block body-class %}{% if request.path == '/api/' or request.path == '/blogging/' %}snipt-page{% else %}detail{% endif %}{% endblock %}

{% block js %}
        {{ block.super }}
        window.detail = true;
{% endblock %}

{% block breadcrumb %}
    <li><a href="/{{ user.username }}/">{{ user.username }}</a></li>
    <li><span class="prompt">/</span> <a href="{{ snipt.get_absolute_url }}">{{ snipt.title }}</a></li>
{% endblock %}

{% block aside-inner %}
    {% if request.path == '/api/' %}
        {% if request.user.is_authenticated %}
            <aside class="api-info api-creds">
                <div class="api-inner">
                    <h5>Your API credentials:</h5>
                    <ul>
                        <li>Username: <strong>{{ request.user.username }}</strong></li>
                        <li>User ID: <strong>{{ request.user.id }}</strong></li>
                        <li>API Key: <br /><input type="text" value="{{ request.user.api_key.key }}" /></li>
                    </ul>
                </div>
            </aside>
        {% endif %}
        <aside class="api-info immediate-help">
            <div class="api-inner">
                <h5>Need immediate help?</h5>
                <p>Ping &ldquo;nicksergeant&rdquo; in <strong>#snipt</strong> on irc.freenode.net.</p>
            </div>
        </aside>
    {% endif %}
{% endblock %}

{% block content %}
    <section class="snipts" id="snipts">
        {% with 'true' as detail %}
            {% include "snipts/snipt-list.html" %}
        {% endwith %}
        <div class="secure-view-log" id="secure-view-log">
          {% for secure_view in snipt.sniptsecureview_set.all|dictsortreversed:"created" %}
            <footer class="snipt-attrs">
              <ul class="attrs">
                <li class="author">
                  <span class="avatar" style="background-image: url('https://secure.gravatar.com/avatar/{{ secure_view.user.email|md5 }}?s=15&amp;d=https://snipt.s3.amazonaws.com/img/author-icon.png');"></span>
                  <a href="{{ secure_view.user.get_absolute_url }}">{{ secure_view.user.username }} ({{ secure_view.user.email }})</a>
                </li>
                <li class="created" title="{{ secure_view.created|date:"Y-m-d\TH:i:s" }}">{{ secure_view.created|naturaltime }}</li>
              </ul>
            </footer>
          {% endfor %}
        </div>
        <div class="snipt-log" id="history">
          {% for log_entry in snipt.sniptlogentry_set.all|dictsortreversed:"created" %}
            <section class="code autumn">
              {{ log_entry.diff|pygmentize|safe }}
            </section>
            <footer class="snipt-attrs">
              <ul class="attrs">
                <li class="author">
                  <span class="avatar" style="background-image: url('https://secure.gravatar.com/avatar/{{ log_entry.user.email|md5 }}?s=15&amp;d=https://snipt.s3.amazonaws.com/img/author-icon.png');"></span>
                  <a href="{{ log_entry.user.get_absolute_url }}">{{ log_entry.user.username }}</a>
                </li>
                <li class="created" title="{{ log_entry.created|date:"Y-m-d\TH:i:s" }}">{{ log_entry.created|naturaltime }}</li>
              </ul>
            </footer>
          {% endfor %}
        </div>
        <div id="disqus_thread">
            {% if snipt.public %}
                <script type="text/javascript">
                    var disqus_shortname = 'snipt-net';
                    {% if debug %}
                        var disqus_developer = 1;
                    {% endif %}
                    var disqus_url = '{{ snipt.get_full_absolute_url }}';
                    var disqus_title = '{{ snipt.title }}';
                    var disqus_identifier = {{ snipt.id }};

                    (function() {
                        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                        dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                    })();
                </script>
            {% else %}
                <p class="alert alert-info">
                    <strong>Disqus comments are disabled on private snipts.</strong><br /><br />
                    See <a href="https://github.com/nicksergeant/snipt/issues/53">https://github.com/nicksergeant/snipt/issues/53</a> for more information.
                </p>
            {% endif %}
        </div>
    </section>
{% endblock %}