forum/skins/default/templates/node/comment_skeleton.html

   1 {% load extra_tags %}
   2 {% load i18n %}
   3
   4 <div class="clear"></div>
   5 <div id="comment-{{ post.id }}-form-container" class="comment-form-container">
   6     {% if can_comment %}
   7     <form id="comment-{{ post.id }}-form" method="post" action="{% url "comment" id=post.id %}" accept-charset="utf-8">
   8         {% csrf_token %}
   9         <div class="comment-form-widgets-container">
  10             <textarea name="comment" class="commentBox" id="comment"></textarea>
  11             <div class="comment-form-buttons">
  12                 <span id="comment-{{ post.id }}-chars-left" class="comment-chars-left">
  13                     <span class="comments-char-left-count">{{ min_length }}|{{ max_length }}</span>
  14                     <span class="comments-chars-togo-msg">{% trans "characters needed" %}</span>
  15                     <span class="comments-chars-left-msg">{% trans "characters left" %}</span>
  16                 </span>
  17                 <input type="submit" class="comment-submit" value="{% trans " comment" %}" />
  18                 <input type="submit" class="comment-cancel" value="{% trans " cancel" %}" />
  19             </div>
  20             <div class="clear"></div>
  21             {% if user.can_use_canned_comments %}
  22             <div class="canned_comment">
  23                 <span id="post-{{ post.id }}-menu" class="context-menu">
  24                     <span id="post-{{ post.id }}-menu-trigger" class="action-link context-menu-trigger">{% trans "Use canned comment" %}</span>
  25                     <ul id="post-{{ post.id }}-menu-dropdown" class="context-menu-dropdown" style="width: 275px;">
  26                         {% for canned_comment in canned_comments %}
  27                         <li class="item">
  28                             <a style="white-space: pre-wrap;" href="javascript:void(0);" onclick="canned_comment({{ post.id }}, jQuery(this).text())">{{ canned_comment }}</a>
  29                         </li>
  30                         {% endfor %}
  31                     </ul>
  32                 </span>
  33             </div>
  34             {% endif %}
  35         </div>
  36         <script type="text/html" class="new-comment-skeleton" id="new-comment-skeleton-{{ post.id }}">
  37             <div class="comment{% if not comment.top_scorer %} not_top_scorer{% endif %}" id="comment-%ID%">
  38                 <div id="post-%ID%-score" class="comment-score"></div>
  39                 <div class="comment-text">%COMMENT%</div>
  40                 <div class="comment-info" id="comment-%ID%-info">
  41                     <a id="comment-%ID%-edit" href="%EDIT_URL%" title="{% trans "Edit comment" %}"
  42                         class="comment-edit" rel="nofollow"> </a>
  43                     <a id="comment-%ID%-delete" href="%DELETE_URL%" title="{% trans "Delete comment" %}"
  44                         class="ajax-command comment-delete confirm" rel="nofollow"> </a>
  45                     <a rel="nofollow" id="comment-%ID%-convert" style="display:none;" href="%CONVERT_URL%" title="{% trans "Convert comment to answer" %}"
  46                         class="ajax-command comment-convert confirm" rel="nofollow"> </a>
  47
  48                     <span class="comment-age">({% trans "just now" %})</span>
  49                     <a class="comment-user" href="%PROFILE_URL%">%USERNAME%</a>
  50                     {% if user.is_authenticated %}
  51                         {% if show_gravatar %}{% gravatar user 18 %}{% endif %}
  52                     {% endif %}
  53                 </div>
  54              </div>
  55         </script>
  56     </form>
  57     {% endif %}
  58 </div>
  59 <div class="clear"></div>
  60