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.real_name}}
                    <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="ml40">
                    <div class="post-dynamic-title c-black fb">{{blog.title}}<img ng-if="blog.locked" src="/images/locked.png" style="display:inline-block;" /></div>
                    <div class="c-grey4 f13 mt5"><span class="mr10">博客</span><span>{{blog.created_at}}</span></div>

                    <div class="f13 c-black mt5 text-control post-all-content" ng-bind-html="blog.content|safeHtml"></div>
                    <div class="cl"></div>
                </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 id="replyBlock" class="fr mr25 f13" input-focus>
                    <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" at-delete-link>

                <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" ng-class="['post-reply-row',{'border-bottom-none' : $last}]">
                        <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-reply-author hidden fl">
                            {{journal.user.real_name}}
                        </div>
                        <div class="post-reply-time fr f12">{{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 ml40 mb5">
                            <comment-reply i="0" journal="journal" ></comment-reply>
                            <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 ng-repeat="reply_bottom in journal.parents_reply_bottom" class="ml5 mr5">
                                <div class="post-reply-author hidden fl ng-binding">
                                    {{reply_bottom.user.real_name}}
                                </div>
                                <div class="post-reply-time fr f12">{{reply_bottom.lasted_comment}}</div>
                                <div class="cl"></div>
                                <div class="post-reply-content c-grey2 mt5 border-bottom-none" ng-bind-html="reply_bottom.content|safeHtml"></div>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="post-reply-content c-grey3 ml40">
                            <div class="mult-reply-content mb5">
                                <div ng-bind-html="journal.content|safeHtml"></div>
                            </div>
                            <div class="fr f13 mb5">
                                <div ng-if="!homework.praise_count" ng-click="addPraise(homework);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>赞</span></div>
                                <div ng-if="homework.praise_count && !homework.has_praise" ng-click="addPraise(homework);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{homework.praise_count}}</span></div>
                                <div ng-if="homework.has_praise" ng-click="decreasePraise(homework);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{homework.praise_count}}</span></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" iphone-recognize>
                <div class="post-reply-row border-bottom-none">
                    <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="{{replytip}}" /></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>