templates/includes/frontend-incl-fuss.html.twig line 1

Open in your IDE?
  1. <!-- Fuss include -->
  2. <script type="text/javascript">
  3.     //------------------------------------------------------------------------------------------------
  4.     // Basic Config
  5.     //------------------------------------------------------------------------------------------------
  6.     if (typeof selt === 'undefined') {
  7.         selt = {};
  8.     }
  9.     selt.language      = "{{ document.getProperty('language') }}";
  10.     selt.domain        = "{{ document.getRealFullpath() }}";
  11.    {# selt.datadomain    = "{{ devdomain }}";
  12.     selt.imagedomain   = "{{ imagedomain }}";
  13.     selt.absoluterPfad = '{{ domain }}'; 
  15.     selt.i18n = {
  16.         prev: '{{ pager_back | trans }}',
  17.         next: '{{ pager_next | trans }}',
  18.         von: '{{ suchepager_von | trans }}'
  19.     }; #}
  21. </script>
  25. {% set lg = document.getProperty('language') %}
  26. {% set h1 = document.getProperty('h1') %}
  28. <div style="display: none;" class="languageselector" id="languageselector">
  29.     {% if h1 is not empty %}
  30.         <h1>{{ sprachweiche_title }}</h1>
  31.     {% else %}
  32.         <h2>{{ sprachweiche_title }}</h2>
  33.     {% endif %}
  34.     <span>{{ sprachweiche_text | raw}}</span><br/><br/>
  35.     <div class="buttns">
  36.         <button onclick="selt.saveLanguagePreference('en')" class="btn">{{ sprachweiche_button_yes }}</button>
  37.         <button class="btn" onclick="selt.saveLanguagePreference('de')">{{ sprachweiche_button_no }}</button>
  38.     </div>
  39. </div>
  41. <script type="text/javascript">
  43.     (function () {
  45.         var moduleName = 'language_selection';
  47.         if (typeof selt === 'undefined') {
  48.             selt = {
  49.                 modules: {}
  50.             };
  51.         } else if (!selt.modules) {
  52.             selt.modules = {};
  53.         }
  55.         selt.modules[moduleName] = {
  57.             name: moduleName,
  59.             init: function () {
  60.                 languageSelection();
  63.                 $(".languageswitcher a").click(function (e) {
  65.                     var hreflang = $(this).attr('hreflang');
  66.                     Cookies.set('language', hreflang, {expires: 14});
  68.                     console.log("Handler for .click() called - " + hreflang);
  69.                 });
  70.             }
  72.         };
  75.         function browserLanguage() {
  77.             var browserLanguageArray = [];
  79.             if (typeof navigator !== 'undefined') {
  81.                 if (navigator.languages) { // chrome only; not an array, so can't use .push.apply instead of iterating
  82.                     for (var i = 0; i < navigator.languages.length; i++) {
  83.                         browserLanguageArray.push(navigator.languages[i]);
  84.                     }
  85.                 } else if (navigator.language) {
  86.                     browserLanguageArray.push(navigator.language);
  87.                 }
  88.             }
  90.             return browserLanguageArray.length > 0 ? browserLanguageArray[0] : undefined;
  92.         }
  95.         languageSelection = function () {
  96.             {% set alternateLanguagePath = document.getProperty('alternateLanguagePath') %}
  97.             {% if alternateLanguagePath %}
  98.             {% set urlPath = alternateLanguagePath.getFullPath() %}
  99.             {% else %}
  100.             {% set urlPath = app.request.requestUri() | replace({'/en/': '/', '/de/': '/'}) %}
  101.             {% endif %}
  103.             var langPreference  = Cookies.get('language'),
  104.                 currentLanguage = '{{ lg }}',
  105.                 url_english     = '{{ startseiteEN }}',
  106.                 notDE           = (browserLanguage().indexOf("de") < 0),
  107.                 urlPath         = "{{ urlPath }}";
  109.             // browserLang is not DE -- CMS is not serving EN
  110.             if (notDE && currentLanguage !== 'en') {
  112.                 if (!langPreference) {
  114.                     selt.overlay.open(
  115.                         {
  116.                             selector: '#languageselector',
  117.                             callback: function () {
  118.                                 //console.log('overlay content done')
  119.                             }
  120.                         })
  122.                 } else if (langPreference == 'en') {
  123.                     {% if alternateLanguagePath %}
  124.                         window.location.assign(urlPath);
  125.                     {% else %}
  126.                         if(urlPath == '/en') {
  127.                             urlPath = '';
  128.                         }
  129.                         window.location.assign(url_english + urlPath);
  130.                     {% endif %}
  132.                 }
  134.             }
  136.             selt.saveLanguagePreference = function saveLanguagePreference(lang) {
  138.                 Cookies.set('language', lang, {expires: 14});
  140.                 if (lang === 'en') {
  141.                     {% if alternateLanguagePath %}
  142.                         window.location.assign(urlPath);
  143.                     {% else %}
  144.                         if(urlPath == '/en') {
  145.                             urlPath = '';
  146.                         }
  147.                         window.location.assign(url_english + urlPath);
  148.                     {% endif %}
  149.                 } else {
  150.                     let langSel =  document.getElementById('selt-overlay')
  151.                     langSel.style.display = 'none';
  152.                 }
  154.                 // todo: $.fancybox.close();
  156.             }
  158.         }
  160.     }());//EOS
  162. </script>
  163. <script type="text/javascript">
  164.     var lock = false;
  165.     window.addEventListener('popstate', function(e) {
  166.         var hash = window.location.hash;
  167.         if(!lock && hash) {
  168.             var label = window.location.pathname;
  169.             var name = 'booking-';
  170.             var action = 'click';
  171.             if(hash.indexOf('skd-room') !== -1){
  172.                 name = name + '1';
  173.             }else if(hash.indexOf('skd-personal-info') !== -1){
  174.                 name = name + '2';
  175.             }
  176.             gtag('event', name,{'label': label, 'action': action} );
  177.             gtag('event', action,{'event_category': name,'event_label': label, 'event_action': action, 'send_to': 'UA-11543861-1'} );
  179.             setTimeout(function(){
  180.                 lock = false;
  181.             },1000);
  182.         }
  183.         lock = true;
  184.     });
  185.     $(document).on('click','#btnBookNow',function(){
  186.         var label = window.location.pathname;
  187.         var name = 'booking-3';
  188.         var action = 'click';
  189.         gtag('event', name,{'label': label, 'action': action} );
  190.         gtag('event', action,{'event_category': name, 'event_label': label, 'event_action': action, 'send_to': 'UA-11543861-1'} );
  191.     });
  192.     
  193.     document.addEventListener('DOMContentLoaded', () => {
  194.         document.querySelector('.overlay-close-btn').addEventListener('click', () => {
  195.             let langSel = document.getElementById('selt-overlay');
  196.             langSel.style.display = 'none';
  197.         });
  198.     });
  199. </script>