templates/ProfilePreview/page.html.twig line 1

Open in your IDE?
  1. {% extends 'ProfilePreview/grid.html.twig' %}
  3. {% block title %}{{ seo_title() }}{% endblock %}
  5. {% block metaDescription %}
  6.     <meta name="description" content="{{ seo_description() }}">
  7. {% endblock %}
  9. {% block navbar %}
  10.     {{ parent() }}
  11.     {% set excludeRecommendationProfileIds = [profile.id] %}
  12.     {% include 'Recommendations/_profile_recommendations.html.twig' %}
  13. {% endblock %}
  15. {% block mainContainer %}
  16.     <div class="row" alt="{{ profile.seo ? profile.seo.phone : '' }}">
  17.         <div class="col-3">
  18.             <div id="left_column_metric">
  19.                 {% if not app.user or is_user_customer(app.user) %}
  20.                     <div><a class="add-remove-favourite" data-action="remove" href="javascript:void(0);"
  21.                             style="display: {{ is_profile_in_favourites(profile) ? 'block' : 'none' }}">UNLIKE</a></div>
  22.                     <div><a class="add-remove-favourite" data-action="add"
  23.                             style="display: {{ not is_profile_in_favourites(profile) ? 'block' : 'none' }}"
  24.                             {% if app.user %}href="javascript:void(0);"
  25.                             {% else %}href="javascript:alert('Чтобы сделать что-то зарегистрируйтесь');"{% endif %}>LIKE</a>
  26.                     </div>
  27.                 {% endif %}
  28.                 <div class="row">
  29.                     {% if profile.isApproved %} <b style="color:green;">APPROVED</b><br/> {% endif %}
  30.                     {% if not profile.deleted %}
  31.                         {% if profile.isModerationRejected %}
  32.                             <img src="{{ asset('static/img/red-circle.png') }}"
  33.                                  alt="{{ profile.seo ? profile.seo.phone : '' }}" width="150">
  34.                         {% else %}
  35.                             {% set photo = profile|avatar %}
  36.                             {% if photo %}
  37.                                 <img src="{{ asset(photo.path, photo.type == 'photo' ? 'profile_media' : 'profile_media_avatar') }}"
  38.                                      alt="{{ profile.seo ? profile.seo.phone : '' }}" width="150">
  39.                             {% endif %}
  40.                         {% endif %}
  41.                     {% else %}
  42.                         Фото-заглушка
  43.                     {% endif %}
  44.                 </div>
  45.                 {% if false == profile.isModerationRejected and profile.photos|length > 0 %}
  46.                     <div class="row">
  47.                         {% if not profile.deleted %}
  48.                             {% for photo in profile.photos %}
  49.                                 <div class="col-4">
  50.                                     <img src="{{ asset(photo.path, 'profile_media') }}" alt="" width="150">
  51.                                 </div>
  52.                             {% endfor %}
  53.                         {% endif %}
  54.                     </div>
  55.                 {% endif %}
  56.                 {% if false == profile.isModerationRejected and profile.selfies|length > 0 %}
  57.                     <div class="row">
  58.                         {% if not profile.deleted %}
  59.                             {% for photo in profile.selfies %}
  60.                                 {% if photo.main == false %}
  61.                                     <div class="col-4">
  62.                                         <img src="{{ asset(photo.path, 'profile_media_selfie') }}" alt="" width="150">
  63.                                     </div>
  64.                                 {% endif %}
  65.                             {% endfor %}
  66.                         {% endif %}
  67.                     </div>
  68.                 {% endif %}
  69.                 {% if false == profile.isModerationRejected and not profile.deleted %}
  70.                     <div class="row">
  71.                         {% for video in profile.confirmedVideos | filter(video => video.previewPath) %}
  72.                             <div class="col-4">
  73.                                 <video width="100%" controls
  74.                                        poster="{{ asset(video.previewPath, 'profile_media', 'fullsize') }}">
  75.                                     <source src="{{ asset(video.path, 'profile_media', 'fullsize') }}" type="video/mp4">
  76.                                     Your browser does not support the video tag.
  77.                                 </video>
  78.                             </div>
  79.                         {% endfor %}
  80.                     </div>
  81.                 {% endif %}
  82.             </div>
  83.         </div>
  84.         <div class="col-9">
  85.             <div id="center_column_metric">
  86.                 <h5>{{ profile.name|trans }} {{ rating }}&#9733;
  87.                     {% if not profile.deleted %}
  88.                         {% if profile.isModerationRejected %}
  89.                             <h3>Анкета отклонена модератором</h3>
  90.                         {% else %}
  91.                             {% if profile.active %}
  92.                                 <small><a href="tel:{{ profile.phoneNumber }}">{{ profile.phoneNumber }}</a></small>
  93.                             {% endif %}
  94.                         {% endif %}
  95.                     {% else %}
  96.                         Заглушка телефона
  97.                     {% endif %}
  98.                 </h5>
  99.                 <dl>
  100.                     <dt>{% trans %}Город{% endtrans %}</dt>
  101.                     <dd>{{ profile.city.name|trans }}</dd>
  102.                     <dt>{% trans %}Метро{% endtrans %}</dt>
  103.                     <dd>
  104.                         {% for station in profile.stationsSortedByPrimary %}
  105.                             <a href="{{ path('profile_list.list_by_station', {'city': profile.city.uriIdentity, 'station': station.uriIdentity}) }}">{{ station.name|trans }} {% if loop.first %}*{% endif %}</a>
  106.                             {% if not loop.last %}, {% endif %}
  107.                         {% endfor %}
  108.                     </dd>
  109.                     <dt>{% trans %}Район{% endtrans %}</dt>
  110.                     <dd>
  111.                         {% for station in profile.stationsSortedByPrimary %}
  112.                             {% set stationDistrict = station.district %}
  113.                             {% if stationDistrict %}
  114.                                 {% set districtCounty = stationDistrict.county %}
  115.                                 {% if districtCounty %}
  116.                                     <a href="{{ path('profile_list.list_by_county', {'city': profile.city.uriIdentity, 'county': districtCounty.uriIdentity}) }}">{{ districtCounty.name|trans }}</a>
  117.                                 {% endif %}
  118.                             {% endif %}
  119.                         {% endfor %}
  120.                     </dd>
  121.                     {% if not profile.deleted %}
  122.                         {% if not profile.isModerationRejected %}
  123.                             <dt><strong>{% trans %}Телефон{% endtrans %}</strong></dt>
  124.                             <dd><strong>{{ profile.phoneNumber }}</strong></dd>
  125.                             {% if feature('extended_profile_form')
  126.                                 and profile.messengers
  127.                                 and profile.messengers.hasTelegram
  128.                                 and profile.messengers.telegramUsername is not empty %}
  129.                                 <dt>
  130.                                     <strong>{% trans %}Телеграм{% endtrans %}</strong> {{ profile.messengers.hasTelegram }}
  131.                                 </dt>
  132.                                 <dd><a href="https://t.me/{{ profile.messengers.telegramUsername }}"
  133.                                        target="_blank" rel="nofollow noopener">
  134.                                         @{{ profile.messengers.telegramUsername }}
  135.                                     </a></dd>
  136.                             {% endif %}
  137.                         {% endif %}
  138.                     {% else %}
  139.                         Заглушка телефона
  140.                     {% endif %}
  141.                     {% if feature('extra_category_without_prepayment') %}
  142.                         {% if profile.prepayment %}
  143.                             <dt>Оплата</dt>
  144.                             <dd>
  145.                                 Предоплата {{ profile.prepaymentAmount }}{% if profile.prepaymentComment %}. {{ profile.prepaymentComment }}{% endif %}
  146.                             </dd>
  147.                         {% elseif profile.prepayment is same as(false) %}
  148.                             <dt>Оплата</dt>
  149.                             <dd>Без предоплаты</dd>
  150.                         {% endif %}
  151.                     {% endif %}
  152.                     <dt>{% trans %}Возраст{% endtrans %}</dt>
  153.                     <dd>{{ profile.personParameters.age }}</dd>
  154.                     <dt>{% trans %}Рост{% endtrans %}</dt>
  155.                     <dd>{{ profile.personParameters.height }}</dd>
  156.                     <dt>{% trans %}Размер груди{% endtrans %}</dt>
  157.                     <dd>{{ profile.personParameters.breastSize }}</dd>
  158.                     <dt>{% trans %}Вес{% endtrans %}</dt>
  159.                     <dd>{{ profile.personParameters.weight }}</dd>
  160.                     <dt>{% trans %}Размер одежды{% endtrans %}</dt>
  161.                     <dd>{{ profile.personParameters.clothSize }}</dd>
  162.                     <dt>{% trans %}Телосложение{% endtrans %}</dt>
  163.                     <dd>{{ profile.personParameters.bodyType|body_type|trans }}</dd>
  164.                     <dt>{% trans %}Цвет волос{% endtrans %}</dt>
  165.                     <dd>{{ profile.personParameters.hairColor|hair_color|trans }}</dd>
  166.                     <dt>{% trans %}Интимная стрижка{% endtrans %}</dt>
  167.                     <dd>{{ profile.personParameters.privateHaircut|private_haircut|trans }}</dd>
  168.                     <dt>{% trans %}Национальность{% endtrans %}</dt>
  169.                     <dd>{{ profile.personParameters.nationality|nationality|trans }}</dd>
  170.                     <dt>{% trans %}Дата обновления{% endtrans %}</dt>
  171.                     <dd>{{ profile.updatedAt|date }}</dd>
  172.                 </dl>
  174.                 <h6>{% trans %}О себе{% endtrans %}</h6>
  175.                 <p>{{ profile.description|trans }}</p>
  177.                 <h6>{% trans %}Предпочтения{% endtrans %}</h6>
  178.                 {% for group, servicesGroup in services | filter((servicesGroup, group) => not profile.masseur or group not in masseurExcludeServiceGroups) %}
  179.                     <p><strong>{{ group|service_group|trans({}, 'service_groups') }}</strong></p>
  180.                     <ul>
  181.                         {% for service in servicesGroup %}
  182.                             {% set providedService = profile.providedService(service) %}
  183.                             <li class="{% if providedService %}text-success{% else %}text-danger{% endif %}">
  184.                                 <a href="{{ path('profile_list.list_by_provided_service', {'city': profile.city.uriIdentity, 'service': service.uriIdentity}) }}">{{ service.name|trans }}</a>
  185.                             </li>
  186.                             {% if providedService %}
  187.                                 {% if feature('extended_profile_form') %}
  188.                                     {{ providedService.condition|provided_service_condition|trans({},'service_conditions') }}{% if providedService.condition == 3 %}, цена:{{ providedService.extraCharge }}{% endif %}
  189.                                 {% endif %}
  190.                                 {% if providedService.comment %}
  191.                                     Комментарий: {{ providedService.comment }}
  192.                                 {% endif %}
  193.                             {% endif %}
  194.                         {% endfor %}
  195.                     </ul>
  196.                 {% endfor %}
  198.                 <h6>{% trans %}Отзывы{% endtrans %}</h6>
  199.                 <div id="comments">
  200.                     {% for comment in profile.comments %}
  201.                         {% include 'ProfilePreview/comment.html.twig' %}
  202.                     {% else %}
  203.                         <p>{% trans %}Отзывов нет{% endtrans %}</p>
  204.                     {% endfor %}
  205.                 </div>
  207.                 <div id="commentFormContainer">
  209.                 </div>
  210.                 <div id="recaptcha-container"></div>
  212.                 {% if feature('extended_profile_form') %}
  213.                     <div>
  214.                         {% if profile.expressPricing %}
  215.                             <b>Экспресс:</b>
  216.                             {% if profile.expressPricing.provided %}
  217.                                 Да, стоимость{{ profile.expressPricing.price }}
  218.                             {% else %}
  219.                                 Нет
  220.                             {% endif %}
  221.                         {% endif %}
  222.                     </div>
  223.                 {% endif %}
  225.                 {% if profile.clientTypes %}
  226.                     <div>
  227.                         <b>Услуги для:</b>
  228.                         {% for clientType in profile.clientTypes %}
  229.                             {{ clientType|client_type|trans({}, 'client_types') }}<br>
  230.                         {% endfor %}
  231.                     </div>
  232.                 {% endif %}
  234.                 {% if feature('extended_profile_form') %}
  235.                     <div>
  236.                         {% if profile.messengers %}
  237.                             <b>Мессенджеры</b><br>
  238.                             <b>Telegram</b> {{ profile.messengers.telegram ? 'Да' : 'Нет' }}
  239.                             <b>WhatsApp</b> {{ profile.messengers.whatsApp ? 'Да' : 'Нет' }}
  240.                         {% endif %}
  241.                     </div>
  242.                 {% endif %}
  244.                 {% if feature('extended_profile_form') %}
  245.                     <div>
  246.                         {% if profile.carPricing %}
  247.                             <b>В машине:</b> {{ profile.carPricing.provided ? 'Да' : 'Нет' }}
  248.                         {% endif %}
  249.                     </div>
  250.                 {% endif %}
  252.                 {% if feature('extended_profile_form') %}
  253.                     <div>
  254.                         {% if profile.personParameters.tattoo is not null %}
  255.                             <b>Тату:</b> {{ profile.personParameters.tattoo ? 'Да' : 'Нет' }}
  256.                         {% endif %}
  257.                     </div>
  258.                     <div>
  259.                         {% if profile.personParameters.piercing is not null %}
  260.                             <b>Пирсинг:</b> {{ profile.personParameters.piercing ? 'Да' : 'Нет' }}
  261.                         {% endif %}
  262.                     </div>
  263.                 {% endif %}
  264.                 <div>
  265.                     <b>Отвечаю на:</b>
  266.                     {% for answeringTo in profile.phoneCallRestrictions.answeringTo %}
  267.                         {{ answeringTo|answering_to|trans({}, 'phone_call_restrictions') }}<br>
  268.                     {% endfor %}
  269.                 </div>
  270.             </div>
  271.         </div>
  273.         {% include 'ProfilePreview/nearest_profiles.html.twig' %}
  275.         <div id="recentlyViewedProfiles"></div>
  276.     </div>
  278.     <script type="text/javascript">
  279.         var onloadCallback = function () {
  280.             grecaptcha.render('recaptcha-container', {
  281.                 'sitekey': '{{ ewz_recaptcha_site_key }}'
  282.             });
  283.         };
  284.     </script>
  285.     <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
  286.     <script src="{{ asset('ajax.js', 'js_script') }}"></script>
  287.     <script src="{{ asset('local-storage.js', 'js_script') }}"></script>
  288.     <script src="{{ asset('recommendations.js', 'js_script') }}"></script>
  289.     <script src="{{ asset('bot-helper.js', 'js_script') }}"></script>
  290.     <script src="{{ asset('recently-viewed.js', 'js_script') }}"></script>
  291.     <script type="text/javascript">
  292.         document.addEventListener('DOMContentLoaded', function () {
  293.             ajax({
  294.                 url: '{{ path('profile_ctr.increase_views') }}',
  295.                 data: {
  296.                     profile: {{ profile.id }},
  297.                 },
  298.                 callback: function () {},
  299.                 dataType: 'json',
  300.                 responseType: 'json',
  301.             });
  303.             profileRecommendations.addViewedProfile({{ profile.id }});
  304.             profileBotHelper.addViewedProfile({{ profile.id }});
  305.             //достаем список, пока без учета текущей страницы, для текущего аякс запроса
  306.             const recentlyViewedProfiles = recentlyViewed.getViewedProfiles();
  307.             recentlyViewed.addViewedProfile({{ profile.id }});
  309.             //recently viewed profiles
  310.             ajax({
  311.                 url: '{{ path('recent_profiles.recently_viewed.list') }}',
  312.                 data: {
  313.                     recently_viewed_profiles: recentlyViewedProfiles,
  314.                 },
  315.                 callback: function (response) {
  316.                     if (!response)
  317.                         return;
  318.                     // console.log(response);
  319.                     document.querySelector('#recentlyViewedProfiles').innerHTML = response;
  320.                 },
  321.                 dataType: 'json',
  322.                 responseType: 'text/html',
  323.             });
  325.             ajax({
  326.                 url: '{{ path('profile.comment.comment_form', {profile: profile.id}) }}',
  327.                 callback: function (response) {
  328.                     // console.log(response);
  329.                     if ('' !== response) {
  330.                         document.querySelector('#commentFormContainer').innerHTML = response;
  331.                         setCommentFormListeners();
  332.                     }
  333.                 },
  334.                 dataType: 'json',
  335.                 responseType: 'text/html',
  336.             });
  338.             function setCommentFormListeners() {
  339.                 const formName = 'comment_form';
  341.                 document.querySelector('#send_comment').addEventListener('click', function () {
  342.                     ajax({
  343.                         url: '{{ path('profile.comment.create', {profile: profile.id}) }}',
  344.                         method: '',
  345.                         data: {
  346.                             'g-recaptcha-response': grecaptcha.getResponse(),
  347.                             'entity_id': document.querySelector(`#${formName}_entity_id`).value,
  348.                             'mark': document.querySelector(`input[name="${formName}[mark]"]:checked`).value,
  349.                             'text': document.querySelector(`#${formName}_text`).value,
  350.                         },
  351.                         callback: function (response) {
  352.                             if (response) {
  353.                                 if (response.success) {
  354.                                     //document.querySelector(`#{formName}`).style.display = 'none';
  355.                                     //document.querySelector('#send_comment').style.display = 'none';
  356.                                     document.querySelector(`form[name="${formName}"]`).reset();
  357.                                     grecaptcha.reset();
  359.                                     let template =
  360.                                         '<div>' +
  361.                                         (response.comment.nickname ?
  362.                                             '<span class="author">' +
  363.                                             '<img src="#avatar" alt="shift" width="25">' +
  364.                                             '<span class="name">#nickname</span>' +
  365.                                             '</span>' : '') +
  366.                                         '<span class="date">#createdAt</span>' +
  367.                                         '<span>#text</span>' +
  368.                                         '</div>'
  369.                                     ;
  371.                                     response.comment.createdAt = new Date(response.comment.createdAt * 1000);
  372.                                     for (let k in response.comment) {
  373.                                         template = template.replace('#' + k, response.comment[k]);
  374.                                     }
  375.                                     document.querySelector('#comments').innerHTML += template;
  377.                                     // console.log(template);
  378.                                     // document.querySelector('#comments').innerHTML += response.html;
  379.                                 } else {
  380.                                     alert(response.error);
  381.                                 }
  382.                             }
  383.                         },
  384.                         dataType: 'json',
  385.                         responseType: 'json',
  386.                     });
  387.                 });
  388.             }
  390.             //LIKE/UNLIKE
  391.             document.querySelector('#left_column_metric').addEventListener('click', function (e) {
  392.                 if (false == e.target.classList.contains('add-remove-favourite'))
  393.                     return;
  394.                 addRemoveFavourite(e.target.dataset['action'] == 'add');
  395.             });
  396.             let addRemoveFavourite = function (add) {
  397.                 let btn = document.querySelector('.add-remove-favourite[data-action="' + (add ? 'add' : 'remove') + '"]');
  398.                 let reverseBtn = document.querySelector('.add-remove-favourite[data-action="' + (!add ? 'add' : 'remove') + '"]');
  399.                 btn.style.display = 'none';
  400.                 ajax({
  401.                     url: add ? '{{ path('account.favourites.add', {profile: profile.id}) }}' : '{{ path('account.favourites.remove', {profile: profile.id}) }}',
  402.                     callback: function (response) {
  403.                         if (response) {
  404.                             if (response.success) {
  405.                                 reverseBtn.style.display = 'block';
  406.                             } else {
  407.                                 btn.style.display = 'block';
  408.                                 alert(response.error);
  409.                             }
  410.                         }
  411.                     },
  412.                     dataType: 'json',
  413.                     responseType: 'json',
  414.                 });
  415.             };
  416.             //LIKE/UNLIKE end
  417.         });
  418.     </script>
  419. {% endblock %}