templates/base.html.twig line 235

  1. {% set FLUID_CONTAINER = false %}
  2. {% set isEgyptSite = get_setting('general', 'country') == 'EG' %}
  3. {% set isKSASite = get_setting('general', 'country') == 'SA' %}
  4. {% set isEnabledKSAnewHome = isKSASite and isEnabledFeature('web.ksa.newhome') %}
  5. {% set isProduction = app.environment == 'prod' %}
  6. {% set isGoogleTagManagerDisabledTest = isEnabledFeature('web.disable.tagmanager') %}
  8. <!DOCTYPE html>
  9. <html lang="{{ app.request.locale }}" dir="{{ 'layout.direction_code'|trans }}" ng-app="moonshot">
  11. {% set isSearchResultsPage = app.request.attributes.get('_route') in ['search', 'property_type_search'] %}
  12. {% set isComoundResultsPage = app.request.attributes.get('_route') in ['compound_search'] %}
  13. {% set isListingDetailsPage = app.request.attributes.get('_route') in ['listing_slug'] %}
  14. {% import '@AqarmapListing/Default/macros/seoVersion.twig' as seoMacro %}
  15. {% set isSeoVersion = seoMacro.seoVersion(app.request.requesturi) and isSearchResultsPage and not app.user %}
  16. {% set isLongTailPage = app.request.get('lt') %}
  17. {% set isUXVersion = not isSeoVersion %}
  18. {% set allowTagManagerDelay = isSeoVersion or isComoundResultsPage or isListingDetailsPage %}
  19. {% set hiddenParametersLanguageRoutes = ['search', 'property_type_search', 'listing_slug'] %}
  20. {% set removeParametersLanguageSwitcher = app.request.attributes.get('_route') in hiddenParametersLanguageRoutes and not isLongTailPage %}
  21. {% set adminBodyClass = is_granted("ROLE_ADMIN") ? 'is-admin' : '' %}
  22. {% set searchResultsBodyClass = isSearchResultsPage ? 'initial-font' : '' %}
  23. {% set aqarmap_exhibits_guide_url = aqarmap_advice_url ~ '/' ~ app.request.locale ~ '/events' %}
  24. {% set isUserHasActiveSubscription = app.user and app.user.getAbsoluteSubscriptionExpiryDays > 0 %}
  25. {% set appLocale = app.request.locale %}
  26. {% set isLocalArabic = appLocale == 'ar' %}
  27. <head>
  28. <meta charset="{{ _charset }}" />
  30. <title>{% block title %}{{ 'layout.brand_suffix'|trans }}{% endblock %}</title>
  32. {% set hiddenMetaDescriptionRoutes = ['compound_search'] %}
  33. {% if app.request.attributes.get('_route') not in hiddenMetaDescriptionRoutes or (app.request.attributes.get('_route') == 'listing_slug' and listing.section.searchable) %}
  34. <meta name="description" content="{% if block('meta_description') is defined -%}
  35. {{- block('meta_description')|default('layout.homepage_description'|trans)|striptags|u.truncate(250, true, true)|replace({"\n": " ", "\r\n": " ", "\t": " ", "\n\r": " ", " ": ".."})|replace({" ": ". "})|trim('.') -}}
  36. {%- else -%}
  37. {{- 'layout.homepage_description'|trans|striptags|u.truncate(250, true, true)|replace({"\n": " ", "\r\n": " ", "\t": " ", "\n\r": " ", " ": ".."})|replace({" ": ". "})|trim('.') -}}
  38. {%- endif %}">
  39. {% endif %}
  41. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
  42. <meta http-equiv="Accept-CH" content="DPR, Width, Viewport-Width">
  43. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  44. <meta name="theme-color" content="#007dbe">
  45. <meta name="author" content="{{ 'layout.app_name'|trans }}">
  46. <meta name="apple-itunes-app" content="app-id=642633889">
  47. <meta name="google-play-app" content="app-id=com.aqarmap.android">
  48. {% if app_domain != app.request.getHost() %}<meta name="robots" content="noindex, nofollow">{% endif %}
  50. {% block metatags %}{% endblock %}
  51. <link rel="preload" as="image" href="{{ asset('images/placeholder.svg') }}">
  52. <link rel="preload" as="image" href="{{ asset('images/logo-' ~ app.request.locale ~ '-white.svg') }}">
  53. <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
  54. <link rel="manifest" href="{{ asset('manifest.json') }}" />
  55. {% block htmlhead %}{% endblock %}
  57. {% block categorizedStylesheets -%}
  58. {{ encore_entry_link_tags('build') }}
  59. {% endblock %}
  61. {% block favouriteHead %}
  62. {% endblock %}
  64. {% set topBar = active_announcement({topBar : true}) %}
  65. {% block headScripts %}
  66. <script>
  67. var app_data = {};
  68. app_data.locale = '{{ appLocale }}';
  69. app_data.debug = {{ (app.debug ? true : false)|serialize }};
  70. app_data.base_url = {{ url('homepage')|serialize|raw }};
  71. app_data.is_authenticated = {{ is_granted("IS_AUTHENTICATED_REMEMBERED")|serialize|raw }};
  72. app_data.messaging_api_key = "{{ firebase_api_key }}";
  73. app_data.messaging_sender_id = "{{ firebase_sender_id }}";
  74. app_data.country = "{{ get_setting('general', 'country') | lower }}";
  75. app_data.topBar = "{{ topBar is not null ? true : false }}";
  76. app_data.topBarStarts = "{{ topBar is not null ? topBar.startAt : false }}";
  77. app_data.topBarCounter = "{{ topBar is not null ? topBar.counter : false }}";
  78. app_data.environment = "{{ app.environment }}"
  79. app_data.currency = "{{ get_setting('general', 'currency')|trans }}"
  80. app_data.searchSvcUrl="{{search_service_public_endpoint}}"
  81. </script>
  82. {% endblock %}
  84. {% block env %}
  85. {% include "env.html.twig" %}
  86. {% endblock %}
  87. </head>
  89. <body class="{{ 'layout.direction_code'|trans }} {{ adminBodyClass }} {{ searchResultsBodyClass }}">
  90. {% if isProduction and not isGoogleTagManagerDisabledTest %}
  91. <!-- Google Tag Manager -->
  92. <script>
  93. var tagManagerSettings = '{{ get_setting('general', 'tag_manager') }}';
  94. var allowTagManagerDelay = '{{allowTagManagerDelay}}'
  95. </script>
  96. <noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ get_setting('general', 'tag_manager') }}"
  97. height="0" width="0" style="display:none;visibility:hidden" loading="lazy"></iframe></noscript>
  98. <script type="application/javascript" src="{{ asset('builds/js/buildTagManager'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  99. <!-- End Google Tag Manager -->
  100. {% endif %}
  102. {% block googleDoubleclick %}
  103. {% if isProduction and isUXVersion %}
  104. <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
  105. <script>
  106. window.googletag = window.googletag || {cmd: []};
  107. googletag.cmd.push(function() {
  108. googletag.pubads().enableSingleRequest();
  109. googletag.pubads().collapseEmptyDivs();
  110. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  111. });
  112. {% if get_setting('general', 'country') == 'SA' %}
  113. googletag.cmd.push(function() {
  114. googletag.defineSlot('/34628225/Frontpage-KSA', [[1140, 225], [728, 144]], 'div-gpt-ad-1611048992201-0').addService(googletag.pubads());
  115. googletag.enableServices();
  116. });
  117. {% else %}
  118. googletag.cmd.push(function() {
  119. googletag.defineSlot('/34628225/half-page', [1140, 225], 'div-gpt-ad-1588539416603-0').addService(googletag.pubads());
  120. googletag.enableServices();
  121. });
  122. {% endif %}
  123. </script>
  124. <script>
  125. window.googletag = window.googletag || {cmd: []};
  126. googletag.cmd.push(function() {
  127. googletag.pubads().enableSingleRequest();
  128. googletag.pubads().collapseEmptyDivs();
  129. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  130. });
  131. {% if get_setting('general', 'country') == 'SA' %}
  132. googletag.cmd.push(function() {
  133. googletag.defineSlot('/34628225/sideadksalong', [300, 600], 'div-gpt-ad-1638434718795-0').addService(googletag.pubads());
  134. googletag.enableServices();
  135. });
  136. {% else %}
  137. googletag.cmd.push(function() {
  138. googletag.defineSlot('/34628225/sideadlong', [300, 600], 'div-gpt-ad-1638434601381-0').addService(googletag.pubads());
  139. googletag.enableServices();
  140. });
  141. {% endif %}
  142. </script>
  143. <script>
  144. window.googletag = window.googletag || {cmd: []};
  145. googletag.cmd.push(function() {
  146. googletag.pubads().enableSingleRequest();
  147. googletag.pubads().collapseEmptyDivs();
  148. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  149. });
  150. {% if get_setting('general', 'country') == 'SA' %}
  151. googletag.cmd.push(function() {
  152. googletag.defineSlot('/34628225/feedadksa', [320, 320], 'div-gpt-ad-1611049193067-0').addService(googletag.pubads());
  153. googletag.enableServices();
  154. });
  155. {% else %}
  156. googletag.cmd.push(function() {
  157. googletag.defineSlot('/34628225/feedad', [320, 320], 'div-gpt-ad-1588541966744-0').addService(googletag.pubads());
  158. googletag.enableServices();
  159. });
  160. {% endif %}
  161. </script>
  162. {% endif %}
  163. {% endblock %}
  165. {% block searchFilters %}
  166. {% endblock %}
  168. {% block firebase %}
  169. <div id="overlay-back"></div>
  170. <div id="overlay"><div class="overlay-text">{{ 'notification_modal.info_message'|trans }} </div></div>
  171. {% endblock %}
  173. {% block vueBody %}
  174. {% include "flashes.html.twig" %}
  175. {% set vueAppName = isListingDetailsPage ? "activitiesApp" : "vueApp" %}
  176. <div id="{{vueAppName}}"
  177. data-feature-toggle="{{ featureToggle is defined ? featureToggle|json_encode : null }}"
  178. data-user="{{ app.user ? app.user.id : null }}"
  179. data-user-email="{{ app.user ? app.user.email : null }}">
  180. {% block navigation %}
  181. {% include "header.html.twig" %}
  182. {% endblock %}
  183. {% if app.request.attributes.get('_route') == 'homepage' %}
  184. {% include "hero-searchbar.html.twig" %}
  185. <section class="container-fluid">
  186. <div class="row justify-content-center">
  187. {% if isProduction %}
  188. {% if get_setting('general', 'country') == 'SA' %}
  189. <div id='div-gpt-ad-1611048992201-0' style='width: 1140px; height: 225px;'>
  190. <script type="application/javascript" v-pre defer>
  191. if (typeof googletag !== 'undefined') {
  192. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1611048992201-0'); });
  193. }
  194. </script>
  195. </div>
  196. {% else %}
  197. <div id='div-gpt-ad-1588539416603-0' style='width: 1140px; height: 225px;'>
  198. <script type="application/javascript" v-pre defer>
  199. if (typeof googletag !== 'undefined') {
  200. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1588539416603-0'); });
  201. }
  202. </script>
  203. </div>
  204. {% endif %}
  205. {% else %}
  206. <div class="takeover-ad" style="text-align: center; background-color: {{ get_setting('features', 'takeover_ad_color') }};">
  207. <img src="https://placehold.it/1140x225/DFDFDF/B6B6B6&text=AD%20BANNER%20(1140%20X%20225)" width="100%" alt="" />
  208. </div>
  209. {% endif %}
  210. </div>
  211. </section>
  212. {% endif %}
  214. {% block headerTop %}
  215. {% include "adsHeader.html.twig" %}
  216. {% endblock %}
  218. {% block body %}
  219. {% endblock %}
  220. {% block modals %}
  221. {% endblock %}
  222. </div>
  223. {% endblock %}
  226. {% block footer %}
  227. {% set hiddenFooterRoutes = ['listing_initialize', 'listing_edit', 'listing_upload', 'listing_confirm_publish_credit'] %}
  228. {% if app.request.attributes.get('_route') not in hiddenFooterRoutes %}
  229. {% include "footer.v2.html.twig" %}
  230. {% endif %}
  232. {% endblock %}
  236. {% block stylesheets -%}
  237. {% if ('layout.direction_code'|trans) == 'rtl' -%}
  238. <link href="{{ asset('builds/css/bootstrap-rtl.min.css') }}" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;" />
  239. {% endif -%}
  240. {% endblock %}
  242. {% block getTranslations %}
  243. {% include "get-translations.html.twig" %}
  244. {% endblock %}
  245. <!-- Javascript categorized files -->
  246. {% block categorizedJavascripts %}
  247. <script src="{{ asset('builds/js/build'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  248. <script defer type="application/javascript" src="{{ asset('builds/js/buildTopSellers'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  249. {% if topBar is not null %}
  250. {{ encore_entry_script_tags('countdown') }}
  251. {% endif %}
  252. {% endblock %}
  253. <!-- Javascript files -->
  255. {% block javascripts %}
  256. <script src="{{ asset('js/translations/jstranslation/'~ app.request.locale ~'.js') }}" defer></script>
  258. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  259. <!--[if lt IE 9]>
  260. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  261. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  262. <![endif]-->
  264. <script type="application/javascript">
  265. // Google Tag Manager Data Layer initialization
  266. window.dataLayer = window.dataLayer || [];
  268. // Translator initialization
  269. window.Translator = window.Translator || [];
  270. </script>
  272. {# Criteo Custom DataLayer #}
  273. {% set criteo_custom_datalayer = {'PageType': 'TransactionPage', 'email': ' '} %}
  275. {# Criteo DataLayer #}
  276. {% set criteo_datalayer = {'PageType': app.request.attributes.get('_route')} %}
  278. {% if app.request.attributes.get('_route') == 'search' or app.request.attributes.get('_route') == 'property_type_search' -%}
  279. {% set criteo_datalayer = {'PageType': 'search'} %}
  280. {% endif %}
  282. {% set criteo_datalayer = criteo_datalayer|merge({'email': ' '}) %}
  284. {% if app.request.attributes.get('_route') == 'listing_slug' %}
  285. {% set criteo_datalayer = {'PageType': 'ListingPage', 'email': ' '} %}
  286. {% set criteo_custom_datalayer = criteo_custom_datalayer|merge({'ProductTransactionProducts': [{ 'id': listing.id , 'price': '0.01' , 'quantity': '1' }]}) %}
  288. {% set criteo_datalayer = criteo_datalayer|merge({'ListingID': listing.id}) %}
  289. <script>
  290. $(document).ready(function () {
  291. dataLayer.push({{ criteo_custom_datalayer|json_encode|raw }});
  292. });
  293. </script>
  294. {% if listing.liveChildren is not empty %}
  295. {% set criteo_datalayer = criteo_datalayer|merge({'unitsIDs': listing.liveChildrenIDs}) %}
  296. {% endif -%}
  297. {% endif %}
  299. {% if app.request.attributes.get('_route') == 'search' or app.request.attributes.get('_route') == 'property_type_search' -%}
  300. {% set criteo_datalayer = criteo_datalayer|merge({'ListingIDList': resultsIDs|slice(1, 3)}) %}
  301. {% endif %}
  302. <script>
  303. $(document).ready(function () {
  304. dataLayer.push({{ criteo_datalayer|json_encode|raw }});
  305. });
  306. </script>
  307. {% endblock %}
  309. {% block fos %}
  310. {% if app.debug %}
  311. <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>
  312. {% else %}
  313. <script src="{{ asset('js/fos_js_routes.js') }}"></script>
  314. <script>
  315. Routing.setPrefix("{{ app.request.locale }}__RG__");
  316. </script>
  317. {% endif %}
  318. {% endblock %}
  320. {% block extraScripts %}
  321. {% if app.request.attributes.get('_route') == 'homepage' %}
  322. <script type="application/javascript" src="{{ asset('js/priceFilters.js') }}"></script>
  323. {% endif %}
  324. {% endblock extraScripts %}
  326. {% block wootricScript %}
  327. {% if isUXVersion %}
  328. <!-- begin Wootric code -->
  329. <script>
  330. window.wootric = function(){};
  331. </script>
  332. <script type="text/javascript" src="https://cdn.wootric.com/wootric-sdk.js"></script>
  333. <script id="wootricScript" src="{{ asset('builds/js/buildWootric'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  334. {% else %}
  335. <script>
  336. $(document).ready(function () {
  337. {% if app.user %}
  338. dataLayer.push({
  339. 'userEmail': '{{ app.user.email }}',
  340. 'userCreatedAt': '{{ app.user.createdAt|date('U') }}',
  341. });
  342. {% endif %}
  343. });
  344. </script>
  345. {% endif %}
  346. {% endblock %}
  348. {% block facebookLogin %}
  349. {% endblock %}
  351. {% block googleLogin %}
  352. {% include "googleLogin.html.twig" %}
  353. {% endblock googleLogin %}
  354. </body>
  355. </html>