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

Open in your IDE?
  1. {% extends 'SocialFrontendBundle::layout_middle.html.twig' %}
  3. {% block content %}
  4.     <script>
  5.         var canShowAccountPhotos = {{ (app.user and (app.user == get_viewed_user() or app.user.isFriendWith(get_viewed_user()) == true)) ? 'true' : 'false' }};
  6.     </script>
  8.     {% set restrictedPackagesForPrivatePhoto = getImageUploadSetting(constant('Social\\FrontendBundle\\Entity\\MediaSetting::PACKAGES_FOR_RESTRICT_VIEW_PRIVATE_PHOTO')) %}
  9.     {% set isActivePrivatePhoto = isActivePrivatePhoto() %}
  11.     {% for flashMessage in app.session.flashbag.get('payment_processing') %}
  12.         <div class="alert alert-success">
  13.             {% trans %}Your payment is under processing. Please wait for some moment{% endtrans %} <a href="{{ path('social_frontend_account_details') }}"> {% trans %}Go to account detail{% endtrans %} </a>
  14.         </div>
  15.     {% endfor %}
  16.     <div class="widget-account">
  17.         <div class="widget">
  18.             <div class="widget-body padding-none">
  19.                 {{ render(controller('SocialFrontendBundle:Account:getSliderUserList')) }}
  21.                 {% if app.user or (not app.user and app.request.get('_route') != 'social_frontend_search' and app.request.get('_route') != 'social_frontend_search_refference' ) %}
  22.                     {% include 'SocialFrontendBundle:Components/Account:cover_photo_and_submenu.html.twig' %}
  23.                 {% endif %}
  25.                 <div class="row">
  26.                     <div class="col-xs-12">
  27.                         <h5 class="innerall margin-none border-bottom bg-gray headline-widget-account overflow-hidden">
  28.                             <span>
  29.                                 {{ get_viewed_user().username }}
  30.                                 <span class="age">, {{ get_viewed_user().age }} - </span>
  32.                                 {% if isBoostedProfile(get_viewed_user()) %}
  33.                                     <span class="boost-profile-icon">
  34.                                         <i class="fa far fa-rocket" data-placement="top" data-toggle="tooltip" data-original-title="{% trans %}has a boosted profile{% endtrans %}"></i>
  35.                                     </span>
  36.                                 {% endif %}
  38.                                 {% if get_viewed_user().newLocation %}
  39.                                     {#<span data-toggle="tooltip" data-original-title="{{ get_viewed_user().newLocation.userListing }}" data-placement="top">#}
  40.                                     {#<i class="fa fa-map-marker"></i> {{ get_viewed_user().newLocation.userListing(17) }}#}
  41.                                     {#</span>#}
  42.                                     <span class="location">
  43.                                         <i class="fa fa-map-marker" aria-hidden="true"></i>
  44.                                         {{ get_viewed_user().newLocation.userListing(25) }}
  45.                                 </span>
  46.                                 {% endif %}
  48.                             </span>
  51.                             {% if get_last_added_images(get_viewed_user())|length %}
  52.                                 {#<a class="btn btn-default-transparent btn-sm pull-right toggle-account-area btn-account-view-profile"#}
  53.                                 {#href="#">#}
  54.                                 {#<i class="fa fa-eye" aria-hidden="true"></i>#}
  55.                                 {#{% trans %} view profile {% endtrans %}#}
  56.                                 {#</a>#}
  58.                                 <a class="btn btn-default-transparent btn-sm pull-right toggle-account-area btn-account-view-photos"
  59.                                    href="#">
  60.                                     <i class="fa fa-camera" aria-hidden="true"></i>
  61.                                     {% trans %}view Media{% endtrans %}
  62.                                 </a>
  63.                             {% endif %}
  65.                             {#{% if can_user_view_photos_page() %}#}
  66.                             {#<a class="btn btn-default-transparent btn-sm btn-stroke pull-right instant-load"#}
  67.                             {#href="{{ get_user_photos_url(get_viewed_user()) }}" target="photos">#}
  68.                             {#<i class="fa fa-picture-o" aria-hidden="true"></i>#}
  69.                             {#{% trans %}View Photos{% endtrans %}#}
  70.                             {#</a>#}
  71.                             {#{% endif %}#}
  73.                             {% if app.user and get_next_friend_suggestion() %}
  74.                                 <a class="btn btn-success btn-sm btn-next-friend btn-next-friend-account pull-right instant-load"
  75.                                    href="{{ get_next_friend_suggestion() }}" target="about">
  76.                                     <i class="fa fa-forward pull-right" aria-hidden="true"></i>
  77.                                     {% trans %}next suggestion{% endtrans %}
  78.                                 </a>
  79.                             {% endif %}
  80.                         </h5>
  81.                     </div>
  82.                 </div>
  83.                 {% if app.user %}
  84.                     {% set packageName = app.user.packageName|split('-')[0] %}
  85.                 {% endif %}
  87.                 {% set privateImageCount = 0 %}
  88.                 {% if get_last_added_images(get_viewed_user())|length %}
  89.                     <div class="row account-photos-area">
  90.                         <div class="col-xs-12">
  91.                             <div class="gallery-user">
  92.                                 <div id="myCarousel" class="carousel slide carousel-fade">
  93.                                     <div class="carousel-inner open-image-in-modal">
  94.                                         {% for image in get_last_added_images(get_viewed_user(), (app.user and (app.user == get_viewed_user() or app.user.isFriendWith(get_viewed_user()) == true) ? 50 : 3)) %}
  95.                                             {% if (not app.user) and isActivePrivatePhoto and image.isPrivate %}
  96.                                                 <div class="photo_item_{{ image.id }} item {% if loop.index == 1 %}active{% endif %}">
  97.                                                     <img src="{{ image.webPath|imagine_filter('same_photo_blurred') }}"
  98.                                                          class="" itemprop="thumbnail"
  99.                                                          url="{{ get_user_photo_url(image) }}"
  100.                                                          alt="{{ image.fromUser }}"/>
  101.                                                     <button class="btn btn-sm btn-success photo-item-unblock not-logged-in" data-href="{{ path('social_frontend_unblock_private_photo', {photoId: image.id, filter: 'account'}) }}" data-id="{{ image.id }}">
  102.                                                         <i class="fa fa-fw fa-lock" aria-hidden="true"></i> Unblock
  103.                                                     </button>
  104.                                                 </div>
  105.                                             {% elseif app.user and isActivePrivatePhoto and image.isPrivate and app.user != image.fromUser and (not isUserUnblockedPrivatePhoto(app.user, image)) %}
  106.                                                 {% set privateImageCount = privateImageCount + 1 %}
  107.                                                 {% if packageName not in restrictedPackagesForPrivatePhoto or isUserUnblockedPrivatePhoto(app.user, image) %}
  108.                                                     {% set privateImageCount = privateImageCount - 1 %}
  109.                                                     <div class="photo_item_{{ image.id }} item {% if loop.index == 1 %}active{% endif %}">
  110.                                                         <img src="{{ image.webPath|imagine_filter('same_photo_blurred') }}"
  111.                                                              class="" itemprop="thumbnail"
  112.                                                              url="{{ get_user_photo_url(image) }}"
  113.                                                              alt="{{ image.fromUser }}"/>
  114.                                                             <button class="btn btn-sm btn-success photo-item-unblock {{ app.user.credits <= getCostForUnblockPrivatePhoto() ? 'not-valid' : '' }}" data-href="{{ path('social_frontend_unblock_private_photo', {photoId: image.id, filter: 'account'}) }}" data-id="{{ image.id }}">
  115.                                                                 <i class="fa fa-fw fa-lock" aria-hidden="true"></i> Unblock
  116.                                                             </button>
  117.                                                     </div>
  118.                                                 {% endif %}
  119.                                             {% else %}
  120.                                                 <div class="photo_item_{{ image.id }} item {% if loop.index == 1 %}active{% endif %}">
  121.                                                     <img src="{{ image.webPath|imagine_filter('same_photo') }}"
  122.                                                          class="" itemprop="thumbnail"
  123.                                                          url="{{ get_user_photo_url(image) }}"
  124.                                                          alt="{{ image.fromUser }}"/>
  126.                                                     {% if isActivePrivatePhoto and image.isPrivate %}
  127.                                                         <div class="private-media-icon">
  128.                                                             <span data-placement="bottom" data-original-title="{{ app.user.isViewingAnotherUser ? app.user.getViewedUser.shortName ~ "'s"  : 'Your' }} Photo is marked as private" data-toggle="tooltip">
  129.                                                                 <i class="fa fa-fw fa-lock" aria-hidden="true"></i>
  130.                                                             </span>
  131.                                                         </div>
  132.                                                     {% endif %}
  133.                                                 </div>
  134.                                             {% endif %}
  135.                                         {% endfor %}
  137.                                         <div class="item {{ privateImageCount > 0 ? 'active' : '' }}">
  138.                                             <div class="private-item">
  139.                                                 {% if not app.user or (app.user != get_viewed_user() and app.user.isFriendWith(get_viewed_user()) == false) %}
  140.                                                     <b>{% trans %}The rest of the photos are private.{% endtrans %}</b>
  141.                                                     <span class="private-lock">
  142.                                                         <i class="fa fa-fw fa-lock" aria-hidden="true"></i>
  143.                                                     </span>
  144.                                                     <span class="private-lock-text">
  145.                                                         <div class="col-xs-7 text-center">
  146.                                                             {% trans with {'%name%': get_viewed_user()} %}
  147.                                                                 You can see the rest of the photos only if you become friends with %name%
  148.                                                             {% endtrans %}
  149.                                                         </div>
  150.                                                     </span>
  151.                                                 {% else %}
  152.                                                     <span class="private-lock">
  153.                                                         <i class="fa fa-fw fa-camera" aria-hidden="true"></i>
  154.                                                     </span>
  155.                                                     <span class="private-lock-text">
  156.                                                     {% trans with {'%link_start%': '<a class="private-text btn btn-success btn-sm btn-stroke instant-load" target="photos"
  157.                                                     href="' ~ get_user_photos_url(get_viewed_user()) ~ '">', '%link_end%': '</a>'} %}
  158.                                                         %link_start%click here%link_end% to view the rest of the photos
  159.                                                     {% endtrans %}
  160.                                                 </span>
  161.                                                 {% endif %}
  162.                                             </div>
  163.                                         </div>
  164.                                     </div>
  165.                                     {% if get_last_added_images(get_viewed_user())|length > 1 %}
  166.                                         <!-- Controls carousel -->
  167.                                         <a class="left carousel-control" href="#myCarousel" role="button"
  168.                                            data-slide="prev">
  169.                                             <i class="fa fa-chevron-left" aria-hidden="true"></i>
  170.                                             <span class="sr-only">{% trans %}Previous{% endtrans %}</span>
  171.                                         </a>
  172.                                         <a class="right carousel-control" href="#myCarousel" role="button"
  173.                                            data-slide="next">
  174.                                             <i class="fa fa-chevron-right" aria-hidden="true"></i>
  175.                                             <span class="sr-only">{% trans %}Next{% endtrans %}</span>
  176.                                         </a>
  177.                                     {% endif %}
  179.                                     <a class="add-comment-photo btn-pulse btn btn-success profile-account-comment-btn {% if (app.user and (app.user == get_viewed_user() or app.user.isFriendWith(get_viewed_user()) == true)) %}{% else %}hidden{% endif %}"
  180.                                        href="">
  181.                                         {% trans %}add comment{% endtrans %}
  182.                                     </a>
  183.                                 </div>
  184.                             </div>
  185.                         </div>
  186.                     </div>
  187.                 {% endif %}
  188.                 {% if get_last_added_images(get_viewed_user())|length != 0 %}
  189.                     <script type="text/javascript">$(document).ready(function() {jssor_1_slider_init()});</script>
  190.                     <div class="row account-photos-summary-area {% if get_last_added_images(get_viewed_user())|length %}hidden{% endif %}">
  191.                         <div id="jssor_1"
  192.                              style="">
  193.                             <!-- Loading Screen -->
  194.                             <div data-u="loading" class="jssorl-009-spin">
  195.                                 <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;"
  196.                                      src="data:image/png;base64,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"/>
  197.                             </div>
  198.                             <div data-u="slides" class="jssor-slides">
  199.                                 {% for image in get_last_added_images(get_viewed_user(), 50) %}
  200.                                     {% if (not app.user) and isActivePrivatePhoto and image.isPrivate %}
  201.                                         <div data-p="30.00">
  202.                                             <a href="#" class="toggle-account-area toggle-big-thumb-account-img"
  203.                                                it="{{ loop.index }}">
  204.                                                 <img data-u="image" src="{{ image.webPath|imagine_filter('account_thumbs_blurred') }}"/>
  205.                                             </a>
  206.                                         </div>
  207.                                     {% elseif isActivePrivatePhoto and app.user and (image.isPrivate and app.user != image.fromUser and (not isUserUnblockedPrivatePhoto(app.user, image))) %}
  208.                                         {% if packageName not in restrictedPackagesForPrivatePhoto or isUserUnblockedPrivatePhoto(app.user, image) %}
  209.                                             <div data-p="30.00">
  210.                                                 <a href="#" class="toggle-account-area toggle-big-thumb-account-img"
  211.                                                    it="{{ loop.index }}">
  212.                                                     <img data-u="image" src="{{ image.webPath|imagine_filter('account_thumbs_blurred') }}"/>
  213.                                                 </a>
  214.                                             </div>
  215.                                         {% endif %}
  216.                                     {% else %}
  217.                                         <div data-p="30.00">
  218.                                             <a href="#" class="toggle-account-area toggle-big-thumb-account-img"
  219.                                             it="{{ loop.index }}">
  220.                                                 <img data-u="image" src="{{ image.webPath|imagine_filter('account_thumbs') }}"/>
  221.                                                 {% if isActivePrivatePhoto and image.isPrivate %}
  222.                                                     <div class="private-media-icon">
  223.                                                         <span data-placement="bottom" data-original-title="{{ app.user.isViewingAnotherUser ? app.user.getViewedUser.shortName ~ "'s"  : 'Your' }} Photo is marked as private" data-toggle="tooltip">
  224.                                                             <i class="fa fa-fw fa-lock" aria-hidden="true"></i>
  225.                                                         </span>
  226.                                                     </div>
  227.                                                 {% endif %}
  228.                                             </a>
  229.                                         </div>
  230.                                     {% endif %}
  231.                                 {% endfor %}
  232.                             </div>
  233.                         </div>
  234.                     </div>
  235.                 {% endif %}
  236.                 <div class="row account-info-summary-area {% if get_last_added_images(get_viewed_user())|length %}hidden{% endif %}">
  237.                     <div class="col-xs-12 col-sm-4 col-md-4  col-account-info-details col-th-blue-right">
  238.                         {% if user.shortBio and can_view_user_private_info() %}
  239.                             <div class="widget">
  240.                                 <h5 class="innerAll margin-none border-bottom bg-gray"></i>
  241.                                     {% trans %}
  242.                                         Short Bio - About me
  243.                                     {% endtrans %}
  244.                                 </h5>
  246.                                 <div class="widget-body padding-none">
  247.                                     <div class="media-body innerAll">
  248.                                         <p>{{ user.shortBio|nl2br }}</p>
  249.                                     </div>
  250.                                 </div>
  251.                             </div>
  252.                         {% endif %}
  253.                         {% if user.interestedInLong and can_view_user_private_info() %}
  254.                             <div class="widget">
  255.                                 <div class="widget-head border-bottom bg-gray">
  256.                                     <h5 class="innerAll pull-left margin-none">
  257.                                         {% trans %}
  258.                                             I'm interested in
  259.                                         {% endtrans %}
  260.                                     </h5>
  261.                                 </div>
  262.                                 <div class="widget-body">
  263.                                     <p>{{ user.interestedInLong|nl2br }}</p>
  264.                                 </div>
  265.                             </div>
  266.                         {% endif %}
  267.                         <div class="widget">
  268.                             <div class="widget-head border-bottom bg-gray">
  269.                                 <h5 class="innerAll pull-left margin-none">{% trans %}Basic Info{% endtrans %}</h5>
  270.                             </div>
  271.                             <div class="widget-body">
  272.                                 <div class="basic-information label-information">
  273.                                     <div class="innerb">
  274.                                         <div class="row">
  275.                                             <div class="col-xs-6 col-sm-6">
  276.                                                 <p>{% trans %}Nickname{% endtrans %}</p>
  277.                                             </div>
  278.                                             <div class="col-xs-6 col-sm-6">
  279.                                                 <span class="label label-default" data-placement="top"
  280.                                                       data-original-title="{{ user.username }}"
  281.                                                       data-toggle="tooltip">{{ get_html_entity_safe_split(user.username, 19) }}
  282.                                                 </span>
  283.                                             </div>
  284.                                         </div>
  285.                                     </div>
  286.                                 </div>
  287.                             </div>
  288.                         </div>
  289.                         <div class="widget">
  290.                             <div class="widget-head border-bottom bg-gray">
  291.                                 <h5 class="innerAll pull-left margin-none">{% trans %}Personal
  292.                                         Information{% endtrans %}</h5>
  293.                             </div>
  294.                             <div class="widget-body">
  295.                                 <div class="personal-information label-information">
  296.                                     <div class="innerb">
  297.                                         <div class="row">
  298.                                             <div class="col-xs-6 col-sm-6">
  299.                                                 <p>{% trans %}Relationship Status{% endtrans %}</p>
  300.                                             </div>
  301.                                             <div class="col-xs-6 col-sm-6 text-right">
  302.                                     <span class="label label-default" data-placement="top"
  303.                                           data-original-title="{% trans with {'%relationship%': user.relationshipStatusString} %}Relationship status is %relationship%{% endtrans %}"
  304.                                           data-toggle="tooltip">{{ user.relationshipStatusString }}</span>
  305.                                             </div>
  306.                                         </div>
  307.                                     </div>
  308.                                     {% if user.interestedInString %}
  309.                                         <div class="innerb">
  310.                                             <div class="row">
  311.                                                 <div class="col-xs-6 col-sm-6">
  312.                                                     <p>{% trans %}I want to meet{% endtrans %}</p>
  313.                                                 </div>
  314.                                                 <div class="col-xs-6 col-sm-6">
  315.                                         <span class="label label-default" data-placement="top"
  316.                                               data-original-title="{% trans with {'%interested%': user.interestedInString} %}Wants to meet %interested%{% endtrans %}"
  317.                                               data-toggle="tooltip">{{ user.interestedInString }}</span>
  318.                                                 </div>
  319.                                             </div>
  320.                                         </div>
  321.                                     {% endif %}
  322.                                     {% if user.workplace and can_view_user_private_info() %}
  323.                                         <div class="innerb">
  324.                                             <div class="row">
  325.                                                 <div class="col-xs-6 col-sm-6">
  326.                                                     <p>{% trans %}Workplace{% endtrans %}</p>
  327.                                                 </div>
  328.                                                 <div class="col-xs-6 col-sm-6">
  329.                                         <span class="label label-default" data-placement="top"
  330.                                               data-original-title="{% trans with {'%workplace%': user.workplace} %}Works at %workplace%{% endtrans %}"
  331.                                               data-toggle="tooltip">{{ get_html_entity_safe_split(user.workplace, 19) }}
  332.                                         </span>
  333.                                                 </div>
  334.                                             </div>
  335.                                         </div>
  336.                                     {% endif %}
  337.                                     {% if user.newLocation %}
  338.                                         <div class="innerb">
  339.                                             <div class="row">
  340.                                                 <div class="col-xs-6 col-sm-6">
  341.                                                     <p>{% trans %}Location{% endtrans %}</p>
  342.                                                 </div>
  343.                                                 <div class="col-xs-6 col-sm-6">
  344.                                         <span class="label label-default"
  345.                                               data-placement="top"
  346.                                               data-original-title="{% trans with {'%lives_in%': user.newLocation.getUserListing} %}Lives in %lives_in%{% endtrans %}"
  347.                                               data-toggle="tooltip">
  348.                                               {{ user.newLocation.getUserListing }}</span>
  349.                                                 </div>
  350.                                             </div>
  351.                                         </div>
  352.                                     {% endif %}
  353.                                     {% if user.gender is not null %}
  354.                                         <div class="padding-none">
  355.                                             <div class="row">
  356.                                                 <div class="col-xs-6 col-sm-6">
  357.                                                     <p>{% trans %}Gender{% endtrans %}</p>
  358.                                                 </div>
  359.                                                 <div class="col-xs-6 col-sm-6">
  360.                                         <span class="label label-default"
  361.                                               data-placement="top"
  362.                                               data-original-title="{{ user.genderString }}"
  363.                                               data-toggle="tooltip">{{ user.genderString }}</span>
  364.                                                 </div>
  365.                                             </div>
  366.                                         </div>
  367.                                     {% endif %}
  368.                                 </div>
  369.                             </div>
  370.                         </div>
  371.                     </div>
  372.                     <div class="col-xs-12 col-sm-8 col-md-8 padding-none">
  373.                         {% if get_viewed_user().newLocation %}
  374.                             <div class="widget margin-none">
  375.                                 <div class="widget-body padding-none">
  376.                                     <div class="user-map" id="user-map-location"
  377.                                          latitude="{{ get_viewed_user().newLocation.latitude }}"
  378.                                          longitude="{{ get_viewed_user().newLocation.longitude }}">
  380.                                     </div>
  381.                                 </div>
  382.                             </div>
  383.                         {% endif %}
  384.                     </div>
  385.                 </div>
  386.             </div>
  387.         </div>
  388.     </div>
  389.     {% include 'SocialFrontendBundle:Search:cancel_user_deletion_request_modal.html.twig' %}
  390.     {% if not app.user %}
  391.         <script>
  392.             var shouldDisplayTheStoppingAlerts = false
  393.         </script>
  394.         {% if app.user is null or app.user is not defined %}
  395.             {% include '@SocialFrontend/__partials/modal_signup_form_card.twig' %}
  396.         {% endif %}
  397.     {% endif %}
  398. {% endblock %}