contentback.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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. h1 {
  68. font-size:24px;
  69. }
  70. h2 {
  71. font-size:20px;
  72. }
  73. h3 {
  74. font-size:18px;
  75. }
  76. h4 {
  77. font-size:16px;
  78. }
  79. img {
  80. width:120px;
  81. height:auto;
  82. }
  83. blockquote {
  84. font-size:12px;
  85. background:#f8f8f8;
  86. border-radius:5px;
  87. padding-bottom:0;
  88. }
  89. </style>
  90. {{ panel.ol(kind,question) }}
  91. <div class="panel panel-info container-fluid" style="padding:0;">
  92. <div class="panel-heading">
  93. <div class="row">
  94. <div class="col-md-2">
  95. {{ link.user(question.author.name) }}
  96. {% if question.author.is_superuser %}
  97. <span style="font-size:12px;color:#999">(网站管理员)</span>
  98. {% endif %}
  99. </div>
  100. <div class="col-md-10" style="font-size:12px;">
  101. 发表于 {{ question.time.strftime('%Y-%m-%d %H:%M:%S') }}
  102. <div style="float:right;">
  103. <span> 1# </span>
  104. <span style="font-size:12px;">
  105. {% if question.id | judge('collect') %}
  106. <a href="javascript:void(0);" id="collect">取消收藏</a>
  107. {% else %}
  108. <a href="javascript:void(0);" id="collect">加入收藏</a>
  109. {% endif %}
  110. </span>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="row" style="margin:0">
  116. <div class="panel-body col-md-2 hidden-xs" style="border-right:1px solid #d9edf7;">
  117. {{ user.infor(question.author) }}
  118. </div>
  119. <div class="panel-body col-md-10">
  120. {% if question.is_markdown %}
  121. {{ question.content | safe_markdown }}
  122. {% else %}
  123. {{ question.content }}
  124. {% endif %}
  125. </div>
  126. </div>
  127. {% set num = 1 %}
  128. {% for reply in question.replies %}
  129. {% set num = num + 1 %}
  130. <div class="panel-heading">
  131. <div class="row">
  132. <div class="col-md-2">
  133. {{ link.user(reply.author.name) }}
  134. </div>
  135. <div class="col-md-9" style="font-size:12px;">
  136. 发表于 {{ reply.time.strftime('%Y-%m-%d %H:%M:%S') }}
  137. </div>
  138. <div class="col-md-1">
  139. {{ num }}#
  140. </div>
  141. </div>
  142. </div>
  143. <div class="row" style="position:relative;margin:0;">
  144. <div class="panel-body col-md-2 hidden-xs" style="border-right:1px solid #d9edf7;">
  145. {{ user.infor(reply.author) }}
  146. </div>
  147. <div class="panel-body col-md-9">
  148. {{ reply.quote | safe_clean }}
  149. {{ reply.content | safe_clean }}
  150. </div>
  151. {% if current_user.is_authenticated %}
  152. <span style="position:absolute;bottom:0;right:20px">
  153. <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>
  154. {% if reply.id | judge('love') %}
  155. <a class="btn btn-sm" id="love{{ reply.id }}" onclick="Love(this)" title="取消赞" style="color:#2e609b;padding:2px 5px;">
  156. 赞<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></a>
  157. {% else %}
  158. <a class="btn btn-sm" id="love{{ reply.id }}" onclick="Love(this)" title="赞一下" style="color:#000;padding:2px 5px;">
  159. 赞<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span></a>
  160. {% endif %}
  161. </span>
  162. {% endif %}
  163. </div>
  164. {% endfor %}
  165. </div>
  166. {% include 'base/replies.html' %}
  167. {% endblock %}