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