templates/BotHelper/_profile_bot_helper.html.twig line 1

Open in your IDE?
  1. <div id="recommendationsDebug">
  2.     <div id="botHelperQueryData" style="display: none;"></div><a href="javascript:void(0);" id="showQueryBtn">Показать запрос</a>
  3.     <div id="botHelperProfileViewsData">
  4.         <h6 style="color: #1ea471">Просмотры анкет на сайте</h6>
  5.         {% include "Recommendations/_profile_recommendations_debug_profile_data_table.html.twig" with {'viewed_profiles': profile_bot_helper_recommendations_debug_views()} %}
  6.     </div>
  7.     {% include "Recommendations/_profile_recommendations_debug_coeffs_data_table.html.twig" %}
  8.     <h6 style="color: #bd2130">Коэффициенты</h6>
  9.     <div id="botHelperCoeffsData"></div>
  10.     {% include "Recommendations/_profile_recommendations_debug_viewed_profiles_data_table.html.twig" %}
  11.     <h6 style="color: #856404">Просмотренные рекомендации Анфисы</h6>
  12.     <div id="botHelperViewedRecommendationsData"></div>
  13. </div>
  15. <h4>Анфиса</h4>
  16. <div id="profileBotHelperWidgetExpanded" style="display: none;">
  17.     <img style="float:left; margin: 7px 7px 7px 0;" src="https://lh3.googleusercontent.com/proxy/AKC2VT9Pfh2GJRRXP6_0IgIxqkfg8Rk5g0QJbgpikAdXfSnux42Fzejo6-0zodJyG5z7W1paNl2ovPKmwHArzurrzZe1o5AbszOcVtK8F9WrZ4thxg" />
  18.     <div id="profileBotHelperRecommendationsContainer"></div>
  19.     <div id="profileRecommendationTemplate" style="display: none;">
  20.         <p><a href="" class="name-link"></a></p>
  21.         <img class="img" src="" width="100"/>
  22.     </div>
  23.     {#<a href="javascript:void(0);" id="profileRecommendationsShowMoreBtn">Показать еще</a><br>#}
  24.     <a href="javascript:void(0);" id="profileRecommendationsStartOverBtn">Попробовать еще раз</a>
  25. </div>
  26. <div id="profileBotHelperWidgetCollapsed" style="display: none;">
  27.     <div id="profileBotHelperStatusContainer">
  28.         <span style="width:400px; word-wrap:break-word; font-size:24px; position: relative; top:50px; left:10px;">Нужно посмотреть еще</span>
  29.     </div>
  30. </div>
  31. <script src="{{ asset('ajax.js', 'js_script') }}"></script>
  32. <script src="{{ asset('local-storage.js', 'js_script') }}"></script>
  33. <script src="{{ asset('bot-helper.js', 'js_script') }}"></script>
  34. <script type="text/javascript">
  35.     document.addEventListener('DOMContentLoaded', function() {
  36.         // var btnShowMore = document.querySelector('#profileRecommendationsShowMoreBtn');
  37.         // btnShowMore.addEventListener('click', function() {
  38.         //     loadBotHelperRecommendations();
  39.         // });
  41.         var btnStartOver = document.querySelector('#profileRecommendationsStartOverBtn');
  42.         btnStartOver.addEventListener('click', function() {
  43.             startOver();
  44.         });
  46.         function loadBotHelperRecommendations() {
  47.             {% set excludeRecommendationProfileIds = [] %}
  48.             const url = '{{ path('profile_helper_bot.recommendations.get', {city:app.request.get('city').uriIdentity, count: 10, imageSize: '357x500', exclude: (excludeRecommendationProfileIds is iterable ? excludeRecommendationProfileIds : [])|join(',')}) }}';
  49.             profileBotHelper.loadBotHelperRecommendations(url, onResponse);
  50.         }
  52.         function startOver() {
  53.             const url = '{{ path('profile_helper_bot.start_over', {city:app.request.get('city').uriIdentity}) }}';
  54.             profileBotHelper.startOver(url, onResponse);
  55.         }
  57.         function onResponse(response) {
  58.             // console.log(response.profiles);
  59.             let expandedWidgetContainer = document.querySelector('#profileBotHelperWidgetExpanded');
  60.             let collapsedWidgetContainer = document.querySelector('#profileBotHelperWidgetCollapsed');
  62.             if(response.profiles != undefined) {
  63.                 collapsedWidgetContainer.style.display = 'none';
  64.                 expandedWidgetContainer.style.display = 'block';
  66.                 let profilesContainer = document.querySelector('#profileBotHelperRecommendationsContainer');
  67.                 profilesContainer.innerHTML = '';
  69.                 let template = document.querySelector('#profileRecommendationTemplate');
  70.                 response.profiles.map(function (profile) {
  71.                     let node = template.cloneNode(true);
  72.                     node.style.display = 'block';
  73.                     node.querySelector('.name-link').setAttribute('href', profile.url);
  74.                     node.querySelector('.name-link').innerText = '(score: ' + ''/*response.scores[profile.id]*/ + ', id: ' + profile.id + ') ' + profile.name;
  75.                     node.querySelector('.img').setAttribute('src', profile.image)
  76.                     profilesContainer.appendChild(node);
  77.                 });
  79.                 createCoeffsTable(document.querySelector('#botHelperCoeffsData'), response.coeffs_debug);
  80.                 createViewedRecommendationsTable(document.querySelector('#botHelperViewedRecommendationsData'), response.viewed_recommendations_debug);
  81.             } else {
  82.                 collapsedWidgetContainer.style.display = 'block';
  83.                 expandedWidgetContainer.style.display = 'none';
  85.                 collapsedWidgetContainer.querySelector('span').innerHTML = `Посмотри еще ${response.needed_viewed_profiles_count - response.viewed_profiles_count} анкет, чтобы я определила кто тебе подойдет. (${response.viewed_profiles_count} / ${response.needed_viewed_profiles_count})`;
  87.                 createCoeffsTable(document.querySelector('#botHelperCoeffsData'), []);
  88.                 createViewedRecommendationsTable(document.querySelector('#botHelperViewedRecommendationsData'), []);
  89.                 document.querySelector('#botHelperProfileViewsData').innerHTML = '';
  90.             }
  91.         }
  93.         loadBotHelperRecommendations();
  94.     });
  95. </script>