templates/_includes/footer.html.twig line 1

Open in your IDE?
  1.   
  2.     <div class="navbar-footer">
  3.       <div class="imprint">
  4.         &copy; {{ 'now'|date('Y') }} &bull; 7SCHWABEN &bull; <a href="/{{ locale }}/footer/impressum.php">{{ 'imprint' | trans }}</a> &bull; <a href="/{{ locale }}/footer/datenschutz.php">{{ 'privacy' | trans }}</a> 
  5.       </div>
  6.     </div>
  8.     <div id="footer-switch" style="height:1px; background:transparent;">
  9.     </div>
  10.     <a id="whatsapp-widget" href="https://wa.me/+4971259798725" target="_blank">
  11.     </a>
  12.     <a id="booking-widget" href="/{{ locale }}/buchen.php" target="_blank">{{ 'book-now'|trans }}</a>
  13.     
  14.     <footer>
  15.       <div class="container footer-contact">
  16.         <div class="row">
  17.           <div class="col-12 col-xl-3">
  18.             <span class="lsf">phone</span><span class="contact-item"><a href="tel:+4971259798725" target="_blank">+49 7125 9798725</a></span>
  19.           </div>
  20.           <div class="col-12 col-xl-3">
  21.             <span class="lsf">mail</span><span class="contact-item"><a href="mailto:kontakt@das7schwaben.de" target="_blank">kontakt@das<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>.de</a></span>
  22.           </div>
  23.           <div class="col-12 col-xl-4">  
  24.             <span class="lsf">pin</span><span class="contact-item"><a href="https://www.google.com/maps/place/Espachstra%C3%9Fe+7,+72574+Bad+Urach/@48.49315,9.4049853,16z/data=!4m5!3m4!1s0x47998e01537a28a5:0x1266f5a9e482055e!8m2!3d48.49082!4d9.402322" target="_blank">Espachstra&szlig;e 7, 72574 Bad Urach</a></span>
  25.           </div>
  26.           <div class="col-12 col-xl-2">
  27.             <span class="contact-item">
  28.               <a class="social-media-icon" href="https://instagram.com/7schwaben_ferienwohnungen" target="_blank"><span class="lsf">instagram</span></a>
  29.             </span>
  30.             <span class="contact-item">
  31.               <a class="social-media-icon" href="https://wa.me/+4971259798725" target="_blank"><span class="whatsapp-greyscale"></span></a>
  32.             </span>
  33.           </div>
  34.         </div>              
  35.       </div>
  36.     </footer>
  38.     <a id="scrollTop" class="scroll-to-top" href="#body"><span class="lsf">up</span></a>
  39.     
  40.     <!-- Modals -->
  41.     <div class="modal fade" id="bookingWidget" tabindex="-1" aria-labelledby="bookingWidgetLabel" aria-hidden="true">
  42.       <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
  43.         <div class="modal-content">
  44.           <div class="modal-header">
  45.             <h5 class="modal-title" id="bookingWidgetLabel">7SCHWABEN Apartment buchen</h5>
  46.             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  47.           </div>
  48.           <div class="modal-body">
  49.             <iframe src="https://tbooking.toubiz.de/FIT00020070055485969/tbooking?globalReset=1&lang=de" title="7SCHWABEN Buchung" frameborder="0" allowfullscreen>
  50.             </iframe>
  51.           </div>
  52.           <div class="modal-footer">
  53.             <button type="button" class="btn btn-default" data-bs-dismiss="modal">Schlie&szlig;en</button>
  54.           </div>
  55.         </div>
  56.       </div>
  57.     </div>
  58.     
  59.     <!-- let's start javascripting -->
  60.     <script src="{{ constant('SITE_TEMPLATE_PATH') }}/js/jquery-3.6.0.min.js"></script>
  61.     <script src="{{ constant('SITE_TEMPLATE_PATH') }}/js/bootstrap.bundle.min.js"></script>
  62.     <script src="{{ constant('SITE_TEMPLATE_PATH') }}/js/jquery-scrollto.js"></script>
  63.     <script src="{{ constant('SITE_TEMPLATE_PATH') }}/js/jquery.inview.min.js"></script>
  64.     <script src="{{ constant('SITE_TEMPLATE_PATH') }}/js/jquery.fancybox.min.js"></script>
  65.     
  66.     <script type="text/javascript" src="{{ constant('SITE_TEMPLATE_PATH') }}/plugins/slick/slick.js"></script>
  67.     
  68.     <script>
  69.     
  70.     var contents = [];
  71.     contents[1] = '<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7923.615022999031!2d9.398405535559164!3d48.491261631762384!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47998e01537a28a5%3A0x1266f5a9e482055e!2sEspachstra%C3%9Fe%207%2C%2072574%20Bad%20Urach!5e0!3m2!1sen!2sde!4v1636115437035!5m2!1sen!2sde" style="width:100%; height:400px; border:0;" allowfullscreen="" loading="lazy"></iframe>';
  72.     
  73.     // console.log('1: ' + contents[1]);
  74.     
  75.     $().ready(function() {
  76.     
  77.       // get enviroment dimensions
  78.       var viewportHeight  = $(window).height();
  79.       var viewportWidth   = $(window).width();
  80.       var displayHeight   = $(document).height();     
  82.       // re-adjust on resize ...  
  83.       $(window).resize(function() 
  84.       {
  85.           var viewportHeight  = $(window).height();
  86.           var viewportWidth   = $(document).width();           
  87.       }); 
  88.       
  89.       // navbar toggler
  90.       $('#nav-icon').click(function(){
  91.             $(this).toggleClass('open');
  92.         });
  93.       
  94.       $('.navbar-toggler').click(function() {
  95.           var n='.'+$(this).data('toggle');
  96.           $('header').toggleClass('header-transparent');
  97.           $(this).toggleClass('active-toggler');
  98.           $(n).fadeToggle();
  99.       });
  101.       // scroll to
  102.       $('a[href*=\\#]').bind("click", function(event) {
  103.               event.preventDefault();
  104.               var target = $(this).attr("href");            
  105.           if (!target.match(/slider(.*)/i)) { 
  106.                   $('html,body').animate({
  107.                        scrollTop: $(target).offset().top
  108.                   }, 2000);
  109.           }       
  110.       });
  111.       
  112.       // animate on scroll
  113.       $('.scroll-animated').bind('inview', function(event, visible) {
  114.           if ( visible ) { 
  115.               $(this).animate({
  116.                   top: '0px',
  117.                   opacity: 1
  118.               }, 600);
  119.           }
  120.       });
  121.       
  122.       // animate footer
  123.       $('#footer-switch').bind('inview', function(event, visible) {
  124.           if ( visible ) {            
  125.               $('.navbar-footer .imprint').fadeIn();
  126.               $('footer').animate({
  127.                   height : '120px'
  128.               },300);
  129.           }  
  130.       });
  131.       
  132.       // animate scroll top
  133.       var s=false; var h=false;
  134.       var hl = (viewportWidth < 1200) ? '1.5rem' : '3rem';
  135.       var hr = (viewportWidth < 1200) ? '1rem' : '1.65rem';
  136.       
  137.       $(window).scroll(function() {
  138.           var y=$(window).scrollTop();        
  139.           // scroll top btn 
  140.           if ( y > (viewportHeight * 2) && !s ) {
  141.               s = true;
  142.               $('#scrollTop').fadeIn(500);
  143.           } 
  144.           if ( s && y < viewportHeight ) {
  145.               s = false;
  146.               $('#scrollTop').fadeOut(500);
  147.           }
  148.           // header resize
  149.           if ( y > viewportHeight ) {
  150.               h = true;
  151.               $('header').stop().animate({
  152.                 paddingTop : '1rem'
  153.               }, 300);
  154.               $('.header-options').stop().animate({
  155.                 top : '0rem'
  156.               }, 300);              
  157.           }
  158.           if ( h && y < viewportHeight)
  159.           {
  160.               h = false; 
  161.               $('header').stop().animate({
  162.                 paddingTop : hl
  163.               }, 300);
  164.               $('.header-options').stop().animate({
  165.                 top : hr
  166.               }, 300);               
  167.           }               
  168.           
  169.       });
  171.       // Slick carousel
  172.       $('.appartments-slider').slick({
  173.         dots: true,
  174.         infinite: true,
  175.         speed: 300,
  176.         slidesToShow: 1,
  177.         centerMode: true,
  178.         variableWidth: true,
  179.         initialSlide: 0,
  180.         mobileFirst: true,
  181.         pauseOnFocus: true,
  182.         autoplay: true
  183.       });
  184.       
  185.       $('.gallery-slider').slick({
  186.         dots: false,
  187.         infinite: true,
  188.         speed: 500,
  189.         slidesToShow: 1,
  190.         centerMode: false,
  191.         variableWidth: true,
  192.         initialSlide: 0,
  193.         mobileFirst: true,
  194.         pauseOnFocus: true,
  195.         autoplay: true
  196.       });
  197.       
  198.       // check form input
  199.       var formComplete = false;
  200.       $('.check-finput').keyup(function() {
  201.           $('.check-finput').each(function() {          
  202.               // console.log('Check input: ' + $(this).attr('name') + ' -> ' + $(this).val() );          
  203.               if ( $(this).val() != '' )
  204.                   formComplete = true;
  205.               else
  206.                   formComplete = false;                  
  207.           });         
  208.           if ( formComplete === true )
  209.               $('#submitContactForm').animate({opacity:1}, 300);  // fadeIn();
  210.           else
  211.               $('#submitContactForm').animate({opacity:0}, 300);  // fadeOut();                        
  212.       });
  214.       // consent mandatorys
  215.       $('.consent-mandatory').each(function() {
  216.           // console.log('Check: ' + $(this).data('content-id') );
  217.           var c = $(this).data('content-id');
  218.           var i = $(this).attr('id');
  219.           if (getCookie('_googleMaps')!='1') {
  220.               $(this).html('<div class="google-consent">{{ 'consent-google-maps' | trans }}<br /><br /><a class="btn btn-default consent-accept-google" data-elem-id="' + i + '" data-content-id="' + c + '">{{ 'show-content' | trans }}</a></div>');
  221.           }
  222.       });
  223.       
  224.       $('.consent-accept-google').click(function() {
  225.           setCookie('_googleMaps', '1', 30);
  226.           var e = '#'+$(this).data('elem-id');
  227.           var c = $(this).data('content-id');
  228.           $(e).html(contents[c]);
  229.       });
  230.       
  231.       $('.widget-toggler').click(function() {
  232.           var e = '#' + $(this).data('toggle');
  233.           $(this).toggleClass('minified-toggler');
  234.           $(e).find('.widget-content').fadeToggle(100);
  235.           $(e).toggleClass('minified-widget');
  236.       });
  237.       
  238.       // 7Schwaben brand
  239.       // $("body").html( $("body").html().replace(/\!7SCHWABEN\!/g,'<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>') );
  240.       
  241.     });
  242.     
  243.     </script>
  244.     
  245.     <script language="javascript">
  247.       function setCookie(cname, cvalue, exdays) {
  248.         var d = new Date();
  249.         d.setTime(d.getTime() + (exdays*24*60*60*1000));
  250.         var expires = "expires="+ d.toUTCString();
  251.         document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  252.       }
  253.       
  254.       function getCookie(c_name) {
  255.         var i, x, y, ARRcookies = document.cookie.split(";");
  256.         for (i = 0; i < ARRcookies.length; i++) {
  257.           x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
  258.           y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
  259.           x = x.replace(/^\s+|\s+$/g, "");
  260.           if (x == c_name) {
  261.               return unescape(y);
  262.           }
  263.         }
  264.       }
  266.       function validateEmail(email)
  267.       {
  268.           // var mailformat = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
  269.           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,}))$/ ) )         
  270.               return true;
  271.           else
  272.               return false;
  273.       }
  274.     
  275.     </script>