socialforge/public/assets/wechat/blog_detail.html

<!-- 模板1开始，可以使用script（type设置为text/html）来存放模板片段，并且用id标示 -->
<div loading-spinner></div>
<div ng-if="blog.act_type == 'BlogComment'">
    <div class="post-container">
        <div class="post-wrapper" style="margin-top:0;">
            <div class="post-main">

                <div class="post-avatar fl mr10"><img ng-src="{{blog.user.img_url}}" width="30" height="30" class="border-radius img-circle" /></div>
                <div class="post-dynamic-author hidden fl">
                    {{blog.user.realname}}
                    <img ng-if="blog.user.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
                    <img ng-if="blog.user.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
                </div>
                <div class="cl"></div>
                <div class="post-dynamic-title c-grey3 mt12 fb">{{blog.title}}<img ng-if="blog.locked" src="/images/locked.png" style="display:inline-block;" /></div>
                <div class="c-grey4 f13 mt10"><span class="mr10">博客</span><span>{{blog.created_at}}</span></div>

                <div class="f13 c-grey3 mt10 text-control post-all-content" ng-bind-html="blog.content|safeHtml"></div>
                <div class="cl"></div>
                <div class="fr f13">
                    <div ng-if="!blog.praise_count" ng-click="addPraise(blog);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>赞</span></div>
                    <div ng-if="blog.praise_count && !blog.has_praise" ng-click="addPraise(blog);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{blog.praise_count}}</span></div>
                    <div ng-if="blog.has_praise" ng-click="decreasePraise(blog);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{blog.praise_count}}</span></div>
                </div>
                <div class="fr mr25 f13">
                    <a ng-if="!blog.comment_count"><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
                    <a ng-if="blog.comment_count"><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">{{blog.comment_count}}</span></a>
                </div>
                <div class="cl"></div>
            </div>
            <div class="mb50" id="all_blog_reply">

                <div ng-if="blog.all_children == ''" style="border-top:1px solid #ccc;"></div>
                <div class="post-reply-wrap" ng-repeat="journal in blog.all_children">
                    <div class="post-reply-row">
                        <div class="post-avatar fl mr10"><img ng-src="{{journal.user.img_url}}" width="30" height="30" class="border-radius img-circle" /></div>
                        <div class="post-dynamic-author hidden fl">
                            {{journal.user.realname}}
                            <img ng-if="journal.user.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
                            <img ng-if="journal.user.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
                        </div>
                        <div class="post-dynamic-time fr f13">{{journal.lasted_comment}}</div>
                        <div class="cl"></div>
                        <!--<div class="post-reply-content c-grey2 mt12" ng-bind-html="journal.content|safeHtml"></div>-->
                        <div ng-show="journal.parents_count > 0" class="mult-reply-container mt10">
                            <ul ng-if="journal.parents_reply_top[0]" ng-include="'comment_reply'"  ng-init="i=0;journal=journal"></ul>
                            <div ng-click="showMoreReply(1,journal)" ng-show="journal.parents_reply_top.length + journal.parents_reply_bottom.length < journal.parents_count" class="mult-reply-hide"><span class="mult-reply-arrow" >&darr; </span><span class="mult-reply-arrow" style="display:none;" > &uarr;</span>点击展开更多楼层</div>
                            <div class="mt10" ng-repeat="reply_bottom in journal.parents_reply_bottom">
                                <div class="post-avatar fl mr10"><img ng-src="{{reply_bottom.user.img_url}}" class="border-radius img-circle" height="30" width="30"></div>
                                <div class="post-dynamic-author hidden fl ng-binding">
                                    {{reply_bottom.user.realname}}
                                    <img ng-if="reply_bottom.user.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
                                    <img ng-if="reply_bottom.user.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
                                </div>
                                <div class="post-dynamic-time fr f13">{{reply_bottom.lasted_comment}}</div>
                                <div class="cl"></div>
                                <div class="post-reply-content c-grey2 mt12 border-bottom-none" ng-bind-html="reply_bottom.content|safeHtml"></div>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="post-reply-content">
                            <div class="mult-reply-content">
                                <div class="mt10" ng-bind-html="journal.content|safeHtml"></div>
                            </div>
                            <div class="cl"></div>
                        </div>
                    </div>
                </div>
                <div ng-if="has_more">
                    <div id="more_reply" class="more-events mt10" ng-click="showMoreReply(0,blog);">更多</div>
                </div>
            </div>

            <div ng-if="!blog.locked" id="post_input_1" class="post-input-wrap post-box-shadow">
                <div class="post-reply-row">
                    <div class="post-input-container">
                        <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
                        <textarea input-auto type="text" class="post-reply-input" id="postInput1" ng-model="formData.comment" placeholder="输入回复内容~" /></textarea>
                        <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
                        <button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
                        <div class="cl"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<script id="comment_reply" type="text/ng-template">
    <div  class="mult-reply-container mt2">
    <ul ng-if="journal.parents_reply_top[i+1]" ng-include="'comment_reply'"  ng-init="i=i+1;journal=journal"></ul>
    <div class="post-avatar fl mr10"><img ng-src="{{journal.parents_reply_top[i].user.img_url}}" class="border-radius img-circle" height="30" width="30"></div>
    <div class="post-dynamic-author hidden fl ng-binding">
        {{journal.parents_reply_top[i].user.realname}}
        <img ng-if="journal.parents_reply_top[i].user.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
        <img ng-if="journal.parents_reply_top[i].user.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
    </div>
    <div class="post-dynamic-time fr f13">{{journal.parents_reply_top[i].lasted_comment}}</div>
    <div class="cl"></div>
    <div class="post-reply-content c-grey2 mt12 border-bottom-none" ng-bind-html="journal.parents_reply_top[i].content|safeHtml"></div>
    <div class="cl"></div>
    </div>
</script>