templates/_paid_placements_right.html.twig line 1

Open in your IDE?
  1. {% set topProfile = profile_top_placement() %}
  2. <div class="col-2">
  3.     <div id="right_column_metric">
  4.     <div class="card mb-1">
  5.         <div class="card-header">ТОП-Девушка</div>
  6.         {% if topProfile %}
  7.             {% set photo = topProfile|avatar %}
  8.             {% if photo %}
  9.                 <img class="card-img-top" src="{{ asset(photo.path, photo.type == 'photo' ? 'profile_media' : 'profile_media_avatar') }}" alt="{{ topProfile.name }}">
  10.             {% endif %}
  11.             <div class="card-body">
  12.                 <a href="{{ path('profile_preview.page', {'city': topProfile.city.uriIdentity, 'profile': topProfile.uriIdentity}) }}">
  13.                     {{ topProfile.name }}
  14.                 </a>
  15.             </div>
  16.         {% else %}
  17.             <div class="card-body">
  18.                 <h5 class="card-title"><a href="{{ path('account.profile.top_placement') }}">Место свободно</a></h5>
  19.             </div>
  20.         {% endif %}
  21.     </div>
  23.     {#    {% for placement in profile_ultra_vip_placements() %}
  24.         {% set isProfile = attribute(placement, 'profile') is defined %}
  25.         {% set entity = isProfile ? placement.profile : placement.saloon %}
  26.         <div class="card mb-1 sidebar-ultra-vip-metric" data-ultravipid="{{ placement.id }}">
  27.             <div class="card-header">{{placement_name_ultra_vip()}}</div>
  28.             {% set photo = isProfile ? entity|avatar : entity.thumbnail %}
  29.             {% if photo %}
  30.                 {% if isProfile %}
  31.                     <img class="card-img-top" src="{{ asset(photo.path, photo.type == 'photo' ? 'profile_media' : 'profile_media_avatar') }}" alt="{{ entity.name }}">
  32.                 {% else %}
  33.                     <img class="card-img-top" src="{{ asset(photo.path, 'saloon_media_thumb') }}" alt="{{ entity.name }}">
  34.                 {% endif %}
  35.             {% endif %}
  36.             <div class="card-body">
  37.                 {% if isProfile %}
  38.                     <a href="{{ path('profile_preview.page', {'city': entity.city.uriIdentity, 'profile': entity.uriIdentity}) }}">
  39.                         {{ entity.name }}
  40.                     </a>
  41.                 {% else %}
  42.                     <a href="{{ path('saloon_preview.page', {'city': entity.city.uriIdentity, 'saloon': entity.uriIdentity}) }}">
  43.                         {{ entity.name }}
  44.                     </a>
  45.                 {% endif %}
  46.             </div>
  47.         </div>
  48.     {% endfor %}#}
  50.     <div id="first_ultra_vip_placement"></div>
  52.     {% for placement in profile_vip_placements() %}
  53.         {% set isProfile = attribute(placement, 'profile') is defined %}
  54.         {% set entity = isProfile ? placement.profile : placement.saloon %}
  55.         <div class="card mb-1">
  56.             <div class="card-header sidebar-vip-metric">VIP</div>
  57.             {% set photo = isProfile ? entity|avatar : entity.thumbnail %}
  58.             {% if photo %}
  59.                 {% if isProfile %}
  60.                     <img class="card-img-top" src="{{ asset(photo.path, photo.type == 'photo' ? 'profile_media' : 'profile_media_avatar') }}" alt="{{ entity.name }}">
  61.                 {% else %}
  62.                     <img class="card-img-top" src="{{ asset(photo.path, 'saloon_media_thumb') }}" alt="{{ entity.name }}">
  63.                 {% endif %}
  64.             {% endif %}
  65.             <div class="card-body">
  66.                 {% if isProfile %}
  67.                     <a href="{{ path('profile_preview.page', {'city': entity.city.uriIdentity, 'profile': entity.uriIdentity}) }}">
  68.                         {{ entity.name }}
  69.                     </a>
  70.                 {% else %}
  71.                     <a href="{{ path('saloon_preview.page', {'city': entity.city.uriIdentity, 'saloon': entity.uriIdentity}) }}">
  72.                         {{ entity.name }}
  73.                     </a>
  74.                 {% endif %}
  75.             </div>
  76.         </div>
  77.     {% endfor %}
  79.         <div id="rest_ultra_vip_placement"></div>
  80.     </div>
  81. </div>
  83. <script src="{{ asset('ajax.js', 'js_script') }}"></script>
  84. <script src="{{ asset('sidebar-extender.js', 'js_script') }}"></script>
  85. <script>
  86.     ;(function () {
  87.         document.addEventListener('DOMContentLoaded', function(){
  88.             // enlargeSidebar() - считает разницу в высоте основного контенкта и правой колонки
  89.             // !!! контейнеры колонок внутри обернул в div, по которым и считаю размер, т.к. внешние могут быть вытянуты до одинаковой высоты.
  90.             // для лейаута в 3 колонки - left_column_metric, center_column_metric, right_column_metric
  91.             // для лейаута в 2 колонки - main_column_metric, right_column_metric
  92.             // где right_column_metric - в контейнере самого сайдбара
  93.             // по принимаем параметрам SidebarExtender см. sidebar-extender.js
  95.             var sidebarEnlarger = enlargeSidebar();
  97.             function enlargeSidebar() {
  98.                 var leftColumn = document.querySelector('#left_column_metric');
  99.                 var centerColumn = document.querySelector('#center_column_metric');
  100.                 var rightColumn = document.querySelector('#right_column_metric');
  101.                 var mainColumn = document.querySelector('#main_column_metric');
  103.                 var maxHeight;
  104.                 if(leftColumn && centerColumn) {
  105.                     maxHeight = Math.max(leftColumn.scrollHeight, centerColumn.scrollHeight);
  106.                 } else if(mainColumn) {
  107.                     maxHeight = mainColumn.scrollHeight;
  108.                 } else {
  109.                     console.log('Cannot detect content height for sidebar');
  110.                     return;
  111.                 }
  113.                 var heightDiff = maxHeight - rightColumn.scrollHeight;
  114.                 if(heightDiff <= 0)
  115.                     return;
  117.                 //подставить нужное
  118.                 var ultraVipContainerHeight = 315; //,document.querySelector('.sidebar-ultra-vip-metric').scrollHeight,
  119.                 var verticalPadding = 5; //подставить нужное
  120.                 var toAdd = 0;
  121.                 if (heightDiff >= verticalPadding + ultraVipContainerHeight)
  122.                     toAdd = Math.floor(heightDiff / (verticalPadding + ultraVipContainerHeight));
  124.                 var genders = [{{ gender_female() }}, {{ gender_male() }}, {{ gender_trans() }}];
  125.                 let onlyProfile = null, onlyMasseur = null, onlySaloon = null;
  126.                 {% if 'profile_list.list_by_gender' in app.request.get('_route') %}
  127.                     {% if app.request.get('gender')|gender_value_by_uri == gender_male() %}
  128.                         genders = [{{ gender_male() }}];
  129.                         onlyProfile = true;
  130.                     {% elseif app.request.get('gender')|gender_value_by_uri == gender_trans() %}
  131.                         genders = [{{ gender_trans() }}];
  132.                         onlyProfile = true;
  133.                     {% endif %}
  134.                 {% elseif 'masseur_list.page' in app.request.get('_route') %}
  135.                     onlyMasseur = true;
  136.                 {% elseif 'saloon_list' in app.request.get('_route') %}
  137.                     onlySaloon = true;
  138.                 {% endif %}
  140.                 if(toAdd < 1)
  141.                     toAdd = 1; //для Сани
  143.                 var sidebarEnlarger = new SidebarExtender({
  144.                     toAdd: toAdd,
  145.                     restPlacementsContainer: document.querySelector('#rest_ultra_vip_placement'),
  147.                     {% set current_city = app.request.attributes.get('city', default_city()) %}
  148.                     ajaxUrl: '{{ path('api.sidebar.ultra_vip_list', {city:current_city.uriIdentity is defined ? current_city.uriIdentity : current_city, imageSize: '357x500'}) }}',
  149.                     genders: genders,
  150.                     onlyProfile: onlyProfile,
  151.                     onlyMasseur: onlyMasseur,
  152.                     onlySaloon: onlySaloon,
  153.                     exclude: [], //Array.prototype.slice.apply(document.querySelectorAll('[data-ultravipid]')).map(function(el) {return el.dataset['ultravipid'];}),
  154.                     template:
  155.                         '<div class="card mb-1 sidebar-ultra-vip-metric">\n' +
  156.                         '  <div class="card-header">Ultra VIP</div>\n' +
  157.                         '  <img class="card-img-top" src="%PHOTO%" alt="%NAME%">\n' +
  158.                         '  <div class="card-body">\n' +
  159.                         '    <a href="%URL%">\n' +
  160.                         '      %NAME%\n' +
  161.                         '    </a>\n' +
  162.                         '    %PRICE%\n' +
  163.                         '    %STATION%\n' +
  164.                         '    <div class="approved%APPROVED%">Verified</div>\n' +
  165.                         '    %PHONE%\n' +
  166.                         '  </div>\n' +
  167.                         '</div>'
  168.                 });
  170.                 //enlarge your sidebar
  171.                 sidebarEnlarger.extend();
  173.                 return sidebarEnlarger;
  174.             }
  175.         });
  176.     })();
  177. </script>