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

Open in your IDE?
  1.     
  2.     {% if editmode %}
  3.     <div class="pim-tooltip">
  4.       <div class="row">
  5.         <div class="col-9">
  6.           <div class="tooltip-description">
  7.             Footer Hintergrundbild:
  8.           </div>
  9.           {{ pimcore_relation("footer-bg-image", {"types":["asset"],"subtypes":{"asset":["image"]},"reload":true} ) }}
  10.         </div>
  11.         <div class="col-3">
  12.           <div class="tooltip-description">
  13.             Footer Schriftfarbe:
  14.           </div>
  15.           {{ pimcore_select("footer-font-color", {
  16.               "store" : [  
  17.                   ['', 'Standard'],
  18.                   ['white', 'Hell'],
  19.                   ['dark', 'Dunkel']
  20.               ],
  21.               "defaultValue" : "",
  22.               "reload" : true
  23.           }) }}
  24.         </div>
  25.       </div>
  26.     </div>
  27.     {% endif %}
  28.     {% set bgImage = pimcore_relation('footer-bg-image').getElement() is instanceof('\\Pimcore\\Model\\Asset') ? 'background-image:url(https://'~config.websiteDomain~pimcore_relation('footer-bg-image').getElement()~')' : '' %}    
  29.     <footer class="bg-dark p-5 {{ pimcore_select('footer-font-color').getData }}" style="{{bgImage}}">
  30.       <div class="container">
  31.         <div class="row">
  32.           <div class="col-12 col-sm-12 col-lg-4">
  33.             {{ pimcore_inc('/alkanbari/Home/footer/footer-left') }}
  34.           </div>
  35.           <div class="col-12 col-sm-6 col-lg-4">
  36.             {{ pimcore_inc('/alkanbari/Home/footer/footer-center') }} 
  37.           </div>
  38.           <div class="col-12 col-sm-6 col-lg-4">
  39.             {{ pimcore_inc('/alkanbari/Home/footer/footer-right') }}  
  40.           </div>
  41.         </div>
  42.         <div class="copyright">
  43.           <div class="row">
  44.             <div class="col-12 text-center">
  45.               &copy; 2023 {{'alkanbari-contact-company'|trans}} | {{'alkanbari-contact-name'|trans}} | <a href="#" data-bs-toggle="modal" data-bs-target="#modalImpressum">{{ 'alkanbari-impressum'|trans }}</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#modalDatenschutz">{{ 'alkanbari-datenschutz'|trans }}</a>
  46.             </div>
  47.           </div>
  48.         </div>
  49.       </div>
  50.       <a class="scroll-top" href="#start"><span class="lsf">up</span></a>
  51.     </footer>
  53.     <!-- Modals -->
  54.     <div class="modal fade" id="modalImpressum" tabindex="-1" aria-labelledby="modalImpressumLabel" aria-hidden="true">
  55.       <div class="modal-dialog">
  56.         <div class="modal-content">
  57.           <div class="modal-header">
  58.             <h5 class="modal-title" id="modalImpressumLabel">{{ 'alkanbari-impressum'|trans }}</h5>
  59.             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  60.           </div>
  61.           <div class="modal-body">
  62.             {{ pimcore_inc(config.siteImprintPath) }}
  63.           </div>
  64.           <div class="modal-footer">
  65.           </div>
  66.         </div>
  67.       </div>
  68.     </div>
  69.     
  70.     <div class="modal fade" id="modalDatenschutz" tabindex="-1" aria-labelledby="modalDatenschutzLabel" aria-hidden="true">
  71.       <div class="modal-dialog">
  72.         <div class="modal-content">
  73.           <div class="modal-header">
  74.             <h5 class="modal-title" id="modalDatenschutzLabel">{{ 'alkanbari-datenschutz'|trans }}</h5>
  75.             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  76.           </div>
  77.           <div class="modal-body">
  78.             {{ pimcore_inc(config.sitePrivacyPath) }}
  79.           </div>
  80.           <div class="modal-footer">
  81.           </div>
  82.         </div>
  83.       </div>
  84.     </div>
  85.     
  86.     <!-- let's start javascripting -->
  87.     <script src="/themes/{{ config.template }}/js/jquery-3.6.0.min.js"></script>
  88.     <script src="/themes/{{ config.template }}/js/bootstrap.bundle.min.js"></script>
  89.     <script src="/themes/{{ config.template }}/js/jquery-scrollto.js"></script>
  90.     <script src="/themes/{{ config.template }}/js/jquery.inview.min.js"></script>
  91.     <script src="/themes/{{ config.template }}/js/jquery.fancybox.min.js"></script>
  92.     <script>
  93.     
  94.     $().ready(function() {
  95.     
  96.       // get enviroment dimensions
  97.       var viewportHeight  = $(window).height();
  98.       var viewportWidth   = $(window).width();
  99.       var displayHeight   = $('html').height();     
  101.       // re-adjust on resize ...  
  102.       $(window).resize(function() 
  103.       {
  104.           var viewportHeight  = $(window).height();
  105.           var viewportWidth   = $('html').width();           
  106.       });
  108.       // navbar
  109.       $('#nav-icon3').click(function(){
  110.             $(this).toggleClass('open');
  111.         });
  112.       $('.navbar .nav-link').click(function() {
  113.           $('.navbar-collapse').removeClass('show');
  114.           $('#nav-icon3').removeClass('open');
  115.       });
  116.       
  117.       // set gutters
  118.       $('.container-fluid.no-padding').addClass('gx-0');
  120.       // background images
  121.       $('.section-bg-image').each(function() {
  122.           var img = $(this).data('src');
  123.           $(this).css("background-image", "url('" + img + "')");
  124.       });
  126.       // scroll to
  127.       $('a[href*=\\#]').bind("click", function(event) {
  128.               event.preventDefault();
  129.               var target = $(this).attr("href");  
  130.           
  131.           if (!target.match(/slider(.*)/i)) { 
  132.                   $('html,body').animate({
  133.                        scrollTop: $(target).offset().top
  134.                   }, 2000);
  135.           }       
  136.       });
  137.       
  138.       $('.btn-continue').click(function() {
  139.           $(this).addClass('animate__animated animate__zoomOut');
  140.       });
  142.       // top bar
  143.       var minified = false;
  144.       $(window).scroll(function() {
  145.           var y = $(window).scrollTop();
  146.           // console.log('Y: ' + y);
  147.           if ( y > viewportHeight*.75 )
  148.           {             
  149.               if ( minified == false )
  150.               {
  151.                   $('.site-logo').addClass('logo-minified');
  152.                   $('.navbar').addClass('navbar-minified');
  153.                   minified = true;
  154.               }              
  155.           }
  156.           else
  157.           {
  158.               $('.site-logo').removeClass('logo-minified');
  159.               $('.navbar').removeClass('navbar-minified');
  160.               minified = false;
  161.           }
  162.       });
  163.       
  164.       // gallery
  165.       $('.gallery-image').mouseover(function() {
  166.           var e = $(this).find('.icon');
  167.           e.fadeIn();
  168.       }).mouseleave(function() {
  169.           var e = $(this).find('.icon');
  170.           e.fadeOut();    
  171.       });
  173.       // animate on scroll
  174.       // animate on scroll
  175.       $('.scroll-animated').bind('inview', function(event, visible) {
  176.           if ( visible ) { 
  177.               $(this).animate({
  178.                   top: '0px',
  179.                   opacity: 1
  180.               }, 600, 'swing');
  181.           }
  182.       });
  183.       
  184.       // init animated
  185.       $('.animated').each(function() {
  186.           var a = $(this).data('animation');
  187.           $(this).addClass(a);
  188.       });
  189.       
  190.       $('.animate__blurred').hide().fadeIn(4000);
  191.       
  192.       // animate
  193.       $('.animated').bind('inview', function(event, visible) {
  194.           if ( visible ) { 
  195.               var a = $(this).data('animation'); 
  196.               var d = ($(this).data('delay') != undefined && $(this).data('delay') != '') ? parseInt($(this).data('delay')) : 100;
  197.               var t = ($(this).data('timing') != undefined && $(this).data('timing') != '') ? parseInt($(this).data('timing')) : 500;
  198.               switch(a) {
  199.                   case 'animate__fadeIn' :
  200.                       $(this).delay(d).animate({
  201.                           opacity: 1
  202.                       }, t);
  203.                       break;
  204.                   case 'animate__slideInUp' :
  205.                       $(this).delay(d).animate({
  206.                           top: '0px',
  207.                           opacity: 1
  208.                       }, t);   
  209.                       break; 
  210.                   case 'animate__slideInLeft' :
  211.                       $(this).delay(d).animate({
  212.                           left: '0px',
  213.                           opacity: 1
  214.                       }, t);   
  215.                       break; 
  216.                   case 'animate__slideInRight' :
  217.                       $(this).delay(d).animate({
  218.                           right: '0px',
  219.                           opacity: 1
  220.                       }, t);   
  221.                       break; 
  222.               };
  223.           }
  224.       });
  226.       // check form input
  227.       var formComplete = false;
  228.       $('.check-finput').keyup(function() {
  229.           $('.check-finput').each(function() {          
  230.               // console.log('Check input: ' + $(this).attr('name') + ' -> ' + $(this).val() );          
  231.               if ( $(this).attr('type')=='checkbox' && $(this).prop('checked')=='1' )
  232.                   formComplete = true;
  233.               else if ( $(this).val() != '' )
  234.                   formComplete = true;
  235.               else
  236.                   formComplete = false;                  
  237.           });         
  238.           if ( formComplete === true )
  239.               $('#submitBookingForm').animate({opacity:1}, 300);  // fadeIn();
  240.           else
  241.               $('#submitBookingForm').animate({opacity:0}, 300);  // fadeOut();                        
  242.       });
  243.       
  244.       // submit form data
  245.       $('#submitBookingForm').click(function() {          
  246.           var formToken = $('#contactToken').val();
  247.           var formFirstname = $('#contactFirstname').val();
  248.           var formLastname = $('#contactLastname').val();
  249.           var formEmail = $('#contactEmail').val();
  250.           var formEmailAddress = $('#emailAddress').val();
  251.           var formMessage = $('#contactMessage').val();
  252.           
  253.           let formId = 'bookingForm';
  254.           let formFields = $('#'+formId).find('.check-finput').toArray();
  255.           let formQueryString = {};
  256.           for (i = 0; i < formFields.length; i += 1) {
  257.               console.log('Parse element ' + formFields[i].getAttribute('name') + ' -> value: ' + formFields[i].value);
  258.               input_id = formFields[i].getAttribute('name');
  259.               input_value = formFields[i].value;              
  260.               formQueryString[input_id] = input_value;      
  261.           } 
  262.           
  263.           $.ajax({
  264.               url : "/contact/alkanbari/sendmail",
  265.               type : "POST",
  266.               data : formQueryString,
  267.               dataType : "text",
  268.               success : function(data, jqXHR) {
  269.                   
  270.                   console.log('Response: ' + data);                  
  271.                   var r = data;
  272.                   var s = JSON.parse(r);
  273.                   
  274.                   console.log('Json: ' + s);                                   
  275.                   if (s.code == '400')
  276.                       $('#submitContactMessage').html(s.message).fadeIn();
  277.                   else
  278.                       $('#bookingForm').html(s.message);  
  279.               },
  280.               error : function(XMLHttpRequest, textStatus, errorThrown) {
  281.                   $('#bookingForm').html('Es ist ein Fehler aufgetreten. Bitte kontaktieren Sie uns telefonisch oder per E-Mail');
  282.               }
  283.           });           
  284.       });    
  285.       
  286.     });
  287.     
  288.     </script>
  289.     
  290.     <script language="javascript">
  292.       function setCookie(cname, cvalue, exdays) {
  293.         var d = new Date();
  294.         d.setTime(d.getTime() + (exdays*24*60*60*1000));
  295.         var expires = "expires="+ d.toUTCString();
  296.         document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  297.       }
  298.       
  299.       function getCookie(c_name) {
  300.         var i, x, y, ARRcookies = document.cookie.split(";");
  301.         for (i = 0; i < ARRcookies.length; i++) {
  302.           x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
  303.           y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
  304.           x = x.replace(/^\s+|\s+$/g, "");
  305.           if (x == c_name) {
  306.               return unescape(y);
  307.           }
  308.         }
  309.       }
  311.       function validateEmail(email)
  312.       {
  313.           // var mailformat = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
  314.           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,}))$/ ) )         
  315.               return true;
  316.           else
  317.               return false;
  318.       }
  319.       
  320.       {% if loadOSM is defined and loadOSM == true %}
  321.       let map = L.map('osmMap', {center: [50.2039, 9.8878], zoom: 7, });
  322.       L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
  323.           maxZoom: 19,
  324.           attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
  325.       }).addTo(map);
  327.       {% for i,marker in locations %}
  328.       let marker{{i}} = L.marker([{{marker.getGeoData()|replace({";":","})}}],{'title':'{{marker.getName()}}'}).addTo(map).bindPopup('{{marker.getDescription()|replace({"\n":", "})|striptags}}');
  329.       {% endfor %}
  330.       
  331.       // let latlngs = [[49.689429253827676, 8.980653446951512], [49.65004724900781, 8.9808893017223], [49.6502763063044, 9.018390210277586], [49.69064989162164, 9.019097774589948]];
  332.       // let polygon = L.polygon(latlngs, {color: 'blue'}).addTo(map).bindPopup('Gebiet Michelstadt <a href="/praxiseinrichtung" target="_blank">Mehr erfahren</a>');
  333.       // zoom the map to the polygon
  334.       // map.fitBounds(polygon.getBounds());
  335.       
  336.       setTimeout(() => {
  337.           map.invalidateSize();
  338.       }, 100)
  340.       {% endif %}
  341.     
  342.     </script>