src/Aqarmap/Bundle/DiscussionBundle/Resources/views/Discussion/discussionComments.html.twig line 1

  1. {% extends "base.html.twig" %}
  2. {% form_theme quick_registration_form 'Form/form_div_layout.html.twig' %}
  3. {% set SHARING_IMAGE = constant('Aqarmap\\Bundle\\DiscussionBundle\\Constant\\SharingConstant::IMAGE') %}
  5. {# Page title #}
  6. {% block title %}{{ discussion.content|length > 50 ? discussion.content|slice(0, 50) ~ '...' : discussion.content }} - {{ parent() }}{% endblock %}
  8. {% block meta_description %}
  9. {% trans with {'%area%': discussion.location.title } %}
  10. neighborhoods.discussion.meta_description
  11. {% endtrans %} {% if discussion.comments|length > 0 %}({{ "neighborhoods.comment.answers"|trans({'%count%' : discussion.comments|length}) }}) - {{ discussion.comments[0].content|length > 120 ? discussion.comments[0].content|slice(0, 120) ~ '...' : discussion.comments[0].content }}{% else %}{{ '' }}{% endif %}
  12. {% endblock %}
  14. {% block htmlhead %}
  15. <link rel="alternate" hreflang="ar"
  16. href="{{ url(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ar'})) }}"/>
  17. <link rel="alternate" hreflang="en"
  18. href="{{ url(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}"/>
  19. <link rel="alternate" hreflang="x-default"
  20. href="{{ url(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ar'})) }}"/>
  22. <meta name="twitter:card" content="summary_large_image" />
  23. <meta name="twitter:site" content="{{ "%s%s"|format('@', 'layout.app_name'|trans) }}" />
  24. <meta name="twitter:creator" content="{{ "%s%s"|format('@', 'layout.app_name'|trans) }}" />
  26. <meta property="og:title" content="{{ discussion.content|length > 50 ? discussion.content|slice(0, 50) ~ '...' : discussion.content }} - {{ 'layout.app_name'|trans }}"/>
  27. <meta property="og:description" content="{{ 'neighborhoods.discussion.sharing.description'|trans }}" />
  28. <meta property="og:image" content="{{ SHARING_IMAGE }}" />
  29. <meta property="og:site_name" content="{{ 'layout.app_name'|trans }}" />
  30. <meta property="fb:app_id" content="{{ facebook_app_id }}"/>
  31. {% endblock %}
  33. {% block body %}
  34. {% set COMMENT_TYPE_LIKE = constant('Aqarmap\\Bundle\\DiscussionBundle\\Constant\\CommentLikeTypes::LIKE') %}
  35. {% set COMMENT_TYPE_UNLIKE = constant('Aqarmap\\Bundle\\DiscussionBundle\\Constant\\CommentLikeTypes::UNLIKE') %}
  36. {% set sharingEvent = "ask-neighbors" %}
  38. <section id="{{ app.request.get('_route') }}">
  39. <div class="discussions" ng-controller="neighborhoodDiscussionController" itemscope itemtype="https://schema.org/QAPage" data-sticky-container>
  40. <div class="container">
  41. <div class="row">
  42. <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
  43. <div class="row" itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
  44. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 hidden-sm hidden-xs">
  45. {% set discussion_breadcrumb = knp_menu_get( 'aqarmap.discussion.breadcrumb' , [], {'location': discussion.location, "discussion" : discussion, 'userAgent': app.request.headers.get('User-Agent')}) %}
  46. {{ knp_menu_render(discussion_breadcrumb , {
  47. 'allow_safe_labels': true,
  48. 'template': 'knp_breadcrumbs.html.twig',
  49. 'currentAsLink': true,
  50. 'currentClass': 'active'
  51. }) }}
  52. </div>
  53. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  54. <div class="main-comment-discussion-container">
  55. <div class="page-header">
  56. <span itemprop="name" class="hidden">{{ discussion.content|trim(10) }}</span>
  57. <h1 class="comment-discussion" itemprop="text">
  58. {{ discussion.content }}
  59. {% if app.user and app.user == discussion.user %}
  60. <div class="pull-right flip comment-discussion-setting">
  61. <a id="discussion-{{ discussion.id }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ><i class="fa fa-ellipsis-v" aria-hidden="true"></i></a>
  62. <ul class="dropdown-menu pull-right flip" aria-labelledby="discussion-{{ discussion.id }}">
  63. <li><a class="dropdown-item" href="{{ path('neighborhood_discussion_edit' , {'discussion' : discussion.id}) }}">{{ "layout.admin.edit"|trans }}</a></li>
  64. <li><a id="delete_discussion" onclick="return confirm('{{ "neighborhoods.discussion.delete_message"|trans }}');" href="{{ path('discussion_delete', {'discussion': discussion.id}) }}" >{{ "listing.delete"|trans }}</a></li>
  65. </ul>
  66. </div>
  67. {% endif %}
  68. </h1>
  69. </div>
  72. <div class="discussion-replies-header"`>
  73. <div class="discussion-main-data">
  74. <small>
  75. <div itemprop="author" itemscope itemtype="https://schema.org/Person">
  76. <span itemprop="name" class="comment-author">{% if discussion.user.fullName %}{{ discussion.user.fullName }} {% else %}{{ discussion.user.username }}{% endif %}</span>
  77. </div>
  78. <time itemprop="dateCreated" datetime="{{ discussion.createdAt|date }}">{{ discussion.createdAt|date("d-m-Y") }}</time>
  79. {% if discussion.category %}, <a target="_blank" href="{{ path('neighborhood_discussion_list' , {'category': discussion.category.id }) }}">{{ discussion.category.title }}</a>{% endif %}
  80. {% if discussion.location %}, <a
  81. href="{{ path('neighborhood_discussion_list' , {'location':discussion.location.id }) }}">{{ discussion.location.title }}</a>{% endif %}
  82. </small>
  83. </div>
  84. <div class="pull-left flip">
  85. <div>
  86. {% if app.user %}
  87. {% if app.user in discussion.subscribers %}
  88. <label>
  89. <i class="fa fa-user" aria-hidden="true"></i>
  90. <a id="subscribe_button"
  91. href="{{ path('neighborhood_discussion_remove_subscriber',{'discussion' : discussion.id }) }}"
  92. class="">
  93. {{ "neighborhoods.discussion.unsubscribe"|trans }}
  94. </a>
  95. </label>
  96. {% else %}
  97. <label>
  98. <i class="fa fa-user" aria-hidden="true"></i>
  99. <a id="subscribe_button"
  100. href="{{ path('neighborhood_discussion_add_subscriber',{'discussion' : discussion.id }) }}"
  101. class="">
  102. {{ "neighborhoods.discussion.subscribe"|trans }}
  103. </a>
  104. </label>
  105. {% endif %}
  106. {% endif %}
  107. </div>
  108. </div>
  109. <div class="pull-right flip">
  110. {% if isEnabledFeature('web.sharing.page') %}
  111. <a class="action-btn" data-toggle="modal" data-target="#discussionSharingModal">
  112. <i class="fa fa-share-alt" aria-hidden="true"></i>
  113. {{ "layout.share"|trans }}</a>
  114. {% endif %}
  116. <a class="action-btn" href="#reply"><i class="fa fa-reply-all" aria-hidden="true"></i>
  117. {{ "neighborhoods.comment.reply"|trans }}</a>
  118. </div>
  119. </div>
  120. </div>
  121. <hr/>
  122. <div>
  123. <h2 class="answers-count"><span itemprop="answerCount" class="hidden">{{ discussion.comments|length }}</span>{{ "neighborhoods.comment.answers"|trans({'%count%' : discussion.comments|length}) }}</h2>
  124. </div>
  125. </div>
  126. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  127. {% if discussion.comments|length > 0 %}
  128. <div>
  129. {% for discussionComment in discussionComments %}
  130. {% set comment = discussionComment[0] %}
  131. {% set likesCount = discussionComment['likesCount'] %}
  132. {% set unlikesCount = discussionComment['unLikesCount'] %}
  133. <div id="comment-{{ comment.id }}" class="media">
  134. <div class="media-body" itemscope itemtype="https://schema.org/Answer" itemprop="{% if loop.index == 1 %}acceptedAnswer{% else %}suggestedAnswer{% endif %}">
  135. <link itemprop="url" href="{{ url('neighborhood_discussion_comments', {'discussion': discussion.id}) }}#{{ 'comment-' ~ comment.id }}" />
  136. <div class="comment-heading">
  137. <small>
  138. <div itemprop="author" itemscope itemtype="https://schema.org/Person">
  139. <span
  140. class="comment-author" itemprop="name">{% if comment.user %}{{ comment.user.fullName }}{% endif %}</span>
  141. </div>
  142. <time itemprop="dateCreated" datetime="{{ comment.createdAt|date }}">{{ comment.createdAt|date("d-m-Y") }}</time>
  143. </small>
  144. {% if app.user and app.user == comment.user %}
  145. <div class="pull-right flip">
  146. <a id="comment-{{ comment.id }}" data-toggle="dropdown"
  147. role="menu" class="pull-right flip"><i
  148. class="fa fa-ellipsis-v" aria-hidden="true"></i></a>
  149. <ul class="dropdown-menu pull-right flip"
  150. aria-labelledby="comment-{{ comment.id }}">
  151. <li><a target="_blank" class="dropdown-item"
  152. href="{{ path('neighborhood_comment_edit' , {'discussion' : discussion.id, 'comment' : comment.id}) }}">{{ "layout.admin.edit"|trans }}</a></li>
  153. <li><a id="delete_comment" onclick="return confirm('{{ "neighborhoods.comment.delete_message"|trans }}');" href="{{ path('comment_delete', {'discussion': discussion.id, 'comment' : comment.id}) }}" >{{ "listing.delete"|trans }}</a></li>
  154. </ul>
  155. </div>
  156. {% endif %}
  157. </div>
  158. <p class="media-heading comment-content comment-discussion" itemprop="text">
  159. {{ comment.content }}
  160. </p>
  161. <div class="likes-container" >
  162. <a {% if app.user and comment.isUserLike(app.user, COMMENT_TYPE_LIKE) %}
  163. class="comment-like active" id="like_{{ comment.id }}" ng-click='setCurrentAction("removeLike");toggleLikeEvents($event, data);'
  164. {% else %}
  165. class="comment-like" id="like_{{ comment.id }}" ng-click="setCurrentAction('removeLike');toggleLikeEvents($event, data);"
  166. {% endif %}
  168. href=""><i class="fa fa-thumbs-up" aria-hidden="true"></i>
  169. <span id="likeCounter_{{ comment.id }}" class="likesCount" itemprop="upvoteCount">{{ likesCount }}</span>
  170. </a>
  171. <input type="hidden" class="commentId" value="{{ comment.id }}">
  172. <a {% if app.user and comment.isUserLike(app.user, COMMENT_TYPE_UNLIKE) %}
  173. class="comment-unlike active" id="unlike_{{ comment.id }}" ng-click="setCurrentAction('removeUnLike');toggleLikeEvents($event, data);"
  174. {% else %}
  175. class="comment-unlike" id="unlike_{{ comment.id }}" ng-click="setCurrentAction('removeUnLike');toggleLikeEvents($event, data);"
  176. {% endif %}
  177. href=""><i class="fa fa-thumbs-down" aria-hidden="true"></i>
  178. <span id="unlikeCounter_{{ comment.id }}" class="likesCount">{{ unlikesCount }}</span></a>
  179. </div>
  180. </div>
  181. </div>
  182. <hr/>
  183. {% endfor %}
  184. </div>
  185. {% endif %}
  186. {{ form_start(commentForm, {attr: {'ng-submit': 'submitDiscussion($event, data)' }}) }}
  187. <div class="reply_content" id="reply">
  188. {{ form_row(commentForm.content, {'attr': {'placeholder': "neighborhoods.comment.content"|trans } }) }}
  189. </div>
  190. <button type="submit" id="discussion-submit-btn"
  191. class="btn btn-lg btn-primary pull-right flip ">{{ "neighborhoods.comment.reply"|trans }}</button>
  192. {{ form_end(commentForm) }}
  193. </div>
  194. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mobile-breadcrumb visible-sm visible-xs">
  195. {% set discussion_breadcrumb = knp_menu_get( 'aqarmap.discussion.breadcrumb' , [], {'location': discussion.location, "discussion" : discussion, 'userAgent': app.request.headers.get('User-Agent')}) %}
  196. {{ knp_menu_render(discussion_breadcrumb , {
  197. 'allow_safe_labels': true,
  198. 'template': 'knp_menu_ordered.html.twig',
  199. 'currentClass': 'active'
  200. }) }}
  201. </div>
  202. </div>
  203. </div>
  204. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 panel-white padding-md-zero small-container">
  205. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  206. {% if interestsListings|length > 0 %}
  207. <div class="page-header">
  208. <p class="custom-small-header">{{ 'advice.Properties_intersted_in'|trans }}
  209. </p>
  210. </div>
  211. {% endif %}
  212. <div class="interested-listings">
  213. {% include "@AqarmapDiscussionBundle/Discussion/ListingsYouMaybeInterestedIn.html.twig" %}
  214. </div>
  215. </div>
  216. {% if popularArticles|length > 0 %}
  217. {% include '@AqarmapDiscussion/Discussion/popularArticles.html.twig' %}
  218. {% endif %}
  219. </div>
  220. <div class="container ask-question-container-parent">
  221. <div class="ask-question-container sticky" data-sticky-class="sticky-on">
  222. <div class="container-fluid">
  223. <div class="row">
  224. <div class="col-xs-12">
  225. <div class="header">
  226. <h2 class="custom-header white">{{ "neighborhoods.discussion.main_title"|trans }}</h2>
  227. <p class="responsive_style">
  228. {{ 'neighborhoods.discussion.location_sub_title'|trans }}
  229. {% if discussion.location %}
  230. {% trans with {'%location%': discussion.location.title } %}
  231. neighborhoods.discussion.about_sub_title
  232. {% endtrans %}
  233. {% endif %}
  234. </p>
  236. <div class="ask-question-btn-container">
  237. <a class="btn btn-block btn-warning"
  238. href="{{ path('neighborhood_discussion_list', {'location': discussion.location.id ? discussion.location.id : discussion.location.parent.id, 'category': discussion.category ? discussion.category.id : null}) }}">
  239. {{ "neighborhoods.discussion.explore_more"|trans }}
  240. </a>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. </section>
  252. {% if isEnabledFeature('web.sharing.page') %}
  253. {% include "@AqarmapDiscussionBundle/Discussion/discussionSharingModal.html.twig" %}
  254. {% endif %}
  255. {% endblock %}
  257. {% block footer %}
  258. {% include "footer.v2.html.twig" %}
  259. {% endblock %}
  261. {% block javascripts %}
  262. <script src="//maps.google.com/maps/api/js?v=3.2&amp;sensor=false&amp;key={{ google_maps_key }}"></script>
  263. {{ parent() }}
  264. <script>
  265. $("#explore-more").click(function () {
  266. $(this).hide();
  267. });
  268. $(document).ready(function () {
  269. if ($(window).width() > mobileWindowSize){
  270. var sticky = new Sticky('.sticky');
  271. }
  272. });
  273. </script>
  274. {% endblock %}