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

Open in your IDE?
  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 %}