templates/Recommendations/_profile_recommendations.html.twig line 1

Open in your IDE?
  1. <div id="recommendationsDebug">
  2.     {#<div id="queryData" style="display: none;"></div><a href="javascript:void(0);" id="showQueryBtn">Показать запрос</a>#}
  3.     <div id="profileViewsData">
  4.         <h6 style="color: #1ea471">Просмотры анкет на сайте</h6>
  5.         {% include "Recommendations/_profile_recommendations_debug_profile_data_table.html.twig" with {'viewed_profiles': profile_recommendations_debug_views()} %}
  6.     </div>
  7.     <div id="favouritesData">
  8.         <h6 style="color: #0d5aa7">Избранные</h6>
  9.         {% include "Recommendations/_profile_recommendations_debug_profile_data_table.html.twig" with {'viewed_profiles': profile_recommendations_debug_favourites()} %}
  10.     </div>
  11.     {% include "Recommendations/_profile_recommendations_debug_coeffs_data_table.html.twig" %}
  12.     <h6 style="color: #bd2130">Коэффициенты</h6>
  13.     <div id="coeffsData"></div>
  14.     {% include "Recommendations/_profile_recommendations_debug_viewed_profiles_data_table.html.twig" %}
  15.     <h6 style="color: #856404">Просмотренные рекомендации</h6>
  16.     <div id="viewedRecommendationsData"></div>
  17. </div>
  19. <h4 id="profileRecommendationsTitle" style="display: none;">Рекомендуемые</h4>
  20. <div id="profileRecommendationsContainer"></div>
  21. <div id="profileRecommendationTemplate" style="display: none;">
  22.     <p><a href="" class="name-link"></a></p>
  23.     <img class="img" src="" width="100"/>
  24. </div>
  25. <a href="javascript:void(0);" id="profileRecommendationsShowMore" style="display: none;">Показать еще рекомендации</a>
  26. <script src="{{ asset('ajax.js', 'js_script') }}"></script>
  27. <script src="{{ asset('local-storage.js', 'js_script') }}"></script>
  28. <script src="{{ asset('recommendations.js', 'js_script') }}"></script>
  29. <script type="text/javascript">
  30.     document.addEventListener('DOMContentLoaded', function() {
  31.         var showMorePressCount = 0;
  32.         var btnShowMore = document.querySelector('#profileRecommendationsShowMore');
  33.         btnShowMore.addEventListener('click', function() {
  34.             if(showMorePressCount < 5)
  35.                 fetchRecommendations();
  36.             if(++showMorePressCount >= 5)
  37.                 btnShowMore.style.display = 'none';
  38.         });
  39.         // document.querySelector('#showQueryBtn').addEventListener('click', function() {
  40.         //     document.querySelector('#queryData').style.display = 'block';
  41.         // });
  43.         function fetchRecommendations() {
  44.             {% set route = app.request.get('_route') %}
  45.             {% set gender = route == 'profile_list.list_by_gender' or route == 'profile_list.list_by_gender._pagination'
  46.                 ? app.request.get('gender')|gender_value_by_uri
  47.                 : gender_female()
  48.             %}
  49.             let url = '{{ path('recommendations.get', {city:app.request.get('city').uriIdentity, count: recommendations_count|default(5), imageSize: '357x500', exclude: (excludeRecommendationProfileIds is iterable ? excludeRecommendationProfileIds : [])|join(','), gender: gender }) }}';
  50.             let filter = JSON.parse('{{ recommendationSpec ? recommendationSpec.spec.toEsQueryObject|json_encode|raw : {}|json_encode|raw }}');
  52.             profileRecommendations.loadRecommendations(url, filter, function(response) {
  53.                 // console.log(response.profiles);
  54.                 var template = document.querySelector('#profileRecommendationTemplate');
  55.                 var container = document.querySelector('#profileRecommendationsContainer');
  56.                 var title = document.querySelector('#profileRecommendationsTitle');
  57.                 var profileViewsDataContainer = document.querySelector('#profileViewsData');
  59.                 if (!response.profiles.length) {
  60.                     btnShowMore.style.display = 'none';
  61.                     title.style.display = 'none';
  62.                     return;
  63.                 }
  65.                 title.style.display = '';
  66.                 btnShowMore.style.display = '';
  67.                 container.innerHTML = '';
  68.                 response.profiles.map(function(profile) {
  69.                     var node = template.cloneNode(true);
  70.                     node.style.display = 'block';
  71.                     node.querySelector('.name-link').setAttribute('href', profile.url);
  72.                     node.querySelector('.name-link').innerText = '(score: ' + (response.scores ? response.scores[profile.id] : '') + ', id: ' + profile.id + ') ' + profile.name;
  73.                     node.querySelector('.img').setAttribute('src', profile.image)
  74.                     container.appendChild(node);
  75.                 });
  77.                 createCoeffsTable(document.querySelector('#coeffsData'), response.coeffs_debug);
  78.                 createViewedRecommendationsTable(document.querySelector('#viewedRecommendationsData'), response.viewed_recommendations_debug);
  79.                 // document.querySelector('#queryData').innerHTML = response.query_debug;
  80.                 profileViewsDataContainer.innerHTML = response.viewed_profiles_debug;
  81.             });
  82.         }
  83.         {% if initialViewedRecommendationProfileIds is defined and initialViewedRecommendationProfileIds is iterable %}
  84.             {% for profileId in initialViewedRecommendationProfileIds %}
  85.                 profileRecommendations.addViewedProfile({{ profileId }});
  86.             {% endfor %}
  87.         {% endif %}
  88.         fetchRecommendations();
  89.     });
  90. </script>