src/Social/FrontendBundle/Resources/views/Components/Account/boosted_users.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .status-offline {
  3.         color: #ff6f65;
  4.         opacity: 0.33;
  5.     }
  6.     .status-online {
  7.         color: #76b047;
  8.     }
  9.     .boosted-users {
  10.         padding-bottom: 12px;
  11.         margin-bottom: 12px;
  12.     }
  13. </style>
  15. <div class="widget-friends-suggestion">
  16.     <div class="widget-body padding-none">
  17.         <div class="row innertb">
  18.             {% for boostedUser in boostedUsers %}
  19.                 <div class="col-xs-12 col-sm-6 padding-none suggest-user-section">
  20.                     <div class="suggest-user innerTB">
  21.                         <div class="suggest-user-img">
  22.                             <div style="display: flex; justify-content: space-between;">
  23.                                 <span data-original-title="" data-toggle="tooltip"
  24.                                       class="status-{% if boostedUser.isOnline %}online{% else %}offline{% endif %}">
  25.                                  <i class="fa fa-circle" style="font-size: 11px;"></i>
  26.                                 </span>
  27.                                 <span class="boost-profile-icon" data-original-title="has a boosted profile" data-toggle="tooltip" data-placement="top" >
  28.                                     <i class="fa far fa-rocket"></i>
  29.                                 </span>
  30.                             </div>
  31.                             <a class="pull-left instant-load" href="{{ get_user_profile_url(boostedUser) }}" title="{{ boostedUser.username }}" target="about">
  32.                                 {% include 'SocialFrontendBundle:Photos:profile_photo_single_item.html.twig' with {user: boostedUser, filter: 'user_big_thumb', 'class': ''} %}
  33.                             </a>
  34.                         </div>
  35.                     </div>
  36.                 </div>
  37.             {% endfor %}
  38.         </div>
  39.     </div>
  40. </div>