codepedia2/templates/projects/filesub/annotation.html

{% load base_filter %}

<div class="pr">
    <div class="commentPanel" id="commentPanel">
        <p class="ques-title">
            该代码块共有{{annotation_length}}个注释
        </p>

        {% for self_anno in self_annos%}
            <div class="fl thumbsThis topthumbsThis">
                {% if self_anno.id in anno_vote_map and anno_vote_map|keyValue:self_anno.id == 1 %}
                <p><i class="fa fa-play thumbs_active deg270" aria-hidden="true" onclick="thumbsAnno(this,{{self_anno.pk}},1)"></i> </p>
                {% else %}
                <p><i class="fa fa-play  deg270" aria-hidden="true" onclick="thumbsAnno(this,{{self_anno.pk}},1)"></i> </p>
                {% endif %}

                <p class="thumbsThisnth2"><span id="annosum_{{self_anno.id}}">{{ self_anno.voteup | add:self_anno.votedown }}</span></p>

                {% if self_anno.id in anno_vote_map and anno_vote_map|keyValue:self_anno.id == -1 %}
                <p><i class="fa fa-play thumbs_active deg90" aria-hidden="true" onclick="thumbsAnno(this,{{self_anno.pk}},-1)"></i> </p>
                {% else %}
                <p><i class="fa fa-play  deg90" aria-hidden="true" onclick="thumbsAnno(this,{{self_anno.pk}},-1)"></i> </p>
                {% endif %}

            </div>
            <div class="fl commentparthalf">
                <div class="parthalf_con clearfix">
                    <textarea id="modify_anno_textarea" class="fl break_word color-grey-des colorblack inlineBlock wi216" style="border:none" readonly>{{ self_anno.content }}</textarea>
                    {% if allow_modify %}
                        <a class="modify-anno btn btn-blue fr mt10 mb10"  id="modification" href="javascript:void(0)" onclick="inject_modifyAnno_html(this,{{self_anno.file_id}},{{self_anno.linenum}},{{self_anno.id}})">修改</a>
                        <span class="color-grey-des inlineBlock marbox fr mt11">{{self_anno.user.nick_name}}</span>
                    {% endif %}
                </div>
                

            </div>

            <div class="parthalf_comment">
                <div class="comment-btn clearfix">
                    <a href="javascript:void(0)" class="btn btn-blue fr" onclick="addcomments(this)" >添加评论</a>
                    <div class="comment-write clearfix none">
                        <textarea class="writetext" id="writetext_{{ self_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,{{ self_anno.pk }},"annotation")'>添加评论</a>
                    </div>
                </div>
            </div>


            {% for comment in anno_comments %}
                {% if comment.annotation.pk == self_anno.pk %}
                <div class="fl thumbsThis newtopthumbs">
                    <div class="fl">
                        {% if comment.id in comment_vote_map and comment_vote_map|keyValue:comment.id == 1 %}
                        <p><i class="fa fa-play thumbs_active deg270" aria-hidden="true" onclick="thumbsComment(this,{{comment.pk}},1)"></i> </p>
                        {% else %}
                        <p><i class="fa fa-play  deg270" aria-hidden="true" onclick="thumbsComment(this,{{comment.pk}},1)"></i> </p>
                        {% endif %}
                        <p class="thumbsThisnth2 thumbsmarginLeft"><span id="comment_{{comment.pk}}">{{ comment.voteup | add:comment.votedown}}</span></p>

                        {% if comment.id in comment_vote_map and comment_vote_map|keyValue:comment.id == -1 %}
                        <p><i class="fa fa-play thumbs_active deg90" aria-hidden="true" onclick="thumbsComment(this,{{comment.pk}},-1)"></i> </p>
                        {% else %}
                        <p><i class="fa fa-play  deg90" aria-hidden="true" onclick="thumbsComment(this,{{comment.pk}},-1)"></i> </p>
                        {% endif %}
                    </div>

                    <div class="comment-item fl">
                        <span class="color-grey-des mr10 colorblack inlineBlock fl ellipsis" title="{{ comment.content }}">{{ comment.content }}</span>
                        <span class="color-grey-des inlineBlock fr inlineBlockfont">{{ comment.user.nick_name }}</span>
                    <div class="clear"></div>
                    </div>
                </div>

                {% endif %}
            {% endfor %}
        {% endfor %}
            
        

        {% for anno in annos%}
            {% if anno not in self_annos %}

                <div class="fl thumbsThis topthumbsThis">
                    <!-- 是否已经点过赞的判断 -->
                    {% if anno.id in anno_vote_map and anno_vote_map|keyValue:anno.id == 1 %}
                        <p><i class="fa fa-play thumbs_active deg270" aria-hidden="true" onclick="thumbsAnno(this,{{anno.pk}},1)"></i> </p>
                    {% else %}
                        <p><i class="fa fa-play  deg270" aria-hidden="true" onclick="thumbsAnno(this,{{anno.pk}},1)"></i> </p>
                    {% endif %}

                        <p class="thumbsThisnth2"><span id="annosum_{{anno.id}}">{{ anno.voteup | add:anno.votedown }}</span></p>
                    {% if anno.id in anno_vote_map and anno_vote_map|keyValue:anno.id == -1 %}                        
                        <p><i class="fa fa-play thumbs_active deg90"  aria-hidden="true" onclick="thumbsAnno(this,{{anno.pk}},-1)"></i> </p>
                    {% else %}
                        <p><i class="fa fa-play  deg90" aria-hidden="true" onclick="thumbsAnno(this,{{anno.pk}},-1)"></i> </p>
                    {% endif %}

                </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)" >添加评论</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 %}
                    {% if comment.annotation.pk == anno.pk %}
                    <div class="fl thumbsThis newtopthumbs">
                        <div class="fl">
                            {% if comment.id in comment_vote_map and comment_vote_map|keyValue:comment.id == 1 %}
                            <p><i class="fa fa-play thumbs_active deg270" aria-hidden="true" onclick="thumbsComment(this,{{comment.pk}},1)"></i> </p>
                            {% else %}
                            <p><i class="fa fa-play  deg270" aria-hidden="true" onclick="thumbsComment(this,{{comment.pk}},1)"></i> </p>
                            {% endif %}
                            <p class="thumbsThisnth2 thumbsmarginLeft"><span id="comment_{{comment.pk}}">{{ comment.voteup | add:comment.votedown}}</span></p>

                            {% if comment.id in comment_vote_map and comment_vote_map|keyValue:comment.id == -1 %}
                            <p><i class="fa fa-play thumbs_active deg90" aria-hidden="true" onclick="thumbsComment(this,{{comment.pk}},-1)"></i> </p>
                            {% else %}
                            <p><i class="fa fa-play  deg90" aria-hidden="true" onclick="thumbsComment(this,{{comment.pk}},-1)"></i> </p>
                            {% endif %}
                        </div>
                        <div class="fl 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 inlineBlockfont">{{ comment.user.nick_name }}</span>
                            <div class="clear"></div>
                            </div>
                    </div>
                    {% endif %}
                {% endfor %}
            {% endif %}
        {% endfor %}
        
    </div>

</div>