templates/base.html.twig line 231

  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. <meta name="robots" content="noindex, follow">
  49. {% if app_domain != app.request.getHost() %}<meta name="robots" content="noindex, nofollow">{% endif %}
  51. {% block metatags %}{% endblock %}
  52. <link rel="preload" as="image" href="{{ asset('images/placeholder.svg') }}">
  53. <link rel="preload" as="image" href="{{ asset('images/logo-' ~ app.request.locale ~ '-white.svg') }}">
  54. <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
  55. <link rel="manifest" href="{{ asset('manifest.json') }}" />
  56. {% block htmlhead %}{% endblock %}
  58. {% block categorizedStylesheets -%}
  59. <link rel="stylesheet" href="{{ asset('builds/css/build'~ (app.environment == 'dev' ? '' : '.min') ~'.css') }}" />
  60. {% endblock %}
  62. {% block favouriteHead %}
  63. {% endblock %}
  65. {% set topBar = active_announcement({topBar : true}) %}
  66. {% block headScripts %}
  67. <script>
  68. var app_data = {};
  69. app_data.locale = '{{ appLocale }}';
  70. app_data.debug = {{ (app.debug ? true : false)|serialize }};
  71. app_data.base_url = {{ url('homepage')|serialize|raw }};
  72. app_data.is_authenticated = {{ is_granted("IS_AUTHENTICATED_REMEMBERED")|serialize|raw }};
  73. app_data.messaging_api_key = "{{ firebase_api_key }}";
  74. app_data.messaging_sender_id = "{{ firebase_sender_id }}";
  75. app_data.country = "{{ get_setting('general', 'country') | lower }}";
  76. app_data.topBar = "{{ topBar is not null ? true : false }}";
  77. app_data.topBarStarts = "{{ topBar is not null ? topBar.startAt : false }}";
  78. app_data.topBarCounter = "{{ topBar is not null ? topBar.counter : false }}";
  79. app_data.environment = "{{ app.environment }}"
  80. app_data.currency = "{{ get_setting('general', 'currency')|trans }}"
  81. app_data.searchSvcUrl="{{search_service_public_endpoint}}"
  83. </script>
  84. <script type="application/ld+json">
  85. {
  86. "@context": "https://schema.org",
  87. "@type": "Organization",
  88. "logo" : "{{ app.request.locale == 'ar' ? absolute_url(asset('images/logo-ar.svg')) : absolute_url(asset('images/EnglishLogo.png')) }}",
  89. "url": "{{ app.request.getSchemeAndHttpHost() }}"
  90. }
  91. </script>
  92. {% endblock %}
  94. {% block env %}
  95. {% include "env.html.twig" %}
  96. {% endblock %}
  97. </head>
  99. <body class="{{ 'layout.direction_code'|trans }} {{ adminBodyClass }} {{ searchResultsBodyClass }}">
  100. {% if isProduction and not isGoogleTagManagerDisabledTest %}
  101. <!-- Google Tag Manager -->
  102. <script>
  103. var tagManagerSettings = '{{ get_setting('general', 'tag_manager') }}';
  104. var allowTagManagerDelay = '{{allowTagManagerDelay}}'
  105. </script>
  106. <noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ get_setting('general', 'tag_manager') }}"
  107. height="0" width="0" style="display:none;visibility:hidden" loading="lazy"></iframe></noscript>
  108. <script type="application/javascript" src="{{ asset('builds/js/buildTagManager'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  109. <!-- End Google Tag Manager -->
  110. {% endif %}
  112. {% block googleDoubleclick %}
  113. {% if isProduction and isUXVersion %}
  114. <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
  115. <script>
  116. window.googletag = window.googletag || {cmd: []};
  117. googletag.cmd.push(function() {
  118. googletag.pubads().enableSingleRequest();
  119. googletag.pubads().collapseEmptyDivs();
  120. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  121. });
  122. {% if get_setting('general', 'country') == 'SA' %}
  123. googletag.cmd.push(function() {
  124. googletag.defineSlot('/34628225/Frontpage-KSA', [[1140, 225], [728, 144]], 'div-gpt-ad-1611048992201-0').addService(googletag.pubads());
  125. googletag.enableServices();
  126. });
  127. {% else %}
  128. googletag.cmd.push(function() {
  129. googletag.defineSlot('/34628225/half-page', [1140, 225], 'div-gpt-ad-1588539416603-0').addService(googletag.pubads());
  130. googletag.enableServices();
  131. });
  132. {% endif %}
  133. </script>
  134. <script>
  135. window.googletag = window.googletag || {cmd: []};
  136. googletag.cmd.push(function() {
  137. googletag.pubads().enableSingleRequest();
  138. googletag.pubads().collapseEmptyDivs();
  139. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  140. });
  141. {% if get_setting('general', 'country') == 'SA' %}
  142. googletag.cmd.push(function() {
  143. googletag.defineSlot('/34628225/sideadksalong', [300, 600], 'div-gpt-ad-1638434718795-0').addService(googletag.pubads());
  144. googletag.enableServices();
  145. });
  146. {% else %}
  147. googletag.cmd.push(function() {
  148. googletag.defineSlot('/34628225/sideadlong', [300, 600], 'div-gpt-ad-1638434601381-0').addService(googletag.pubads());
  149. googletag.enableServices();
  150. });
  151. {% endif %}
  152. </script>
  153. <script>
  154. window.googletag = window.googletag || {cmd: []};
  155. googletag.cmd.push(function() {
  156. googletag.pubads().enableSingleRequest();
  157. googletag.pubads().collapseEmptyDivs();
  158. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  159. });
  160. {% if get_setting('general', 'country') == 'SA' %}
  161. googletag.cmd.push(function() {
  162. googletag.defineSlot('/34628225/feedadksa', [320, 320], 'div-gpt-ad-1611049193067-0').addService(googletag.pubads());
  163. googletag.enableServices();
  164. });
  165. {% else %}
  166. googletag.cmd.push(function() {
  167. googletag.defineSlot('/34628225/feedad', [320, 320], 'div-gpt-ad-1588541966744-0').addService(googletag.pubads());
  168. googletag.enableServices();
  169. });
  170. {% endif %}
  171. </script>
  172. {% endif %}
  173. {% endblock %}
  175. {% block searchFilters %}
  176. {% endblock %}
  178. {% block firebase %}
  179. <div id="overlay-back"></div>
  180. <div id="overlay"><div class="overlay-text">{{ 'notification_modal.info_message'|trans }} </div></div>
  181. {% endblock %}
  183. {% block vueBody %}
  184. {% include "flashes.html.twig" %}
  185. {% set vueAppName = isListingDetailsPage ? "activitiesApp" : "vueApp" %}
  186. <div id="{{vueAppName}}"
  187. data-feature-toggle="{{ featureToggle is defined ? featureToggle|json_encode : null }}"
  188. data-user="{{ app.user ? app.user.id : null }}"
  189. data-user-email="{{ app.user ? app.user.email : null }}">
  190. {% block navigation %}
  191. {% include "header.html.twig" %}
  192. {% endblock %}
  193. {% if app.request.attributes.get('_route') == 'homepage' %}
  194. {% include "hero-searchbar.html.twig" %}
  195. <section class="container-fluid">
  196. <div class="row justify-content-center">
  197. {% if isProduction %}
  198. {% if get_setting('general', 'country') == 'SA' %}
  199. <div id='div-gpt-ad-1611048992201-0' style='width: 1140px; height: 225px;'>
  200. <script type="application/javascript" v-pre defer>
  201. if (typeof googletag !== 'undefined') {
  202. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1611048992201-0'); });
  203. }
  204. </script>
  205. </div>
  206. {% else %}
  207. <div id='div-gpt-ad-1588539416603-0' style='width: 1140px; height: 225px;'>
  208. <script type="application/javascript" v-pre defer>
  209. if (typeof googletag !== 'undefined') {
  210. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1588539416603-0'); });
  211. }
  212. </script>
  213. </div>
  214. {% endif %}
  215. {% else %}
  216. <div class="takeover-ad" style="text-align: center; background-color: {{ get_setting('features', 'takeover_ad_color') }};">
  217. <img src="https://placehold.it/1140x225/DFDFDF/B6B6B6&text=AD%20BANNER%20(1140%20X%20225)" width="100%" alt="" />
  218. </div>
  219. {% endif %}
  220. </div>
  221. </section>
  222. {% endif %}
  224. {% block headerTop %}
  225. {% include "adsHeader.html.twig" %}
  226. {% endblock %}
  228. {% block body %}
  229. {% endblock %}
  230. {% block modals %}
  231. {% endblock %}
  232. </div>
  233. {% endblock %}
  236. {% block footer %}
  237. {% set hiddenFooterRoutes = ['listing_initialize', 'listing_edit', 'listing_upload', 'listing_confirm_publish_credit'] %}
  238. {% if app.request.attributes.get('_route') not in hiddenFooterRoutes %}
  239. {% include "footer.v2.html.twig" %}
  240. {% endif %}
  242. {% endblock %}
  246. {% block stylesheets -%}
  247. {% if ('layout.direction_code'|trans) == 'rtl' -%}
  248. <link href="{{ asset('builds/css/bootstrap-rtl.min.css') }}" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;" />
  249. {% endif -%}
  250. {% endblock %}
  252. {% block getTranslations %}
  253. {% include "get-translations.html.twig" %}
  254. {% endblock %}
  255. <!-- Javascript categorized files -->
  256. {% block categorizedJavascripts %}
  257. <script src="{{ asset('builds/js/build'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  258. <script defer type="application/javascript" src="{{ asset('builds/js/buildTopSellers'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  259. {% if topBar is not null %}
  260. {{ encore_entry_script_tags('countdown') }}
  261. {% endif %}
  262. {% endblock %}
  263. <!-- Javascript files -->
  265. {% block javascripts %}
  266. <script src="{{ asset('js/translations/jstranslation/'~ app.request.locale ~'.js') }}" defer></script>
  268. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  269. <!--[if lt IE 9]>
  270. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  271. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  272. <![endif]-->
  274. <script type="application/javascript">
  275. // Google Tag Manager Data Layer initialization
  276. window.dataLayer = window.dataLayer || [];
  278. // Translator initialization
  279. window.Translator = window.Translator || [];
  280. </script>
  282. {# Criteo Custom DataLayer #}
  283. {% set criteo_custom_datalayer = {'PageType': 'TransactionPage', 'email': ' '} %}
  285. {# Criteo DataLayer #}
  286. {% set criteo_datalayer = {'PageType': app.request.attributes.get('_route')} %}
  288. {% if app.request.attributes.get('_route') == 'search' or app.request.attributes.get('_route') == 'property_type_search' -%}
  289. {% set criteo_datalayer = {'PageType': 'search'} %}
  290. {% endif %}
  292. {% set criteo_datalayer = criteo_datalayer|merge({'email': ' '}) %}
  294. {% if app.request.attributes.get('_route') == 'listing_slug' %}
  295. {% set criteo_datalayer = {'PageType': 'ListingPage', 'email': ' '} %}
  296. {% set criteo_custom_datalayer = criteo_custom_datalayer|merge({'ProductTransactionProducts': [{ 'id': listing.id , 'price': '0.01' , 'quantity': '1' }]}) %}
  298. {% set criteo_datalayer = criteo_datalayer|merge({'ListingID': listing.id}) %}
  299. <script>
  300. $(document).ready(function () {
  301. dataLayer.push({{ criteo_custom_datalayer|json_encode|raw }});
  302. });
  303. </script>
  304. {% if listing.liveChildren is not empty %}
  305. {% set criteo_datalayer = criteo_datalayer|merge({'unitsIDs': listing.liveChildrenIDs}) %}
  306. {% endif -%}
  307. {% endif %}
  309. {% if app.request.attributes.get('_route') == 'search' or app.request.attributes.get('_route') == 'property_type_search' -%}
  310. {% set criteo_datalayer = criteo_datalayer|merge({'ListingIDList': resultsIDs|slice(1, 3)}) %}
  311. {% endif %}
  312. <script>
  313. $(document).ready(function () {
  314. dataLayer.push({{ criteo_datalayer|json_encode|raw }});
  315. });
  316. </script>
  317. {% endblock %}
  319. {% block fos %}
  320. {% if app.debug %}
  321. <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>
  322. {% else %}
  323. <script src="{{ asset('js/fos_js_routes.js') }}"></script>
  324. <script>
  325. Routing.setPrefix("{{ app.request.locale }}__RG__");
  326. </script>
  327. {% endif %}
  328. {% endblock %}
  330. {% block extraScripts %}
  331. {% if app.request.attributes.get('_route') == 'homepage' %}
  332. <script type="application/javascript" src="{{ asset('js/priceFilters.js') }}"></script>
  333. {% endif %}
  334. {% endblock extraScripts %}
  336. {% block wootricScript %}
  337. {% if isUXVersion %}
  338. <!-- begin Wootric code -->
  339. <script>
  340. window.wootric = function(){};
  341. </script>
  342. <script type="text/javascript" src="https://cdn.wootric.com/wootric-sdk.js"></script>
  343. {% if app.user %}
  344. <script id="wootricScript" type="application/javascript" src="{{ asset('builds/js/buildWootric'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  345. {% else %}
  346. <script type="text/javascript">
  347. //window.wootric_survey_immediately = true; // Shows survey immediately for testing purposes. TODO: Comment out for production.
  348. window.wootricSettings = {
  349. account_token: 'NPS-8fa9e73b'
  350. };
  351. window.wootric("run");
  352. </script>
  353. {% endif %}
  354. {% else %}
  355. <script>
  356. $(document).ready(function () {
  357. {% if app.user %}
  358. dataLayer.push({
  359. 'userEmail': '{{ app.user.email }}',
  360. 'userCreatedAt': '{{ app.user.createdAt|date('U') }}',
  361. });
  362. {% endif %}
  363. });
  364. </script>
  365. {% endif %}
  366. {% endblock %}
  368. {% block facebookLogin %}
  369. {% endblock %}
  371. {% block googleLogin %}
  372. {% include "googleLogin.html.twig" %}
  373. {% endblock googleLogin %}
  374. </body>
  375. </html>