118 lines
5.7 KiB
HTML
118 lines
5.7 KiB
HTML
{% load humanize snipt_tags %}
|
||
|
||
{% snipt_is_favorited_by_user as 'is_favorited' %}
|
||
|
||
<article id="snipt-{{ snipt.pk }}" class="snipt {% if snipt.blog_post %}blog-post {% endif %}{% if not snipt.public %} private-snipt{% endif %}{% if snipt.line_count > 8 and not detail and user.username != 'blog' %} expandable{% endif %}{% if snipt.user == request.user %} editable{% endif %}{% if is_favorited %} favorited" data-favorite-id="{{ is_favorited }}"{% else %}"{% endif %}>
|
||
<div class="number">#{{ snipt.pk }}</div>
|
||
<div class="group">
|
||
<div class="container">
|
||
<header>
|
||
<h2>{{ snipt.lexer_name }}</h2>
|
||
<h1><a href="{{ snipt.get_absolute_url }}">{% if snipt.title %}{{ snipt.title }}{% else %}Untitled{% endif %}</a></h1>
|
||
</header>
|
||
<section class="code {% if request.GET.style %}{{ request.GET.style }}{% else %}autumn{% endif %}">
|
||
{% if snipt.lexer == 'markdown' %}
|
||
<div class="markdown">
|
||
{{ snipt.stylized|safe }}
|
||
</div>
|
||
{% else %}
|
||
{{ snipt.stylized|safe }}
|
||
{% endif %}
|
||
{% if snipt.line_count > 8 and not detail and user.username != 'blog' %}
|
||
<a href="#" class="expand">
|
||
<span class="expand">Expand</span>
|
||
<span class="collapse">Collapse</span>
|
||
<span class="lines">({{ snipt.line_count }} lines)</span>
|
||
</a>
|
||
{% endif %}
|
||
<textarea class="raw">{{ snipt.code }}</textarea>
|
||
</section>
|
||
<div class="ruler top-x"></div>
|
||
<div class="ruler bottom-x"></div>
|
||
</div>
|
||
<aside>
|
||
<ul class="options">
|
||
{% if snipt.user == request.user %}
|
||
<li>
|
||
<a class="edit" href="#">Edit</a>
|
||
</li>
|
||
{% endif %}
|
||
<li>
|
||
<a class="embed" href="#">Embed</a>
|
||
</li>
|
||
<li>
|
||
<a class="copy" href="#">Copy</a>
|
||
</li>
|
||
{% if snipt.user != request.user and request.user.is_authenticated %}
|
||
<li>
|
||
{% if is_favorited %}
|
||
<a class="favorite favorited" href="#">Favorited</a>
|
||
{% else %}
|
||
<a class="favorite unfavorited" href="#">Favorite</a>
|
||
{% endif %}
|
||
</li>
|
||
{% endif %}
|
||
</ul>
|
||
{% if snipt.tags.all %}
|
||
<section class="tags">
|
||
<h2>{{ snipt.tags.all|length }} tag{{ snipt.tags.all|pluralize }}</h2>
|
||
<ul>
|
||
{% for tag in snipt.sorted_tags %}
|
||
<li {% if forloop.counter > 3 and not detail %}class="hidden"{% endif %}>
|
||
{% if public %}
|
||
<a href="/public/tag/{{ tag.slug }}/">{{ tag }}</a>
|
||
{% else %}
|
||
<a href="/{{ snipt.user.username }}/tag/{{ tag.slug }}/">{{ tag }}</a>
|
||
{% endif %}
|
||
</li>
|
||
{% endfor %}
|
||
</ul>
|
||
</section>
|
||
{% endif %}
|
||
</aside>
|
||
</div>
|
||
<footer>
|
||
<ul class="attrs">
|
||
<li class="author">
|
||
<span style="background-image: url('https://secure.gravatar.com/avatar/{{ snipt.user.email|md5 }}?s=15&d=https%3A%2F%2Fsnipt.net%2Fstatic%2Fimages%2Fauthor-icon.png');"></span>
|
||
<a href="{{ snipt.user.get_absolute_url }}">{{ snipt.user.username }}</a>
|
||
</li>
|
||
<li class="created" title="{{ snipt.created|date:"Y-m-d\TH:i:s" }}">{{ snipt.created|naturalday }}</li>
|
||
<li class="comments"><a href="{{ snipt.get_full_absolute_url }}#disqus_thread" data-disqus-identifier="{{ snipt.pk }}"></a></li>
|
||
</ul>
|
||
</footer>
|
||
<div class="modal hide copy-modal">
|
||
<div class="modal-header">
|
||
<a href="#" class="close">×</a>
|
||
<h3><span>Copy “{{ snipt.title }}”</span></h3>
|
||
<h4>(Text is selected. <span class="cmd-ctrl"></span>+C to copy.)</h4>
|
||
</div>
|
||
<div class="modal-body"></div>
|
||
</div>
|
||
<div class="modal hide embed-modal">
|
||
<div class="modal-header">
|
||
<a href="#" class="close">×</a>
|
||
<h3><span>Embed “{{ snipt.title }}”</span></h3>
|
||
<h4>(Text is selected. <span class="cmd-ctrl"></span>+C to copy.)</h4>
|
||
</div>
|
||
<div class="modal-body"></div>
|
||
</div>
|
||
<div class="hide embed-url">{{ snipt.get_embed_url }}</div>
|
||
<div class="hide key">{{ snipt.key }}</div>
|
||
<div class="hide lexer">{{ snipt.lexer }}</div>
|
||
<div class="hide lexer-name">{{ snipt.lexer_name }}</div>
|
||
<div class="hide line-count">{{ snipt.line_count }}</div>
|
||
<div class="hide modified">{{ snipt.modified|date:"Y-m-d\TH:i:s" }}</div>
|
||
<div class="hide public">{{ snipt.public }}</div>
|
||
<div class="hide blog-post">{{ snipt.blog_post }}</div>
|
||
<div class="hide publish-date">{{ snipt.publish_date|date:"M d, Y \a\t h:i A" }}</div>
|
||
{% if snipt.user == request.user %}
|
||
<div class="hide resource-uri">/api/private/snipt/{{ snipt.pk }}/</div>
|
||
{% else %}
|
||
<div class="hide resource-uri">/api/public/snipt/{{ snipt.pk }}/</div>
|
||
{% endif %}
|
||
<div class="hide slug">{{ snipt.slug }}</div>
|
||
<div class="hide stylized">{{ snipt.stylized }}</div>
|
||
<div class="hide tags-list">{{ snipt.tags_list }}</div>
|
||
</article>
|