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