snipt/snipts/templates/snipts/snipt-js-template.html

{% load verbatim %}

{% verbatim %}
    <script id="snipt" type="text/html">
        <div class="number">#<%= snipt.id %></div>
        <div class="group">
            <div class="container">
                <header>
                    <h2><%= snipt.lexer_name %></h2>
                    <h1><a href="<%= snipt.absolute_url %>"><%= snipt.title %></a></h1>
                </header>
                <section class="code autumn">
                    <%= snipt.stylized %>
                    <% if (snipt.line_count > 8 && !window.detail) { %>
                        <a href="#" class="expand">
                            <span class="expand">Expand</span>
                            <span class="collapse">Collapse</span>
                            <span class="lines">(<%= snipt.line_count %> lines)</span>
                        </a>
                    <% } %>
                    <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.username === window.user) { %>
                        <li>
                            <a class="edit" href="#">Edit</a>
                        </li>
                        <% } %>
                    <li>
                        <a class="embed" href="#">Embed</a>
                    </li>
                    <li>
                        <a class="copy" href="#">Copy</a>
                    </li>
                </ul>
                <section class="tags">
                    <h2><%= snipt.tags.length %> tag<% if ((snipt.tags.length > 1) || (snipt.tags.length === 0)) { print('s'); } %></h2>
                    <ul>
                        <% for (var i=0; i < snipt.tags.length; i++) { %>
                            <li <% if (i > 2 && !window.detail) { %>class="hidden"<% } %>>
                                <a href="<%= snipt.tags[i].absolute_url %>"><%= snipt.tags[i].name %></a>
                            </li>
                        <% } %>
                    </ul>
                </section>
            </aside>
        </div>
        <footer>
            <ul class="attrs">
                <li class="author"><a href="<%= snipt.user.absolute_url %>"><%= snipt.user.username %></a></li>
                <% if (!snipt.new_from_js) { %>
                    <li class="created" title="<%= snipt.created %>"><%= snipt.created_formatted %></li>
                <% } %>
                <li class="comments"><a href="<%= snipt.absolute_url %>#disqus_thread" data-disqus-identifier="<%= snipt.id %>"></a></li>
            </ul>
        </footer>
        <div class="modal hide copy-modal">
            <div class="modal-header">
                <a href="#" class="close">×</a>
                <h3>Copy <span>&ldquo;<%= snipt.title %>&rdquo;</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>Embed <span>&ldquo;<%= snipt.title %>&rdquo;</span></h3>
                <h4>(Text is selected. <span class="cmd-ctrl"></span>+C to copy.)</h4>
            </div>
            <div class="modal-body">
                <textarea><script type="text/javascript"><%= snipt.get_embed_url %></script></textarea>
            </div>
        </div>
    </script>
{% endverbatim %}