templates/SaloonPreview/page.html.twig line 1

Open in your IDE?
  1. {% extends 'SaloonPreview/grid.html.twig' %}
  3. {% block navbar %}
  4.     {{ parent() }}
  5.     {% set excludeRecommendationProfileIds = [] %}
  6.     {% include 'Recommendations/_profile_recommendations.html.twig' %}
  7. {% endblock %}
  9. {% block mainContainer %}
  10.     <h5 alt="{{ saloon.seo ? saloon.seo.phone : '' }}">{{ saloon.name|trans }} {{ rating }}&#9733;
  11.         {% if saloon.active %}
  12.             <small><a href="tel:{{ saloon.phoneNumber }}">{{ saloon.phoneNumber }}</a></small>
  13.         {% endif %}
  14.     </h5>
  16.     <p>{{ saloon.address|trans }}</p>
  17.     <dl>
  18.         <dt>{% trans %}Город{% endtrans %}</dt>
  19.         <dd>{{ saloon.city.name|trans }}</dd>
  20.         <dt>{% trans %}Метро{% endtrans %}</dt>
  21.         <dd>
  23.             {% for station in saloon.stationsSortedByPrimary %}
  24.                 {% if loop.first %}<strong>{{ station.name|trans }} *</strong>
  25.                 {% else %}{{ station.name|trans }}{% endif %}<br/>
  26.             {% endfor %}
  27.         </dd>
  28.         <dt>{% trans %}Район{% endtrans %}</dt>
  29.         <dd>
  30.             {% for station in saloon.stationsSortedByPrimary %}
  31.                 {% set stationDistrict = station.district %}
  32.                 {% if stationDistrict %}
  33.                     {% set districtCounty = stationDistrict.county %}
  34.                     {% if districtCounty %}
  35.                         {{ districtCounty.name|trans }}
  36.                     {% endif %}
  37.                     {{ stationDistrict.name|trans }}<br/>
  38.                 {% endif %}
  39.             {% endfor %}
  40.         </dd>
  41.         {% if saloon.active
  42.             and feature('extended_profile_form')
  43.             and saloon.messengers
  44.             and saloon.messengers.hasTelegram
  45.             and saloon.messengers.telegramUsername is not empty %}
  46.             <dt><strong>{% trans %}Телеграм{% endtrans %}</strong></dt>
  47.             <dd><a href="https://t.me/{{ saloon.messengers.telegramUsername }}"
  48.                    target="_blank" rel="nofollow noopener">
  49.                     @{{ saloon.messengers.telegramUsername }}
  50.                 </a></dd>
  51.         {% endif %}
  52.         {% if saloon.active
  53.             and feature('extra_category_with_max')
  54.             and saloon.messengers
  55.             and saloon.messengers.hasMax
  56.             and saloon.messengers.maxUrl is not empty %}
  57.             <dt><strong>MAX</strong></dt>
  58.             <dd><a href="{{ saloon.messengers.maxUrl }}"
  59.                    target="_blank" rel="nofollow noopener">MAX</a></dd>
  60.         {% endif %}
  61.     </dl>
  62.     <p>{{ saloon.description|trans }}</p>
  64.     {% if feature('extended_profile_form') %}
  65.         <h6>{% trans %}Предпочтения{% endtrans %}</h6>
  66.         {% for group, servicesGroup in services %}
  67.             <p><strong>{{ group|service_group|trans({}, 'service_groups') }}</strong></p>
  68.             <ul>
  69.                 {% for service in servicesGroup %}
  70.                     {% set providedService = saloon.providedService(service) %}
  71.                     <li class="{% if providedService %}text-success{% else %}text-danger{% endif %}">
  72.                         <a href="{{ path('profile_list.list_by_provided_service', {'city': saloon.city.uriIdentity, 'service': service.uriIdentity}) }}">{{ service.name|trans }}</a>
  73.                     </li>
  74.                     {% if providedService %}
  75.                         {{ providedService.condition|provided_service_condition|trans({},'service_conditions') }}{% if providedService.condition == 3 %}, цена:{{ providedService.extraCharge }}{% endif %}
  76.                     {% endif %}
  77.                 {% endfor %}
  78.             </ul>
  79.         {% endfor %}
  80.     {% endif %}
  82.     {% if feature('extended_profile_form') %}
  83.         <div>
  84.             {% if saloon.expressPricing %}
  85.                 <b>Экспресс:</b>
  86.                 {% if saloon.expressPricing.provided %}
  87.                     Да, стоимость{{ saloon.expressPricing.price }}
  88.                 {% else %}
  89.                     Нет
  90.                 {% endif %}
  91.             {% endif %}
  92.         </div>
  94.         <div>
  95.             {% if saloon.clientTypes %}
  96.                 <b>Услуги для:</b>
  97.                 {% for clientType in saloon.clientTypes %}
  98.                     {{ clientType|client_type|trans({}, 'client_types') }}<br>
  99.                 {% endfor %}
  100.             {% endif %}
  101.         </div>
  103.         <div>
  104.             {% if saloon.messengers %}
  105.                 <b>Мессенджеры</b><br>
  106.                 <b>Telegram</b> {{ saloon.messengers.telegram ? 'Да' : 'Нет' }}
  107.                 <b>WhatsApp</b> {{ saloon.messengers.whatsApp ? 'Да' : 'Нет' }}
  108.                 {% if feature('extra_category_with_max') %}
  109.                     <b>MAX</b> {{ saloon.messengers.max ? 'Да' : 'Нет' }}
  110.                 {% endif %}
  111.             {% endif %}
  112.         </div>
  113.     {% endif %}
  115.     <div>
  116.         <b>Отвечаю на:</b>
  117.         {% for answeringTo in saloon.phoneCallRestrictions.answeringTo %}
  118.             {{ answeringTo|answering_to|trans({}, 'phone_call_restrictions') }}<br>
  119.         {% endfor %}
  120.     </div>
  122.     {% if not saloon.deleted %}
  123.         <img src="{{ saloon.thumbnail ? asset(saloon.thumbnail.path, 'saloon_media_thumb') : '' }}" width="100"
  124.              alt="{{ saloon.seo ? saloon.seo.phone : '' }}"/>
  125.         {% for photo in saloon.photos %}
  126.             <img src="{{ asset(photo.path, 'saloon_media') }}"/>
  127.         {% endfor %}
  129.         {% if feature('extended_profile_form') %}
  130.             {% for video in saloon.videos %}
  131.                 <video width="320" height="240" controls
  132.                        poster="{{ responsive_asset(video.previewPath, 'saloon_media_video', "fullsize", "jpg") }}">
  133.                     <source src="{{ asset(video.path, 'saloon_media_video') }}">
  134.                 </video>
  135.             {% endfor %}
  136.         {% endif %}
  137.     {% else %}
  138.         Фото-заглушка
  139.     {% endif %}
  141.     {% include 'SaloonPreview/_profiles.html.twig' with {
  142.         saloon: saloon,
  143.         profiles: saloon_profiles,
  144.         total_count: saloon_profiles_total_count,
  145.         per_page: saloon_profiles_per_page,
  146.         rotation_offset: saloon_profiles_rotation_offset,
  147.     } %}
  149.     <h6>{% trans %}Отзывы{% endtrans %}</h6>
  150.     <div id="comments">
  151.         {% for comment in saloon.comments %}
  152.             {% include 'SaloonPreview/comment.html.twig' %}
  153.         {% else %}
  154.             <p>{% trans %}Отзывов нет{% endtrans %}</p>
  155.         {% endfor %}
  156.     </div>
  158.     <div id="commentFormContainer">
  160.     </div>
  161.     <div id="recaptcha-container"></div>
  163.     <script type="text/javascript">
  164.         var onloadCallback = function () {
  165.             grecaptcha.render('recaptcha-container', {
  166.                 'sitekey': '{{ ewz_recaptcha_site_key }}'
  167.             });
  168.         };
  169.     </script>
  170.     <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
  171.     <script src="{{ asset('ajax.js', 'js_script') }}"></script>
  172.     <script type="text/javascript">
  173.         document.addEventListener('DOMContentLoaded', function () {
  174.             ajax({
  175.                 url: '{{ path('saloon.comment.comment_form', {saloon: saloon.id}) }}',
  176.                 callback: function (response) {
  177.                     // console.log(response);
  178.                     if ('' !== response) {
  179.                         document.querySelector('#commentFormContainer').innerHTML = response;
  180.                         setCommentFormListeners();
  181.                     }
  182.                 },
  183.                 dataType: 'json',
  184.                 responseType: 'text/html',
  185.             });
  187.             function setCommentFormListeners() {
  188.                 const formName = 'comment_form';
  189.                 {# console.log(document.querySelector('input[name="{{ comment_form.mark.vars.full_name }}"]:checked').value); #}
  190.                 document.querySelector('#send_comment').addEventListener('click', function () {
  191.                     ajax({
  192.                         url: '{{ path('saloon.comment.create', {saloon: saloon.id}) }}',
  193.                         method: '',
  194.                         data: {
  195.                             'g-recaptcha-response': grecaptcha.getResponse(),
  196.                             'entity_id': document.querySelector(`#${formName}_entity_id`).value,
  197.                             'mark': document.querySelector(`input[name="${formName}[mark]"]:checked`).value,
  198.                             'text': document.querySelector(`#${formName}_text`).value,
  199.                         },
  200.                         callback: function (response) {
  201.                             if (response) {
  202.                                 if (response.success) {
  203.                                     //document.querySelector(`#{formName}`).style.display = 'none';
  204.                                     //document.querySelector('#send_comment').style.display = 'none';
  205.                                     document.querySelector(`form[name="${formName}"]`).reset();
  206.                                     grecaptcha.reset();
  208.                                     let template =
  209.                                         '<div>' +
  210.                                         (response.comment.nickname ?
  211.                                             '<span class="author">' +
  212.                                             '<img src="#avatar" alt="shift" width="25">' +
  213.                                             '<span class="name">#nickname</span>' +
  214.                                             '</span>' : '') +
  215.                                         '<span class="date">#createdAt</span>' +
  216.                                         '<span>#text</span>' +
  217.                                         '</div>'
  218.                                     ;
  220.                                     response.comment.createdAt = new Date(response.comment.createdAt * 1000);
  221.                                     for (let k in response.comment) {
  222.                                         template = template.replace('#' + k, response.comment[k]);
  223.                                     }
  224.                                     document.querySelector('#comments').innerHTML += template;
  226.                                     // console.log(template);
  227.                                     // document.querySelector('#comments').innerHTML += response.html;
  228.                                 } else {
  229.                                     alert(response.error);
  230.                                 }
  231.                             }
  232.                         },
  233.                         dataType: 'json',
  234.                         responseType: 'json',
  235.                     });
  236.                 });
  237.             }
  238.         });
  239.     </script>
  240. {% endblock %}