src/Social/FrontendBundle/Resources/views/Components/Navigation/account_top_navigation.html.twig line 1

Open in your IDE?
  1. {% set pusherInstanceId = app.request.server.get('PUSHER_BEAM_INSTANCE_ID') %}
  2. {% set pusherSecretKey = app.request.server.get('PUSHER_BEAM_SECRET_KEY') %}
  3. {% if app.user %}
  4.     <nav class="navbar navbar-default top-nav navbar-fixed-top" role="navigation">
  5.         <div class="container">
  6.             <div class="navbar-header">
  7.                 <button type="button" class="navbar-toggle btn-menu-size pull-right" data-toggle="collapse"
  8.                         data-target="#navbar-fixed-layout-collapse">
  9.                     <i class="fas fa-2x fa-bars"></i>
  10.                     <span class="hidden-menu-responsive">Menu</span>
  11.                 </button>
  12.                 <ul class="nav navbar-nav navbar-right pull-right">
  13.                     {% if creditsPackagesActivated == 0 %}
  14.                         <li class="hidden-xs {% if app.user.packageName == 'default' and app.user.numberOfMessagesSent < 25 %} hidden {% endif %} ">
  15.                             <a href="#upgrade"
  16.                                class="btn-pulse menu-upgrade-button open-payment-modal-lnky"
  17.                                selected-package="{% if app.user.packageName == 'diamond' %}platin{% else %}diamond{% endif %}"
  18.                                onclick="showPaymentModalPay(null,'{{ app.user.packageName == 'diamond' ? 'platin' : 'diamond' }}',null,'payment-BtnHeader');$('.proceed-with-payment-btn').click();"
  19.                                title="{% trans %}Upgrade{% endtrans %}">{% trans %}Upgrade{% endtrans %}</a>
  20.                         </li>
  21.                     {% else %}
  22.                         {% include '@SocialFrontend/Components/Navigation/account_top_navigation_credits.html.twig' %}
  23.                     {% endif %}
  24.                     {% if app.user %}
  25.                         <li class="dropdown display-view-profile">
  26.                             <a href="{{ path('social_account_who_viewed_my_profile') }}"
  27.                                data-placement="top"
  28.                                data-original-title="{% trans %}Who viewed my profile{% endtrans %}"
  29.                                data-toggle="tooltip"
  30.                                class="instant-load" target="profile-views">
  31.                                 <span id="number-of-unread-profile-views"
  32.                                       class="pulse {% if app.user.hasUnseenProfileViews == false %}hidden{% endif %}">{{ app.user.totalNbrUnseenProfileViews }}</span>
  33.                                 <i class="fa fa-fw fa-eye" aria-hidden="true"></i>
  34.                             </a>
  35.                         </li>
  36.                         <li class="dropdown notifications updates">
  37.                             <a data-toggle="dropdown" class="dropdown-toggle toggle-alerts-display"
  38.                                mark-user-unread-alerts-url="{{ path('social_user_mark_unread_alerts') }}" href="#"
  39.                                aria-expanded="true">
  40.                                 <span id="number-of-unread-alerts"
  41.                                       class="pulse {% if get_user_number_of_unread_alerts(app.user) <= 0 %}hidden{% endif %}">
  42.                                                    {{ get_user_number_of_unread_alerts(app.user) }}
  43.                                 </span>
  44.                                 <i class="far fa-bell"></i>
  45.                             </a>
  46.                             <ul role="notification" class="dropdown-menu" id="alerts-area">
  47.                                 {% set unreadAlerts = get_user_last_unread_alerts(app.user) %}
  48.                                 {% if unreadAlerts|length %}
  49.                                     {% for alert in unreadAlerts %}
  50.                                         {% include 'SocialFrontendBundle:Components/Alert:type_' ~ alert.type ~ '.html.twig' with {alert: alert} %}
  51.                                     {% endfor %}
  52.                                 {% else %}
  53.                                     <li class="media innerAll there-are-no-alerts-area">
  54.                                         <div class="media-body innerlr">
  55.                                             {% trans %}There are no unread alerts.{% endtrans %}
  56.                                         </div>
  57.                                     </li>
  58.                                 {% endif %}
  59.                                 <li class="media innerall">
  60.                                     <a class="text-center instant-load" target="alerts"
  61.                                        href="{{ path('social_frontend_alerts') }}">
  62.                                         {% trans %}see all alerts{% endtrans %}
  63.                                     </a>
  64.                                 </li>
  65.                             </ul>
  66.                         </li>
  67.                         <li class="dropdown member-menu">
  68.                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  69.                                 <span class="pull-left innerR">
  70.                                     {% include 'SocialFrontendBundle:Photos:profile_photo_single_item.html.twig' with {user: app.user, filter: 'user_small_thumb', 'class': 'small'} %}
  71.                                 </span>
  72.                                 <span class="user-name-member hidden-xs">
  73.                                     {{ app.user }}
  74.                                 </span>
  75.                                 <b class="caret"></b>
  76.                             </a>
  77.                             <ul class="dropdown-menu">
  78.                                 {% if creditsPackagesActivated == 1 %}
  79.                                     <li class="user-credits-entry">
  80.                                         <a href="javascript:;">
  81.                                             <i class="fad fa-coins" aria-hidden="true"></i>
  82.                                             <div class="inner-package-wrapper">
  83.                                                 {% set hideCredits = '' %}
  84.                                                 {% if app.user.isFake == false and isUserOnFirstFreePackage(app.user.id) == true and app.user.credits > 0 %}
  85.                                                     {% set hideCredits = 'hide' %}
  86.                                                     <span class="free-package">
  87.                                                         {{ 'Free Package'|trans }}
  88.                                                     </span>
  89.                                                 {% endif %}
  90.                                                 {% if app.user.packageName == 'default' and app.user.isFake == false and isUserOnFirstFreePackage(app.user.id) == false %}
  91.                                                     {% set hideCredits = 'hide' %}
  92.                                                     <span class="free-package">
  93.                                                             {{ 'Free Package'|trans }}
  94.                                                         </span>
  95.                                                 {% endif %}
  96.                                                 <span class="credits-active-number {{ hideCredits }}">
  97.                                                     {% trans %}Credits{% endtrans %}
  98.                                                     <span id="number-of-credits"
  99.                                                           class="number-active-credits">{{ app.user.credits }}</span>
  100.                                                     </span>
  101.                                             </div>
  102.                                         </a>
  103.                                     </li>
  104.                                     {% set showEntry = false %}
  105.                                     {% if app.user.bonusCredits > 0 %}{% set showEntry = true %}{% endif %}
  106.                                     <li id="bonus-activate-entry"
  107.                                         {% if showEntry == false %}style="display: none"{% endif %}>
  108.                                         <a href="javascript:;"
  109.                                            class="apply-bonus-button"
  110.                                            data-url="{{ url('social.credits.activate_bonus') }}"
  111.                                            onclick="SocApp.applyBonusCredits(this);return;"
  112.                                            {% if app.user.credits == 0 and app.user.bonusCredits == 0 %}style="display: none;"{% endif %}>
  113.                                             {% if app.user.bonusCredits > 0 %}
  114.                                                 {% set userBonusCredits = app.user.bonusCredits %}
  115.                                                 <span class="bonus-amount-credits">
  116.                                                     {% trans with { '%user_bonus_credits%' : userBonusCredits } %}Activate bonus %user_bonus_credits%{% endtrans %}
  117.                                                 </span>
  118.                                             {% else %}
  119.                                                 {% trans %}Activate bonus{% endtrans %}
  120.                                             {% endif %}
  121.                                             <i class="far fa-coins"></i>
  122.                                         </a>
  123.                                     </li>
  124.                                 {% endif %}
  125.                                 <li>
  126.                                     <a href="{{ path('social_frontend_account_details') }}" class="instant-load"
  127.                                        target="edit-profile">
  128.                                         <i class="fa fa-user"></i>
  129.                                         {% trans %}My profile{% endtrans %}
  130.                                     </a>
  131.                                 </li>
  132.                                 {# Task - 61 - removed forever? - maybe in the future
  133.                                 <li>
  134.                                     <a href="{{ path('social_frontend_account_details') }}#tabPayments"
  135.                                        class="instant-load" target="edit-profile">
  136.                                         <i class="fa fa-credit-card"></i>
  137.                                         {% trans %}Payment History{% endtrans %}
  138.                                     </a>
  139.                                 </li>
  140.                                 #}
  141.                                 <li>
  142.                                     {% set hiddenElement = '' %}
  143.                                     {% if creditsPackagesActivated == 1 %}
  144.                                         {% if isUserOnFirstFreePackage(app.user.id) == false %}
  145.                                             <a href="{{ path('social_frontend_account_details') }}#tabPayments"
  146.                                                class="instant-load" target="edit-profile">
  147.                                                 <i class="fa fa-th-large" aria-hidden="true"></i>
  148.                                                 {% trans %}Current Package{% endtrans %}
  149.                                             </a>
  150.                                         {% endif %}
  151.                                     {% else %}
  152.                                         <a href="{{ path('social_frontend_account_details') }}#tabPayments"
  153.                                            class="instant-load" target="edit-profile">
  154.                                             <i class="fa fa-th-large" aria-hidden="true"></i>
  155.                                             {% trans %}Current Package{% endtrans %}
  156.                                         </a>
  157.                                     {% endif %}
  158.                                 </li>
  159.                                 {% if app.user.isFake %}
  160.                                     <li>
  161.                                         <a href="{{ path('social_frontend_exit_impersonation') }}">
  162.                                             <i class="fa fa-sign-out"></i>Exit impersonation
  163.                                         </a>
  164.                                     </li>
  165.                                 {% endif %}
  166.                                 <li>
  167.                                     <a href="#" class="open-tour-btn">
  168.                                         <i class="fa fa-globe"></i>
  169.                                         {% trans %}Open Tour{% endtrans %}
  170.                                     </a>
  171.                                 </li>
  172.                                 <li>
  173.                                     {% include '@SocialFrontend/Translation/translator.html.twig' %}
  174.                                 </li>
  175.                                 <li>
  176.                                     <a href="{{ path('fos_user_security_logout') }}" class="logout-btn"
  177.                                        homepage-url="{{ path('social_user_homepage') }}">
  178.                                         <i class="fa fa-sign-out"></i>
  179.                                         {% trans %}Log Out{% endtrans %}
  180.                                     </a>
  181.                                 </li>
  182.                             </ul>
  183.                         </li>
  184.                     {% else %}
  185.                         <li>
  186.                             <a class="sibling login" href="{{ path('fos_user_security_login') }}"
  187.                                title="{% trans with {project_name: project_name} %}%project_name% Login Page{% endtrans %}">{% trans %}
  188.                                     Login{% endtrans %}</a>
  189.                         </li>
  190.                     {% endif %}
  191.                 </ul>
  192.                 <a class="navbar-brand {% if app.user %}instant-load{% endif %}"
  193.                    href="{{ path('social_frontend_homepage_account') }}">
  194.                     <img src="{{ asset(theme_manager.getActiveThemeLogo()) }}" alt="" width="" height="">
  195.                 </a>
  196.             </div>
  197.             <div class="collapse navbar-collapse" id="navbar-fixed-layout-collapse">
  198.                 <ul class="nav navbar-nav">
  199.                     <li class="nav-item">
  200.                         <a href="{{ path('social_frontend_account') }}" {% if app.user %}class="instant-load nav-link"
  201.                            target="about"{% endif %}
  202.                            title="{% trans %}About{% endtrans %}">
  203.                             {% trans %}About{% endtrans %}
  204.                         </a>
  205.                     </li>
  206.                     <li class="nav-item">
  207.                         <a href="{{ path('social_frontend_account_photos') }}"
  208.                            {% if app.user %}class="instant-load nav-link"
  209.                            target="photos"{% endif %}
  210.                            title="{% trans %}Media{% endtrans %}">
  211.                             {% trans %}Media{% endtrans %}
  212.                         </a>
  213.                     </li>
  214.                     <li class="nav-item">
  215.                         <a href="{{ path('social_frontend_account_friends') }}"
  216.                            {% if app.user %}class="instant-load nav-link"
  217.                            target="friends"{% endif %}
  218.                            title="{% trans %}Friends{% endtrans %}">{% trans %}Friends{% endtrans %}
  219.                             <span class="friend-requests-alert pulse {% if app.user.waitingFriends|length == 0 %}hidden{% endif %}">
  220.                                 {{ app.user.waitingFriends|length }}
  221.                             </span>
  222.                         </a>
  223.                     </li>
  224.                     <li class="nav-item">
  225.                         <a href="{{ path('social_frontend_account_messages') }}"
  226.                            {% if app.user %}class="instant-load nav-link"
  227.                            target="messages"{% endif %}
  228.                            title="{% trans %}Messages{% endtrans %}">{% trans %}Messages{% endtrans %}
  229.                         <span class="unread-messages-alert pulse {% if getAllNumberOfUnreadMessages(app.user) == 0 %}hidden{% endif %}">
  230.                             {{ getAllNumberOfUnreadMessages(app.user) }}
  231.                         </span>
  232.                         </a>
  233.                     </li>
  234.                     <li class="nav-item">
  235.                         <a href="{{ path('social_frontend_search') }}" {% if app.user %}class="instant-load nav-link"
  236.                            target="search"{% endif %}
  237.                            title="{% trans %}Search{% endtrans %}">{% trans %}Search{% endtrans %}</a>
  238.                     </li>
  239.                     {% if app.user %}
  240.                         {% set packageName = app.user.packageName|split('-')[0] %}
  241.                         {% if packageName in getAllowedPackagesForSwipe() %}
  242.                             <li class="nav-item">
  243.                                 <a href="{{ path('social_frontend_swipe_profiles') }}" {% if app.user %}class="instant-load nav-link"
  244.                                    target="swipe"{% endif %}
  245.                                    title="{% trans %}swipe{% endtrans %}">{% trans %}Swipe{% endtrans %}</a>
  246.                             </li>
  247.                         {% endif %}
  248. {#                        <li class="nav-item">#}
  249. {#                            <a href="{{ path('social_invite') }}"#}
  250. {#                               class="instant-load {% if is_user_eligible_for_package_offer_one_day(app.user) %}btn-pulse btn-invite-top{% endif %}"#}
  251. {#                               target="invite">#}
  252. {#                                {% trans %}Invite{% endtrans %}#}
  253. {#                                {% if is_user_eligible_for_package_offer_one_day(app.user) %}#}
  254. {#                                    <i class="fa fa-exclamation"></i>#}
  255. {#                                {% endif %}#}
  256. {#                            </a>#}
  257. {#                        </li>#}
  258.                         <input type="hidden" id="data-instance-id" value="{{ pusherInstanceId ? pusherInstanceId : "" }}">
  259.                         <input type="hidden" id="data-user-id" value="{{ app.user ? app.user.id : null }}">
  260.                         <input type="hidden" id="data-url" value="{{ path('social_notification') }}">
  261.                         <input type="hidden" id="data-push-beam-url" value="{{ path('social_beams_auth') }}">
  262.                         {% set getDeviceInterest = getDeviceInterest() %}
  263.                         <input type="hidden" id="device_interest_name" value="{{ getDeviceInterest ? getDeviceInterest.id : "" }}" data-interest-name="{{ getDeviceInterest ? getDeviceInterest.name : "" }}">
  264.                     {% endif %}
  265.                 </ul>
  266.             </div>
  267.         </div>
  268.     </nav>
  269. {% else %}
  270.     <section class="navbar navbar-default top-nav navbar-fixed-top" role="navigation">
  271.         <div class="container">
  272.             <div class="navbar-header">
  273.                 <button type="button" class="navbar-toggle btn-menu-size pull-right" data-toggle="collapse"
  274.                         data-target="#navbar-fixed-layout-collapse">
  275.                     <i class="fa fa-indent"></i>
  276.                     <span class="hidden-menu-responsive">Menu</span>
  277.                 </button>
  278.                 <a class="navbar-brand" href="{{ path('social_user_homepage') }}">
  279.                     <img src="{{ asset(theme_manager.getActiveThemeLogo()) }}" alt="">
  280.                 </a>
  281.             </div>
  282.             <div class="collapse navbar-collapse" id="navbar-fixed-layout-collapse">
  283.                 <ul class="nav navbar-nav pull-right">
  284.                     {% set registerActions='' %}
  285.                     {% if app.user %}
  286.                         {% set url = path('social_user_homepage') %}
  287.                         {% set registerActions='href="' ~ url ~ '"' %}
  288.                     {% else %}
  289.                         {% set registerActions='' %}
  290.                     {% endif %}
  291.                     <li class="register-link">
  292.                         <a class="sibling register special-register-btn signup-modal-open" href="#modal-signup"
  293.                            style="cursor: pointer"
  294.                            title="{% trans with {project_name: project_name} %}%project_name% Register Page{% endtrans %}"
  295.                                 {{ registerActions|raw }}>
  296.                             {% trans %}Register{% endtrans %}
  297.                         </a>
  298.                     </li>
  299.                     <li class="login-link">
  300.                         <a class="sibling login" href="{{ path('fos_user_security_login') }}" target="_self"
  301.                            title="{% trans with {project_name: project_name} %}%project_name% Login Page{% endtrans %}">
  302.                             {% trans %}Login{% endtrans %}
  303.                         </a>
  304.                     </li>
  305.                 </ul>
  306.             </div>
  307.         </div>
  308.     </section>
  309. {% endif %}
  310. {% if app.user and pusherInstanceId and pusherSecretKey %}
  311.     {% set subscriptionDisplay = 'block' %}
  312.     {% if app.user and isSubscribedInPush(app.user) %}
  313.         {% set subscriptionDisplay = 'none' %}
  314.     {% endif %}
  315.     <div id="subscription-div" style="display: {{ subscriptionDisplay }}">
  316.         <a href="#" class="show-subscription-form-btn" data-url="{{ path('social_notification') }}" data-push-beam-url="{{ path('social_beams_auth') }}" data-user="{{ app.user ? app.user.id : null }}">
  317.             <i class="fa fa-solid fa-bell"></i>
  318.         </a>
  319.         <a type="submit" class="btn btn-success btn-sm submit-subscription-btn pull-right hidden"></a>
  320.     </div>
  321. {% endif %}