comment.html 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <ion-view hide-tabs="true" view-title="{{title}}" style="background-color:#fafafa;">
  2. <div class="bar bar-header bar-header-blue">
  3. <!--<div class="button button-icon icon pus_blue" ng-click="goback()"> </div>-->
  4. <!--<button class="button button-icon icon goback" ng-click="goback()"></button>-->
  5. <div class="button button-icon icon pus_blue"></div>
  6. <button class="button button-icon icon goback whiteGoBack noneContent" ng-click="goback()"></button>
  7. <h1 class="bar_title" style="color: #fff">评论</h1>
  8. </div>
  9. <ion-content class="has-header has-footer" ng-click="hiddenComment()">
  10. <div class="all_commentFloor">
  11. <p class="all_commentFloorTit" ng-if="comments.length>0"><em>{{comments.length}}</em>评论</p>
  12. <div id="all_discuss">
  13. <div ng-repeat="comment in comments" class="commentFloorWrap">
  14. <img ng-src="{{comment.creatorModel.photo | imgfilter}}" onerror="javascript:this.src='./img/admin_picter.jpg';" style="border-radius: 50%;width:35px;height:35px;float: left;position: relative;" ng-click="go('publisher',{Id:comment.userId})"/>
  15. <p class="content-node">
  16. {{comment.creatorModel.username}}
  17. <span ng-if="!comment.favour" ng-class="{'content-zan du_discuss commentDiscuss':true,'':comment.isCommentZan}" ng-click="commentPraiseAction(comment, $index, TRACE_TYPE_2615, comment.id, TABLE_CODE_30002)">
  18. <b>{{comment.favourcount}}</b>
  19. </span>
  20. <span ng-if="comment.favour" ng-class="{'content-zan du_discuss commentDiscuss':true,'w_zan':comment.isCommentZan||comment.favour,'animateFavour':comment.isCommentZan}"
  21. ng-click="commentPraiseAction(comment, $index, TRACE_TYPE_2616, comment.id, TABLE_CODE_30002)">
  22. <b>{{comment.favourcount}}</b>
  23. </span>
  24. </p>
  25. <p ng-click="goComment(comment)" class="comment-content">{{comment.content}}</p>
  26. <span ng-click="goComment(comment)" class="review_data">{{comment.createtime | datesubstring}}<span style="top:0;">{{comment.commcount==0?'':comment.commcount+'条'}}回复&gt;</span></span>
  27. </div>
  28. <div ng-click="hadSoft()" class="noneHadSoft" ng-if="comments==undefined||comments.length==0;">
  29. <i id="empty_discuss"></i>
  30. <p class="empty_p">暂无评论,点击抢沙发</p>
  31. </div>
  32. </div>
  33. <p class="commentFooter_p" ng-if="comments.length>0">已显示所有评论</p>
  34. </div>
  35. </ion-content>
  36. <ion-footer-bar class="commentFooter" keyboard-attach ng-if="showComment">
  37. <label class="item-input-wrapper">
  38. <input type="text" placeholder="写评论..." class="write_p" ng-focus="focus_write()" id="write_see" ng-blur="dont_write()" style="width:100%;">
  39. </label>
  40. </ion-footer-bar>
  41. <ion-footer-bar ng-if="!showComment" class="commentFooter" style="height: 146px;" keyboard-attach>
  42. <textarea autofocus class="my_comment" form="commentform" name="comment" placeholder="优质评论将会被优先展示" required ng-model="comment.say" ng-change="commentValue()">{{comment}}</textarea>
  43. <div id="commentform">
  44. <button class="comment_submit" ng-style="commentNotnull" ng-click="publishComment(1,{});">发表</button>
  45. </div>
  46. </ion-footer-bar>
  47. <div ng-if="!showComment" class="comment_background" ng-click="hiddenComment()"></div>
  48. </ion-view>