socialforge/public/assets/wechat/course_discussion.html

<!-- 模板1开始，可以使用script（type设置为text/html）来存放模板片段，并且用id标示 -->
    <div loading-spinner></div>
    <div ng-if="discussion.act_type == 'Message'">
        <div class="post-container">
            <div loading-spinner></div>
            <div class="post-wrapper" style="margin-top:0;">
                <div class="post-main">
                    <div class="post-avatar fl mr10"><img ng-src="{{discussion.user.img_url}}" width="30" height="30" class="border-radius img-circle" /></div>
                    <div class="post-dynamic-author hidden fl">
                        {{discussion.user.realname}}
                        <img ng-if="discussion.user.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
                        <img ng-if="discussion.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">{{discussion.subject}}<img ng-if="discussion.locked" src="/images/locked.png" style="display:inline-block;" /></div>
                    <div class="c-grey4 f13 mt10"><span class="mr10">{{discussion.course_project_name}} - 课程问答区</span><span>{{discussion.created_on}}</span></div>
                    <div class="f13 c-grey3 mt10 text-control post-all-content" ng-bind-html="discussion.content|safeHtml"></div>
                    <div class="cl"></div>
                    <div class="fr f13">
                        <div ng-if="!discussion.praise_count" ng-click="addPraise(discussion);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>赞</span></div>
                        <div ng-if="discussion.praise_count && !discussion.has_praise" ng-click="addPraise(discussion);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{discussion.praise_count}}</span></div>
                        <div ng-if="discussion.has_praise" ng-click="decreasePraise(discussion);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{discussion.praise_count}}</span></div>
                    </div>
                    <div class="fr mr25 f13">
                        <a ng-if="!discussion.replies_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="discussion.replies_count"><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">{{discussion.replies_count}}</span></a>
                    </div>
                    <div class="cl"></div>
                </div>
                <div class="mb50" id="all_course_message_reply">
                    <div ng-if="discussion.message_children == ''" style="border-top:1px solid #ccc;"></div>
                    <div class="post-reply-wrap" ng-repeat="journal in discussion.message_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 class="cl"></div>
                        </div>
                    </div>
                </div>

                <div ng-if="!discussion.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>