templates/muoservice/includes/footer_scripts.html.twig line 1

Open in your IDE?
  1.   
  2.     <script src="{{ constant('SITE_TEMPLATES_PATH') ~ '/' ~ siteConfig.getTemplate }}/js/jquery-3.6.0.min.js"></script>
  3.     <script src="{{ constant('SITE_TEMPLATES_PATH') ~ '/' ~ siteConfig.getTemplate }}/js/bootstrap.bundle.min.js"></script>
  4.     <script src="{{ constant('SITE_TEMPLATES_PATH') ~ '/' ~ siteConfig.getTemplate }}/js/jquery-scrollto.js"></script>
  5.     <script src="{{ constant('SITE_TEMPLATES_PATH') ~ '/' ~ siteConfig.getTemplate }}/js/jquery.inview.min.js"></script>
  6.     <script src="{{ constant('SITE_TEMPLATES_PATH') ~ '/' ~ siteConfig.getTemplate }}/js/jquery.fancybox.min.js"></script>
  7.     {% if not editmode %}
  8.     <script src="{{ constant('SITE_TEMPLATES_PATH') ~ '/' ~ siteConfig.getTemplate }}/js/ccm.js"></script>
  9.     {% endif %}
  10.     <script>
  11.     
  12.     $().ready(function() {
  13.     
  14.       // get enviroment dimensions
  15.       var viewportHeight  = $(window).height();
  16.       var viewportWidth   = $(window).width();
  17.       var displayHeight   = $('html').height();
  18.       var scrollTop       = $(window).scrollTop();     
  20.       // re-adjust on resize ...  
  21.       $(window).resize(function() {
  22.           viewportHeight  = $(window).height();
  23.           viewportWidth   = $('html').width();   
  24.           $('.fixed-banner').css('height', viewportHeight+'px');        
  25.       });
  26.       
  27.       // set cover height
  28.       $('.fixed-banner').css('height', viewportHeight+'px');
  29.       
  30.       // flash transition
  31.       $('body').css('opacity', 0).animate({opacity: 1}, 800);
  33.       // navbar
  34.       $('#nav-icon').click(function(){
  35.             $(this).toggleClass('open');
  36.         });
  37.       
  38.       $('.navbar .nav-link').click(function() {
  39.           $('.navbar-collapse').removeClass('show');
  40.       });
  41.       
  42.       $(window).scroll(function() {
  43.           let v = $(window).scrollTop();
  44.           if (v > viewportHeight) {
  45.               $('.site-logo img').addClass('minified');
  46.           } else {
  47.               $('.site-logo img').removeClass('minified');
  48.           }          
  49.       });
  51.       // background images
  52.       $('.section-bg-image').each(function() {
  53.           var img = $(this).data('src');
  54.           $(this).css("background-image", "url('" + img + "')");
  55.       });
  57.       // scroll to
  58.       $('a[href*=\\#]').bind("click", function(event) {
  59.               event.preventDefault();
  60.               let target = $(this).attr("href");            
  61.           if (!target.match(/slider(.*)/i)) { 
  62.                   $('html,body').animate({
  63.                        scrollTop: $(target).offset().top
  64.                   }, 2000);
  65.           }       
  66.       });
  68.       // animate on scroll
  69.       $('.scroll-animated,.scroll-animated-inverted').bind('inview', function(event, visible) {
  70.           if (visible) {
  71.               let y = (viewportWidth<768) ? '0rem' : '1rem'; 
  72.               $(this).animate({
  73.                   bottom: y,
  74.                   opacity: 1
  75.               }, 600, 'swing');
  76.           }
  77.       });
  78.       
  79.       // init animated
  80.       $('.animated').each(function() {
  81.           let a = $(this).data('animation');
  82.           $(this).addClass(a);
  83.       });
  84.       
  85.       // animate
  86.       $('.animated').bind('inview', function(event, visible) {
  87.           if (visible) { 
  88.               let a = $(this).data('animation'); 
  89.               let d = ($(this).data('delay') != undefined && $(this).data('delay') != '') ? parseInt($(this).data('delay')) : 100;
  90.               let t = ($(this).data('timing') != undefined && $(this).data('timing') != '') ? parseInt($(this).data('timing')) : 500;
  91.               switch(a) {
  92.                   case 'animate__fadeIn' :
  93.                       $(this).delay(d).animate({
  94.                           opacity: 1
  95.                       }, t);
  96.                       break;
  97.                   case 'animate__slideInUp' :
  98.                       $(this).delay(d).animate({
  99.                           top: '0px',
  100.                           opacity: 1
  101.                       }, t);   
  102.                       break; 
  103.                   case 'animate__slideInLeft' :
  104.                       $(this).delay(d).animate({
  105.                           left: '0px',
  106.                           opacity: 1
  107.                       }, t);   
  108.                       break; 
  109.                   case 'animate__slideInRight' :
  110.                       $(this).delay(d).animate({
  111.                           right: '0px',
  112.                           opacity: 1
  113.                       }, t);   
  114.                       break; 
  115.               };
  116.           }
  117.       });
  118.       
  119.       // calendar 
  120.       $('.calendar-toggler').click(function() {
  121.           e = $(this).data('item');
  122.           $(this).hide();
  123.           $(e).slideToggle();
  124.       });
  125.       
  126.       $('footer').bind('inview', function(event, visible) {
  127.           if (visible) { 
  128.               $('.scroll-top').animate({
  129.                   bottom: '2rem',
  130.                   opacity: 1
  131.               }, 200, 'swing');
  132.           }
  133.       });
  134.       
  135.       // animate animated
  136.       $('.animate__animated').bind('inview', function(event, visible) {
  137.           let a = $(this).data('fx');
  138.           $(this).addClass(a);
  139.           $(this).animate({opacity:1},800);          
  140.       });
  141.       
  142.       // submit form data
  143.       $('.submitAjaxForm').click(function() { 
  144.           let formId = $(this).data('form');
  145.           let formType = $(this).data('type');
  146.           let formFields = $('#'+formId).find('.ajax-form-field').toArray();
  147.           let formQueryString = {}; 
  148.           // prefill fqs
  149.           formQueryString['locale'] = '{{ locale }}';
  150.           // auto fill input + textarea values
  151.           for (i = 0; i < formFields.length; i += 1) {
  152.               console.log('Parse element ' + formFields[i].getAttribute('name') + ' -> value: ' + formFields[i].value);
  153.               input_id = formFields[i].getAttribute('name');
  154.               input_value = formFields[i].value;              
  155.               formQueryString[input_id] = input_value;      
  156.           }
  157.           // loading ...
  158.           let b = $(this).html();
  159.           $(this).prepend('<div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div>');
  160.           // send data
  161.           console.log('Calling end point: ' + formType);
  162.           $.ajax({
  163.               url : formType,
  164.               type : "POST",
  165.               data : formQueryString,
  166.               dataType : "text",
  167.               success : function(data, jqXHR) {                  
  168.                   // console.log('Response: ' + data);                  
  169.                   let r = data;
  170.                   let s = JSON.parse(r);                 
  171.                   console.log('Json: ' + s);                                   
  172.                   $('#'+formId).find('.ajax-message').remove();
  173.                   $('#'+formId).append('<div class="ajax-message"><div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div></div>');
  174.                   if (s.code != '200') {
  175.                       $('#'+formId + ' .ajax-message').delay(500).html(s.message).fadeIn();
  176.                       $('.spinner-border').remove();
  177.                   } else {
  178.                       $('#'+formId).html('<div class="alert alert-success">' + s.message + '</div>'); 
  179.                   }            
  180.               },
  181.               error : function(XMLHttpRequest, textStatus, errorThrown) {
  182.                   $('#'+formId).html('Es tut uns leid, es ist ein Fehler aufgetreten.');
  183.               }
  184.           });       
  185.       });
  186.       
  187.       // ajax mediathek update
  188.       var om = 0;   // last offset
  189.       $('#loadMediathekData').bind('inview', function(event, visible) {
  190.           let t = $(this).data('target');
  191.           let o = parseInt($(this).data('offset'));
  192.           if (typeof o==='number' && om < o) {                             
  193.               $.ajax({
  194.                   url : '/ajax/mediathek/load',
  195.                   type : "POST",
  196.                   data : { offset: o },
  197.                   dataType : "text",
  198.                   success : function(data, jqXHR) {                  
  199.                       console.log('Response: ' + data);                  
  200.                       let r = data;
  201.                       let s = JSON.parse(r);                 
  202.                       if (s.html!='') {
  203.                           $(t).append(s.html);
  204.                           $('#loadMediathekData').data('offset', s.offset);
  205.                           om = o;       
  206.                       } else {
  207.                           $('#loadMediathekData').data('offset', -1);
  208.                       }            
  209.                   },
  210.                   error : function(XMLHttpRequest, textStatus, errorThrown) {
  211.                       console.log('Es ist ein Fehler aufgetreten.');
  212.                   }
  213.               });                    
  214.           }           
  215.       });
  216.       
  217.       // ajax newsblog update
  218.       var on = 0;   // last offset
  219.       $('#loadNewsblogData').bind('inview', function(event, visible) {
  220.           let t = $(this).data('target');
  221.           let o = parseInt($(this).data('offset'));
  222.           if (typeof o==='number' && on < o) {                             
  223.               $.ajax({
  224.                   url : '/ajax/newsblog/load',
  225.                   type : "POST",
  226.                   data : { offset: o },
  227.                   dataType : "text",
  228.                   success : function(data, jqXHR) {                  
  229.                       // console.log('Response: ' + data);                  
  230.                       let r = data;
  231.                       let s = JSON.parse(r);                 
  232.                       if (s.html!='') {
  233.                           $(t).append(s.html);
  234.                           $('#loadNewsblogData').data('offset', s.offset);
  235.                           on = o;       
  236.                       } else {
  237.                           $('#loadNewsblogData').data('offset', -1);
  238.                       }            
  239.                   },
  240.                   error : function(XMLHttpRequest, textStatus, errorThrown) {
  241.                       console.log('Es ist ein Fehler aufgetreten.');
  242.                   }
  243.               });                    
  244.           }           
  245.       });
  246.       
  247.       // navbar search
  248.       $('.openSearchform').click(function() {
  249.           let f = $(this).data('toggle');
  250.           console.log('toggle: ' + f);
  251.           $(this).hide();
  252.           $(f).show().animate({width:'150px'}, 300);
  253.       });
  254.       
  255.       {% if initWidgets is defined %}      
  256.       $(window).on('load resize', function() {         
  257.           // init {{ initWidgets }} widgets
  258.           var widgetInitOffset = (viewportWidth<1400) ? 20 : 40;
  259.           var widgetOffset = (viewportWidth<1400) ? 30 : 40;
  260.           {% if siteConfig.getWidgetShowPreviewImage=='1' %}
  261.           var widgetHeight = (viewportWidth<1400) ? 90 : 380;
  262.           {% else %}
  263.           var widgetHeight = (viewportWidth<1400) ? 90 : 120;
  264.           {% endif %}
  265.           var widgetDelay = 300;
  266.           $('.widget').each(function(index) {
  267.               var w=index;
  268.               var y=(w==0) ? widgetInitOffset : widgetOffset;
  269.               var h=$(this).height();
  270.               if (w != undefined && w > -1) {
  271.                   $(this)
  272.                       .animate({'opacity': 1}, widgetDelay*3)
  273.                       .animate({'bottom': (w*widgetHeight + (w+1*y)) + 'px'}, widgetDelay*(w+1));                  
  274.                       console.log('Placed widget h=' + h + ' ' + w + ' to position ' + widgetOffset*(w+1) + 'px');             
  275.               }      
  276.           });         
  277.       });
  278.       {% endif %}
  279.       
  280.       $(window).on('scroll', function() {
  281.           var b=0;
  282.           var y=$(window).scrollTop();
  283.           if (viewportWidth>1199) {
  284.               if (b<y) {
  285.                   $('.widget').animate({
  286.                       'right': '-'+y+'px'
  287.                   }, 10);
  288.               } else {
  289.                   if (y==0)
  290.                       y=30;
  291.                   $('.widget').animate({
  292.                       'right': y+'px'
  293.                   }, 10);
  294.               }              
  295.               b=y;
  296.           }         
  297.       });
  298.     });
  299.     
  300.     </script>
  301.     
  302.     <script language="javascript">
  304.       function setCookie(cname, cvalue, exdays) {
  305.         var d = new Date();
  306.         d.setTime(d.getTime() + (exdays*24*60*60*1000));
  307.         var expires = "expires="+ d.toUTCString();
  308.         document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  309.       }
  310.       
  311.       function getCookie(c_name) {
  312.         var i, x, y, ARRcookies = document.cookie.split(";");
  313.         for (i = 0; i < ARRcookies.length; i++) {
  314.           x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
  315.           y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
  316.           x = x.replace(/^\s+|\s+$/g, "");
  317.           if (x == c_name) {
  318.               return unescape(y);
  319.           }
  320.         }
  321.       }
  323.       function validateEmail(email)
  324.       {
  325.           // var mailformat = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
  326.           if( email.match( /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ ) )         
  327.               return true;
  328.           else
  329.               return false;
  330.       }
  331.     
  332.     </script>