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