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

  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.my_account'|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 %}