src/Aqarmap/Bundle/MainBundle/Resources/views/Navbar/userControlMenu.html.twig line 1

Open in your IDE?
  1. {% set isLoggedin = is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  2. {% set isUserActivityEnabled = isEnabledFeature('web.activity.app') %}
  3. {% set userId = null %}
  4. {% set isUserExist = isLoggedin and app.user %}
  5. {% set showDashboardSection = false   %}
  6. {% set showManagementSection = false   %}
  7. {% set userType = null %}
  8. {% if isUserExist %}
  9.     {% set userType = app.user.userType %}
  10.     {% set userId = 'ng::userInfo.id::' %}
  11.     {% set userCreatedAt = 'ng::userInfo.created_at::' %}
  12.     {% set isPersonalPhoto = 'ng::personal_photo::' %}
  13.     {% set isValidLogo = 'ng::is_valid_logo::' %}
  14.     {% set isValidPersonalPhoto = 'ng::is_valid_personal_photo::' %}
  15.     {% set showDashboardSection = userType in [
  16.         constant('Aqarmap\\Bundle\\UserBundle\\Constant\\UserTypes::COMPOUND_DEVELOPER'),
  17.         constant('Aqarmap\\Bundle\\UserBundle\\Constant\\UserTypes::SMALL_DEVELOPER'),
  18.         constant('Aqarmap\\Bundle\\UserBundle\\Constant\\UserTypes::BROKER')
  19.     ] ? true :false
  20.     %}
  21.     {% set hideManagemenetSection = userType == constant('Aqarmap\\Bundle\\UserBundle\\Constant\\UserTypes::BUYER')%}
  22. {% endif %}
  23. {% macro listElement(imageIcon, title, routeName, count = null, activityName = null, slugName = null, clickActionFunction = null) %}
  24.     {% set isLoggedin = is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  25.     {% set isUserExist = isLoggedin and app.user %}
  26.     {% set isMobile = isMobileAgent(app.request.headers.get('User-Agent')) %}
  27.     {% set isActiveRouteName = app.request.get('_route') == routeName and app.request.get('step') == activityName %}
  28.     {% set isActiveSlugName = app.request.get('_route') == routeName and app.request.get('slug') == slugName %}
  30.     {% if activityName %}
  31.         {% set routeUrl = path(routeName, {'step': isMobile ? 'home' : activityName} ) %}
  32.         {% set activeClass = isActiveRouteName ? "active": "" %}
  33.     {% elseif slugName %}
  34.         {% set routeUrl = path(routeName, {'slug': slugName } ) %}
  35.         {% set activeClass = isActiveSlugName  ? "active": "" %}
  36.     {% else %}
  37.         {% set routeUrl = path(routeName)%}
  38.         {% set activeClass = app.request.get('_route') == routeName ? "active" : "" %}
  39.     {% endif %}
  41.     <a
  42.     href="{{ isUserExist ?  routeUrl : "" }}" class="icon-btn simple-navbar__icon-btn icon-btn_baby-blue-hover p-0 w-100 h-100 {{activeClass}}" {% if clickActionFunction %} ng-click="{{ clickActionFunction }}($event)" {% endif %}>
  43.         <div class="menu-content__list-icon icon">
  44.             <img src=" {{ imageIcon }}"></img>
  45.         </div>
  46.         <p class="menu-content__list-label m-0">{{ title|trans }}</p>
  47.     </a>
  49.     {% if count %}
  50.         <span class="badge badge-blue badge-rounded simple-navbar__icon-btn_badge badge">{{ count }}</span>
  51.     {% endif %}
  52. {% endmacro %}
  54. <div class="menu-content menu-content__header ds-px_2x ds-py_3x" ng-init="showDashboardSection={{showDashboardSection}}">
  56.     {% if isLoggedin %}
  57.         <div class="d-flex mt-0 justify-content-between">
  58.             <div class="d-flex flex-column justify-content-center menu-content__info menu-content__info_w-65 p-0">
  59.                 <div class="menu-content__info-title menu-content__info-title_disable-hover">
  60.                         {{userName}}
  61.                 </div>
  62.                 <div
  63.                     class="menu-content__info-descritpion menu-content__info-descritpion_disable-hover">
  64.                     {{ 'user_control.joined'|trans({'%date%': userCreatedAt}) }}
  65.                 </div>
  66.             </div>
  67.             <a class="menu-content__edit-info" href="{{path('alias_my_account')}}">
  68.                 {{'user_settings.edit_profile'|trans}}
  69.             </a>
  70.         </div>
  71.     {% else %}
  72.         <h3 class="menu-content__title"> {{'user_control.login_intro'|trans}} </h3>
  73.         <p class="menu-content__text menu-content__header-text"> {{'user_control.description'|trans}} </p>
  74.         <a
  75.             id="te-login-button"
  76.             class="icon-btn simple-navbar__action-btn simple-navbar__action-btn_blue-btn"
  77.             href="{{ path('app_login') }}"
  78.             rel="nofollow"
  79.             >
  80.             {{ 'home_page.login'|trans }}
  81.         </a>
  82.         <a
  83.             id="te-login-button"
  84.             class="icon-btn simple-navbar__action-btn simple-navbar__action-btn_gray-btn"
  85.             href="{{ path('app_register') }}"
  86.             rel="nofollow">
  87.             {{ 'home_page.signup'|trans }}
  88.         </a>
  89.     {% endif %}
  90. </div>
  92. <div class="menu-content menu-content_pb-sm ds-px_2x ds-py_3x">
  93.     <label class="menu-content__text menu-content__text-style ds-mb_2x">{{'user_control.activity'|trans}}</label>
  94.     <ul class="simple-navbar__dropdown-menu_list" >
  95.         {% if isUserActivityEnabled and isEgyptSite %}
  96.             {% if isEnabledFeature('web.user.activity.favourite')%}
  97.                 <li>
  98.                     {{ _self.listElement(
  99.                     '/images/Navbar/UserMenu/ic_heart_strok.svg',
  100.                     'user_control.favorites'|trans,
  101.                     'user_activity',
  102.                     'ng::userFavouritesCount::',
  103.                     'favorites')}}
  104.                 </li>
  105.             {% endif %}
  106.             {% if isEnabledFeature('web.user.activity.note') %}
  107.                 <li>
  108.                     {{ _self.listElement(
  109.                         '/images/Navbar/UserMenu/ic_note.svg',
  110.                         'user_control.notes'|trans,
  111.                         'user_activity',
  112.                         'ng::userMotesCount::',
  113.                         'note')}}
  114.                 </li>
  115.             {% endif %}
  117.         {% endif %}
  118.         {% if isLoggedin %}
  119.             <li>
  120.                 {{ _self.listElement(
  121.                     '/images/Navbar/UserMenu/ic_bell_notifications.svg',
  122.                     'layout.my_notifications'|trans,
  123.                     'aqarmap_my_notifications',
  124.                     'ng::userNotificationCount::') }}
  125.             </li>
  126.             <li>
  127.                 {{ _self.listElement(
  128.                 '/images/Navbar/UserMenu/ic_bullet_list.svg',
  129.                 'layout.my_notifiers'|trans,
  130.                 'aqarmap_my_alerts') }}
  131.             </li>
  132.         {% endif %}
  134.     </ul>
  135. </div>
  136. {% if isLoggedin %}
  137.     {% if showDashboardSection %}
  138.         <div class="menu-content menu-content_pb-sm ds-px_2x ds-py_3x">
  139.             <div class="menu-content__dashboard">
  140.                 <div class="menu-content__dashboard-container ds-mb_2x">
  141.                     <img class="menu-content__dashboard-container__img" src="/images/Navbar/ic_dashboard.svg"></img>
  142.                     <div class="menu-content__dashboard-container__text">
  143.                         <h3 class="menu-content__dashboard-title"> {{'home_page.dashboard.title'|trans}} </h3>
  144.                         <p ng-if="hasValidAccessToLiveApp()" class="menu-content__dashboard-description"> {{'home_page.dashboard.description'|trans}} </p>
  145.                     </div>
  146.                 </div>
  147.                 <img ng-if="!hasValidAccessToLiveApp()" class="menu-content__dashboard__lock-img" src="/images/Navbar/ic_dashboard_lock.svg"></img>
  148.             </div>
  149.             <p  ng-if="!hasValidAccessToLiveApp()" class="menu-content__dashboard__recharge-text ds-mb_2x ds-px_x ds-py_x">
  150.                 {{ 'home_page.dashboard.recharge_message'|trans }}
  151.             </p>
  152.             <button
  153.                 id="te-login-button"
  154.                 class="btn-block icon-btn simple-navbar__action-btn simple-navbar__action-btn_blue-btn m-0"
  155.                 ng-disabled="!hasValidAccessToLiveApp()"
  156.                 onclick="window.location.href='{{ app.request.getSchemeAndHttpHost() }}/dashboard/'"
  157.                 rel="nofollow">
  158.                 {{ 'home_page.dashboard.button'|trans }}
  159.                 <span ng-show="hasValidAccessToLiveApp()" class="home-image-container__header-wrapper_link_badge badge expo-badge simple-navbar__icon-btn_new-badge">{{ 'home_page.dashboard.new_badge'|trans }}</span>
  160.             </button>
  161.         </div>
  162.     {% endif %}
  163.     {% if not hideManagemenetSection %}
  164.         <div class="menu-content ds-pt_3x ds-pb_2x ds-px_2x" >
  165.             <label class="menu-content__text menu-content__text-style ds-mb_1x"> {{'user_control.management'|trans}} </label>
  166.             <ul class="simple-navbar__dropdown-menu_list" >
  167.                 <li ng-show="showDashboardModules()" ng-cloak>
  168.                     {{ _self.listElement(
  169.                         '/images/Navbar/UserMenu/ic_listing.svg',
  170.                         'layout.my_listings.title'|trans,
  171.                         'aqarmap_listing_default_mylistings') }}
  172.                 </li>
  173.                 {% if get_setting('features', 'credit') or isEnabledFeature('web.my_credit')  or not showDashboardSection %}
  174.                     <li ng-show="showDashboardModules()" ng-cloak>
  175.                             {{ _self.listElement(
  176.                             '/images/Navbar/UserMenu/ic_credit_card.svg',
  177.                             'layout.my_credits'|trans,
  178.                             'aqarmap_credit') }}
  179.                     </li>
  180.                 {% endif %}
  181.                 <li>
  182.                     {% if get_setting('features', 'payments')%}
  183.                         {{ _self.listElement(
  184.                             '/images/Navbar/UserMenu/ic_contactless_card.svg',
  185.                             'credit.buy_credit'|trans ,
  186.                             'aqarmap_buy_credit') }}
  187.                         {% else %}
  188.                         {{ _self.listElement(
  189.                             '/images/Navbar/UserMenu/ic_contactless_card.svg',
  190.                             'credit.buy_credit'|trans ,
  191.                             'page_view', null , null , 'buy-credit') }}
  192.                     {% endif %}
  193.                 </li>
  194.             </ul>
  195.         </div>
  196.     {% endif %}
  197.     <div class="menu-content ds-py_2x ds-px_2x">
  198.         <ul class="simple-navbar__dropdown-menu_list" >
  199.             <li>
  200.                 <a href="{{ oauth_logout_url ~ "?returnTo=" ~ url('app_logout') }}" class="icon-btn simple-navbar__icon-btn icon-btn_baby-blue-hover p-0 w-100 h-100">
  201.                     <div class="menu-content__list-icon icon">
  202.                         <img src="/images/Navbar/UserMenu/ic_sign_out.svg"></img>
  203.                     </div>
  204.                     <p class="menu-content__list-label m-0">{{ 'layout.logout'|trans }}</p>
  205.                 </a>
  206.             </li>
  207.         </ul>
  208.     </div>
  209. {% endif %}