socialforge/public/assets/wechat/jour_message_detail.html

<!-- 模板1开始，可以使用script（type设置为text/html）来存放模板片段，并且用id标示 -->
<div loading-spinner></div>
<div ng-if="message.act_type == 'JournalsForMessage'">
    <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="{{message.user.img_url}}" width="30" height="30" class="border-radius img-circle" /></div>
                <div class="post-dynamic-author hidden fl">
                    {{message.user.realname}}
                    <img ng-if="message.user.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
                    <img ng-if="message.user.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
                </div>
                <div class="cl"></div>
                <div class="c-grey4 f13 mt10"><span class="mr10">留言</span><span>{{message.created_on}}</span></div>

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

                <div ng-if="message.child_reply == ''" style="border-top:1px solid #ccc;"></div>
                <div class="post-reply-wrap" ng-repeat="journal in message.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 ng-show="journal.parents_count > 0" class="mult-reply-container mt10">
                            <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 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 c-grey2 mt12" ng-bind-html="journal.content|safeHtml"></div>
                        <div class="cl"></div>
                    </div>
                </div>
                <div ng-if="has_more">
                    <div id="more_reply" class="more-events mt10" ng-click="showMoreReply(0,message);">更多</div>
                </div>
            </div>

            <div 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>