templates/timobracht/_includes/footer.html.twig line 1

Open in your IDE?
  1.     
  2.     <footer class="bg-red">
  3.       <a class="scroll-top" href="#start"><span class="lsf">up</span></a>
  4.       <div class="copyright">
  5.         <div class="row">
  6.           <div class="col-12 col-sm-9">
  7.             &copy; 2025 {{'timobracht-contact-name1'|trans}} {{'timobracht-contact-name2'|trans}}, {{'timobracht-contact-street'|trans}}, {{'timobracht-contact-city'|trans}}, Tel. {{'timobracht-contact-mail'|trans}} | <a href="#" data-bs-toggle="modal" data-bs-target="#modalImpressum">Impressum</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#modalDatenschutz">Datenschutz</a>
  8.           </div>
  9.           <div class="col-12 col-sm-3 text-end">
  10.             <a href="https://78-media.de" target="_blank">78media</a>
  11.           </div>
  12.         </div>
  13.       </div>
  14.     </footer>
  16.     <!-- Modals -->
  17.     <div class="modal fade" id="modalImpressum" tabindex="-1" aria-labelledby="modalImpressumLabel" aria-hidden="true">
  18.       <div class="modal-dialog">
  19.         <div class="modal-content">
  20.           <div class="modal-header">
  21.             <h5 class="modal-title" id="modalImpressumLabel">Impressum</h5>
  22.             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  23.           </div>
  24.           <div class="modal-body">
  25.             {{ pimcore_inc('/timobracht-coaching/Home/footer/impressum') }}
  26.           </div>
  27.           <div class="modal-footer">
  28.           </div>
  29.         </div>
  30.       </div>
  31.     </div>
  32.     
  33.     <div class="modal fade" id="modalDatenschutz" tabindex="-1" aria-labelledby="modalDatenschutzLabel" aria-hidden="true">
  34.       <div class="modal-dialog">
  35.         <div class="modal-content">
  36.           <div class="modal-header">
  37.             <h5 class="modal-title" id="modalDatenschutzLabel">Datenschutzerkl&auml;rung</h5>
  38.             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  39.           </div>
  40.           <div class="modal-body">
  41.             {{ pimcore_inc('/timobracht-coaching/Home/footer/datenschutz') }}
  42.           </div>
  43.           <div class="modal-footer">
  44.           </div>
  45.         </div>
  46.       </div>
  47.     </div>
  48.     
  49.     <!-- let's start javascripting -->
  50.     <script src="/themes/{{ siteConfig.getTemplate }}/js/jquery-3.6.0.min.js"></script>
  51.     <script src="/themes/{{ siteConfig.getTemplate }}/js/bootstrap.bundle.min.js"></script>
  52.     <script src="/themes/{{ siteConfig.getTemplate }}/js/jquery-scrollto.js"></script>
  53.     <script src="/themes/{{ siteConfig.getTemplate }}/js/jquery.inview.min.js"></script>
  54.     <script src="/themes/{{ siteConfig.getTemplate }}/js/jquery.fancybox.min.js"></script>
  55.     <script>
  56.     
  57.     $().ready(function() {
  58.     
  59.       // get enviroment dimensions
  60.       var viewportHeight  = $(window).height();
  61.       var viewportWidth   = $(window).width();
  62.       var displayHeight   = $('html').height();     
  64.       // re-adjust on resize ...  
  65.       $(window).resize(function() 
  66.       {
  67.           var viewportHeight  = $(window).height();
  68.           var viewportWidth   = $('html').width();           
  69.       });
  71.       // navbar
  72.       $('#nav-icon3').click(function(){
  73.             $(this).toggleClass('open');
  74.         });
  75.       $('.navbar .nav-link').click(function() {
  76.           $('.navbar-collapse').removeClass('show');
  77.           $('#nav-icon3').removeClass('open');
  78.       });
  80.       // background images
  81.       $('.section-bg-image').each(function() {
  82.           var img = $(this).data('src');
  83.           $(this).css("background-image", "url('" + img + "')");
  84.       });
  86.       // scroll to
  87.       $('a[href*=\\#]').bind("click", function(event) {
  88.               event.preventDefault();
  89.               var target = $(this).attr("href");  
  90.           
  91.           if (!target.match(/slider(.*)/i)) { 
  92.                   $('html,body').animate({
  93.                        scrollTop: $(target).offset().top
  94.                   }, 2000);
  95.           }       
  96.       });
  97.       
  98.       $('.btn-continue').click(function() {
  99.           $(this).addClass('animate__animated animate__zoomOut');
  100.       });
  102.       // top bar
  103.       var minified = false;
  104.       $(window).scroll(function() {
  105.           var y = $(window).scrollTop();
  106.           // console.log('Y: ' + y);
  107.           if ( y > viewportHeight*.75 )
  108.           {             
  109.               if ( minified == false )
  110.               {
  111.                   $('.site-logo').addClass('logo-minified');
  112.                   $('.navbar').addClass('navbar-minified');
  113.                   minified = true;
  114.               }              
  115.           }
  116.           else
  117.           {
  118.               $('.site-logo').removeClass('logo-minified');
  119.               $('.navbar').removeClass('navbar-minified');
  120.               minified = false;
  121.           }
  122.       });
  123.       
  124.       // gallery
  125.       $('.gallery-image').mouseover(function() {
  126.           var e = $(this).find('.icon');
  127.           e.fadeIn();
  128.       }).mouseleave(function() {
  129.           var e = $(this).find('.icon');
  130.           e.fadeOut();    
  131.       });
  133.       // animate on scroll
  134.       $('.scroll-animated,.scroll-animated-inverted').bind('inview', function(event, visible) {
  135.           if ( visible ) { 
  136.               $(this).animate({
  137.                   top: '0px',
  138.                   opacity: 1
  139.               }, 600);
  140.           }
  141.       });
  142.       
  143.       $('.scroll-animated-fade-in').bind('inview', function(event, visible) {
  144.           if ( visible ) { 
  145.               $(this).animate({
  146.                   opacity: 1
  147.               }, 1200);
  148.           }
  149.       });
  150.       
  151.       // booking form
  152.       $('#contactSetRoomType1,#contactSetRoomType2').change(function() {
  153.           let s = $(this).prop('checked');
  154.           let v = $(this).val();
  155.           console.log('Changing room type state to: ' + v);
  156.           $('#contactRoomType').val(v);
  157.           
  158.           if (s===true && $(this).attr('id')=='contactSetRoomType2') {
  159.               $('#contactRoomType2Data').fadeIn();
  160.               $('#contactFirstname2,#contactLastname2,#contactSeminar2,#contactSize2').addClass('check-finput');
  161.               console.log('Adding 2 bed room guest 2 name. Status: ' + s);
  162.           } else {
  163.               $('#contactRoomType2Data').fadeOut();
  164.               $('#contactFirstname2,#contactLastname2,#contactSeminar2,#contactSize2').removeClass('check-finput');
  165.               console.log('Removing 2 bed room guest 2 name. Status: ' + s);
  166.           }
  167.           console.log('Room type set: ' + $('#contactRoomType').val());
  168.       });
  169.       
  170.       $('#contactSeminar2').click(function() {
  171.           if ($(this).prop('checked'))
  172.               $(this).val('JA');
  173.           else
  174.               $(this).val('Nein');
  175.       });
  176.       
  177.       // check form input
  178.       /**
  179.       $('.check-finput').keyup(function() {
  180.           let formComplete = true;
  181.           $('.check-finput').each(function() {          
  182.               // console.log('Check input: ' + $(this).attr('name') + ' -> ' + $(this).val());          
  183.               if ($(this).attr('type')=='checkbox' && $(this).prop('checked')!='1')
  184.                   formComplete = false;
  185.               else if ($(this).val() == '')
  186.                   formComplete = false;            
  187.           });
  188.           if (formComplete)
  189.               $('#submitBookingForm').fadeIn();
  190.           else
  191.               $('#submitBookingForm').hide();          
  192.       });
  193.       **/
  194.       
  195.       // submit form data
  196.       $('#submitBookingForm').click(function() {          
  197.           let formToken = $('#contactToken').val();
  198.           let formFirstname = $('#contactFirstname').val();
  199.           let formLastname = $('#contactLastname').val();
  200.           let formEmail = $('#contactEmail').val();
  201.           let formEmailAddress = $('#emailAddress').val();
  202.           let formMessage = $('#contactMessage').val();
  203.           let formComplete = true;
  204.           
  205.           $('.check-finput').each(function() {
  206.               if($(this).attr('required')) {
  207.                   if ($(this).attr('type')=='checkbox' && $(this).prop('checked')!='1')
  208.                       formComplete = false;
  209.                   else if ($(this).val() == '')
  210.                       formComplete = false;
  211.                   console.log('Form complete status (' + $(this).attr('required') + '): ' + formComplete);                
  212.               }            
  213.           });
  214.           
  215.           if (!formComplete) {
  216.               alert('Bitte alle Pflichtangaben ausfuellen!');
  217.               return;
  218.           }
  219.           
  220.           let formId = 'bookingForm';
  221.           let formFields = $('#'+formId).find('.check-finput').toArray();
  222.           let formQueryString = {};
  223.           for (i = 0; i < formFields.length; i += 1) {
  224.               console.log('Parse element ' + formFields[i].getAttribute('name') + ' -> value: ' + formFields[i].value);
  225.               input_id = formFields[i].getAttribute('name');
  226.               input_value = formFields[i].value;              
  227.               formQueryString[input_id] = input_value;
  228.           }
  229.          
  230.           $.ajax({
  231.               url : "/contact/sendmail",
  232.               type : "POST",
  233.               data : formQueryString,
  234.               dataType : "text",
  235.               success : function(data, jqXHR) {                 
  236.                   console.log('Response: ' + data);                  
  237.                   var r = data;
  238.                   var s = JSON.parse(r);                 
  239.                   console.log('Json: ' + s);                                   
  240.                   if (s.code == '400')
  241.                       $('#submitContactMessage').html(s.message).fadeIn();
  242.                   else
  243.                       $('#bookingForm').html(s.message);  
  244.               },
  245.               error : function(XMLHttpRequest, textStatus, errorThrown) {
  246.                   $('#bookingForm').html('Es ist ein Fehler aufgetreten. Bitte kontaktieren Sie uns telefonisch oder per E-Mail');
  247.               }
  248.           });           
  249.       });    
  250.       
  251.     });
  252.     
  253.     </script>
  254.     
  255.     <script language="javascript">
  257.       function setCookie(cname, cvalue, exdays) {
  258.         var d = new Date();
  259.         d.setTime(d.getTime() + (exdays*24*60*60*1000));
  260.         var expires = "expires="+ d.toUTCString();
  261.         document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  262.       }
  263.       
  264.       function getCookie(c_name) {
  265.         var i, x, y, ARRcookies = document.cookie.split(";");
  266.         for (i = 0; i < ARRcookies.length; i++) {
  267.           x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
  268.           y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
  269.           x = x.replace(/^\s+|\s+$/g, "");
  270.           if (x == c_name) {
  271.               return unescape(y);
  272.           }
  273.         }
  274.       }
  276.       function validateEmail(email)
  277.       {
  278.           // var mailformat = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
  279.           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,}))$/ ) )         
  280.               return true;
  281.           else
  282.               return false;
  283.       }
  284.     
  285.     </script>