content.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. {% extends 'index/base.html' %}
  2. {% block title %}{{ question.title }} - 河海大学论坛{% endblock %}
  3. {% block content %}
  4. {% import 'base/user.html' as user %}
  5. {% import 'base/panel.html' as panel %}
  6. {% import 'base/link.html' as link %}
  7. <script type=text/javascript>
  8. function Love(obj){
  9. var urlId = obj.id.replace(/[^0-9]/ig,"");
  10. $.post ("{{ url_for('question.love') }}",{
  11. rid:urlId
  12. },
  13. function(result) {
  14. if (result.judge = true)
  15. {
  16. window.location.reload();
  17. }
  18. });
  19. };
  20. function ReReplies(obj){
  21. var urlId = obj.id.replace(/[^0-9]/ig,"");
  22. $.post("{{ url_for('question.rreply') }}",{
  23. rid:urlId
  24. },
  25. function(data) {
  26. $("#content").focus();
  27. $('#quote').html(data)
  28. });
  29. };
  30. $(document).ready(function(){
  31. $('a#collect').click(function(){
  32. $.post ("{{ url_for('question.collect') }}",{
  33. qid:'{{ question.id }}'
  34. },
  35. function(result) {
  36. if (result.judge = true)
  37. {
  38. window.location.reload();
  39. }
  40. });
  41. });
  42. $('button#ajax').click(function() {
  43. $.ajax ({
  44. type : "POST",
  45. url : "{{ url_for('question.reply',qid=question.id) }}",
  46. data:JSON.stringify({
  47. content: $('#content').val(),
  48. quote: $('#quote').html()
  49. }),
  50. contentType: 'application/json;charset=UTF-8',
  51. success: function(result) {
  52. if (result.judge == true)
  53. {
  54. window.location.reload();
  55. }
  56. else
  57. {
  58. $("#showerror").show();
  59. $("#error").text(result.error);
  60. }
  61. }
  62. });
  63. });
  64. });
  65. </script>
  66. <style type="text/css" media="all">
  67. img {
  68. width:120px;
  69. height:auto;
  70. }
  71. blockquote {
  72. font-size:12px;
  73. background:#f8f8f8;
  74. border-radius:5px;
  75. padding-bottom:0;
  76. }
  77. </style>
  78. <ol class="breadcrumb" style="margin-bottom:0;">
  79. <li><a href="{{ url_for('forums.forums') }}"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>社区首页</a></li>
  80. <li><a href="{{ url_for('group.index') }}">用户组</a></li>
  81. <li><a href="{{ url_for('group.group',group=question.group.name) }}">{{ question.group.name }}</a></li>
  82. <li class="active">{{ question.title }}</li>
  83. </ol>
  84. <div class="panel panel-info container-fluid" style="padding:0;">
  85. <div class="panel-heading">
  86. <div class="row">
  87. <div class="col-md-2">
  88. {{ link.user(question.author.name) }}
  89. <span style="font-size:12px;color:#999">(网站管理员)</span>
  90. </div>
  91. <div class="col-md-10" style="font-size:12px;">
  92. 发表于 {{ question.time.strftime('%Y-%m-%d %H:%M:%S') }}
  93. <div style="float:right;">
  94. <span> 1# </span>
  95. <span style="font-size:12px;">
  96. {% if question.id | judge('collect') %}
  97. <a href="javascript:void(0);" id="collect">取消收藏</a>
  98. {% else %}
  99. <a href="javascript:void(0);" id="collect">加入收藏</a>
  100. {% endif %}
  101. </span>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="row" style="margin:0">
  107. <div class="panel-body col-md-2 hidden-xs" style="border-right:1px solid #d9edf7;">
  108. {{ user.infor(question.author) }}
  109. </div>
  110. <div class="panel-body col-md-10">
  111. {% if question.is_markdown %}
  112. {{ question.content | safe_markdown }}
  113. {% else %}
  114. {{ question.content | safe_clean }}
  115. {% endif %}
  116. </div>
  117. </div>
  118. {% set num = 1 %}
  119. {% for reply in question.replies %}
  120. {% set num = num + 1 %}
  121. <div class="panel-heading">
  122. <div class="row">
  123. <div class="col-md-2">
  124. {{ link.user(reply.author.name) }}
  125. </div>
  126. <div class="col-md-9" style="font-size:12px;">
  127. 发表于 {{ reply.time.strftime('%Y-%m-%d %H:%M:%S') }}
  128. </div>
  129. <div class="col-md-1">
  130. {{ num }}#
  131. </div>
  132. </div>
  133. </div>
  134. <div class="row" style="position:relative;margin:0;">
  135. <div class="panel-body col-md-2 hidden-xs" style="border-right:1px solid #d9edf7;">
  136. {{ user.infor(reply.author) }}
  137. </div>
  138. <div class="panel-body col-md-9">
  139. {{ reply.quote | safe_clean }}
  140. {{ reply.content | safe_clean }}
  141. </div>
  142. {% if current_user.is_authenticated %}
  143. <span style="position:absolute;bottom:0;right:20px">
  144. <a class="btn btn-sm" id="reply{{ reply.id }}" onclick="ReReplies(this)" title="回复{{ reply.author.name }} "style="font-size:12px;margin-right:10px;padding:0;">回复</a>
  145. {% if reply.id | judge('love') %}
  146. <a class="btn btn-sm" id="love{{ reply.id }}" onclick="Love(this)" title="取消赞" style="color:#2e609b;padding:2px 5px;">
  147. 赞<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></a>
  148. {% else %}
  149. <a class="btn btn-sm" id="love{{ reply.id }}" onclick="Love(this)" title="赞一下" style="color:#000;padding:2px 5px;">
  150. 赞<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></a>
  151. {% endif %}
  152. </span>
  153. {% endif %}
  154. </div>
  155. {% endfor %}
  156. </div>
  157. {% include 'base/replies.html' %}
  158. {% endblock %}