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>Рекоммендуемые</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">Показать еще</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 gender = 'profile_list.list_by_gender' in app.request.get('_route') ? app.request.get('gender')|gender_value_by_uri : gender_female() %}
  45.             let url = '{{ path('recommendations.get', {city:app.request.get('city').uriIdentity, count: 5, imageSize: '357x500', exclude: (excludeRecommendationProfileIds is iterable ? excludeRecommendationProfileIds : [])|join(','), gender: gender }) }}';
  46.             let filter = JSON.parse('{{ recommendationSpec ? recommendationSpec.spec.toEsQueryObject|json_encode|raw : {}|json_encode|raw }}');
  48.             profileRecommendations.loadRecommendations(url, filter, function(response) {
  49.                 // console.log(response.profiles);
  50.                 var template = document.querySelector('#profileRecommendationTemplate');
  51.                 var container = document.querySelector('#profileRecommendationsContainer');
  52.                 var profileViewsDataContainer = document.querySelector('#profileViewsData');
  54.                 container.innerHTML = '';
  55.                 response.profiles.map(function(profile) {
  56.                     var node = template.cloneNode(true);
  57.                     node.style.display = 'block';
  58.                     node.querySelector('.name-link').setAttribute('href', profile.url);
  59.                     node.querySelector('.name-link').innerText = '(score: ' + response.scores[profile.id] + ', id: ' + profile.id + ') ' + profile.name;
  60.                     node.querySelector('.img').setAttribute('src', profile.image)
  61.                     container.appendChild(node);
  62.                 });
  64.                 createCoeffsTable(document.querySelector('#coeffsData'), response.coeffs_debug);
  65.                 createViewedRecommendationsTable(document.querySelector('#viewedRecommendationsData'), response.viewed_recommendations_debug);
  66.                 // document.querySelector('#queryData').innerHTML = response.query_debug;
  67.                 profileViewsDataContainer.innerHTML = response.viewed_profiles_debug;
  68.             });
  69.         }
  70.         fetchRecommendations();
  71.     });
  72. </script>