codepedia2/templates/projects/filesub/annotation.html

<div class="pr">
    <div class="commentPanel" id="commentPanel">
        <p class="ques-title">
            该代码块共有{{annos|length}}个注释
        </p>
        {% for anno in annos%}

        <div class="fl thumbsThis topthumbsThis">
                    <p><i class="fa fa-play color-grey-c deg270" aria-hidden="true" onclick="thumbsAnno(this,{{anno.pk}},1)"></i> </p>
                    <p class="thumbsThisnth2"><span id="annosum">{{ anno.vote }}</span></p>
                    <p><i class="fa fa-play color-grey-c deg90" aria-hidden="true" onclick="thumbsAnno(this,{{anno.pk}},1)"></i> </p>
        </div>
        <div class="fl commentparthalf">

            <div class="parthalf_con clearfix">
                <span class="fl break_word color-grey-des colorblack inlineBlock wi216" >{{ forloop.counter }}.{{ anno.content }}</span>
            </div>
        </div>

            <div class="parthalf_comment">
            <div class="comment-btn clearfix">
                <span class="color-grey-des inlineBlock marbox">{{anno.user.nick_name}}</span>
                <a href="javascript:void(0)" class="btn btn-blue fr" onclick="addcomments(this)" id="addcom">添加评论</a>
                <div class="comment-write clearfix none">
                    <textarea class="writetext" id="writetext_{{ anno.pk }}" placehoder="请输入评论内容"></textarea>
                    <a href="javascript:void(0)" class="btn fr" onclick="cancelcom(this)">取消</a>
                    <a href="javascript:void(0)" class="btn btn-blue fr" style="margin-right:10px;" onclick='add_comment_action(this,{{ anno.pk }},"annotation")'>添加评论</a>
                </div>
            </div>
        </div>


         {% for comment in anno_comments %}
        <div class="fl thumbsThis newtopthumbs">
                    <p><i class="fa fa-play color-grey-c deg270" aria-hidden="true" onclick="thumbsAnno(this,{{anno.pk}},1)"></i> </p>
                    {# <p><i class="fa fa-thumbs-up mr3 color-grey-c"></i></p>#}
                    <p class="thumbsThisnth2"><span id="annosum">{{ anno.vote }}</span></p>
                    <p><i class="fa fa-play color-grey-c deg90" aria-hidden="true" onclick="thumbsAnno(this,{{anno.pk}},1)"></i> </p>
                    {# <p><i class="fa fa-thumbs-down mr3 color-grey-c" ></i></p>#}
            </div>
            {% if comment.annotation.pk == anno.pk %}
            <div class="comment-item">
                    <span class="color-grey-des mr10 colorblack inlineBlock fl ellipsis" title="{{ comment.content }}">{{ comment.content }}</span>
                    <span class="color-grey-des inlineBlock fr">{{ comment.user.nick_name }}</span>
                <div class="clear"></div>
            </div>
            {% endif %}
            {% endfor %}

        {% endfor %}
    </div>

</div>