src/Social/FrontendBundle/Resources/views/Components/Friends/friend_suggestion_slider.html.twig line 1

Open in your IDE?
  1. {% if users|length %}
  2.     <div class="row friend-suggestion-slider-area hidden-md hidden-lg">
  3.         <script type="text/javascript">$(document).ready(function() {jssor_1_slider_init()});</script>
  4.         <div id="jssor_1" style="">
  5.             <!-- Loading Screen -->
  6.             <div data-u="loading" class="jssorl-009-spin">
  7.                 <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;"
  8.                      src="data:image/png;base64,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"/>
  9.             </div>
  10.             <div data-u="slides" class="jssor-slides">
  11.                 {% for user in users %}
  12.                     <div data-p="30.00">
  13.                         <div class="panel panel-default">
  14.                             <div class="panel-body">
  15.                                 <a href="{{ get_user_profile_url(user) }}">
  16.                                     <div class="section-boost-profile">
  17.                                         <span class="status status-{% if user.isOnline %}online{% else %}offline{% endif %}">
  18.                                             <i class="fa fa-fw fa-circle"></i>
  19.                                         </span>
  20.                                         {% if isBoostedProfile(user) %}
  21.                                             <span class="user-boost-profile">
  22.                                             <i class="fa far fa-rocket"></i>
  23.                                         </span>
  24.                                         {% endif %}
  25.                                     </div>
  26.                                     <img
  27.                                             class="img-responsive img-rounded"
  28.                                             src="{{ get_user_profile_picture(user, 'user_search_result') }}"
  29.                                             alt="{{ user.username }}"
  30.                                     />
  31.                                 </a>
  32.                             </div>
  33.                         </div>
  34.                     </div>
  35.                 {% endfor %}
  36.             </div>
  37.         </div>
  38.     </div>
  39. {% endif %}