templates/module-layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}" data-language="{{ app.request.locale }}" data-device="{{ app.request.locale }}">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     {% if document is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  8.         {% if document.getTitle() is not empty %}
  9.             {% do pimcore_head_title().set(document.getTitle()) %}
  10.         {% endif %}
  12.         {% if document.getDescription() is not empty %}
  13.             {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  14.         {% endif %}
  15.     {% endif %}
  17.     {% block layout_head_meta deferred %}
  18.     {{ pimcore_head_title() }}
  19.     {{ pimcore_head_meta() }}
  21.     {% if pimcore_placeholder('canonical').count() %}
  22.         <link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/>
  23.     {% endif %}
  25.     {% endblock %}
  27.     {% block head_stylesheets deferred %}
  28.     {{ pimcore_head_link() }}
  29.     {% endblock %}
  32.     {% if editmode %}
  33.         <link href="/bundles/app/static/backend/css/basic/normalize.css" rel="stylesheet" type="text/css" media="screen" />
  34.         <link href="/bundles/app/static/backend/css/basic/editmode.css" rel="stylesheet" type="text/css" media="screen" />
  35.         <link href="/bundles/app/static/backend/css/tabnavigation/tabs.css" rel="stylesheet" type="text/css" media="screen" />
  36.         <link href="/bundles/app/static/backend/css/multiselect/simple-multiselect.css" rel="stylesheet" type="text/css" media="screen" /><!-- selectBox Peter -->
  37.         <link href="/bundles/app/static/backend/css/schemaorg/jquery.timepicker.css" rel="stylesheet" type="text/css" />
  38.         <link href="/bundles/app/static/backend/css/schemaorg/schemaorgmap.css" rel="stylesheet" type="text/css" />
  40.         <script type="text/javascript">
  41.             window.parent.$(window.parent.document).find('.pimcore_icon_cleanup').parent().parent().parent().parent().hide();
  42.         </script>
  43.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><?php echo "\r\n";?>
  45.         <style>
  46.             .pimcore_editable{
  47.                 min-height:16px!IMPORTANT;
  48.             }
  49.             .pimcore_editable input.x-form-text{
  50.                 height:31px!IMPORTANT;
  51.             }
  52.         </style>
  53.         {# Frontend Part #}
  54.     {% else %}
  56.     <link rel="stylesheet" media="screen" href="/bundles/app/static/frontend/css/compress.css" />
  58.         <!-- Kopf include -->
  60.     <link rel="apple-touch-icon" sizes="180x180" href="/bundles/app/static/frontend/images/favicon/apple-touch-icon.png">
  61.     <link rel="icon" type="image/png" sizes="32x32" href="/bundles/app/static/frontend/images/favicon/favicon-32x32.png">
  62.     <link rel="icon" type="image/png" sizes="16x16" href="/bundles/app/static/frontend/images/favicon/favicon-16x16.png">
  63.     <link rel="manifest" href="/bundles/app/static/frontend/images/favicon/site.webmanifest">
  64.     <link rel="mask-icon" href="/bundles/app/static/frontend/images/favicon/safari-pinned-tab.svg" color="#e50000">
  65.     <link rel="shortcut icon" href="/bundles/app/static/frontend/images/favicon/favicon.ico">
  66.     <meta name="msapplication-TileColor" content="#e50000">
  67.     <meta name="msapplication-config" content="/bundles/app/static/frontend/images/favicon/browserconfig.xml">
  68.     <meta name="theme-color" content="#ffffff">
  70. {#        #}{##}
  71. {#        {% if pimcore_link('strukturierteDaten').isEmpty() is not empty %}#}
  72. {#            {% set strukturierteDatenId = pimcore_link('strukturierteDaten').getId()  %}#}
  73. {#            {{ show_snippet(strukturierteDatenId, []) }}#}
  74. {#        {% endif %} #}
  76.      <link rel="stylesheet" media="screen" href="/bundles/app/static/frontend/css/front-page.css" />
  77.     {% if document.getProperty('page_startseite') %}
  78.     <link rel="stylesheet" media="screen" href="/bundles/app/static/frontend/css/front-page.css" />
  79.     {% endif %}
  81.         {# gibt aus den Objekten  Meta-Tags / etc. vor Ende Head aus #}
  82.         {{ codevorendehead_allgemein() | raw }}
  83.     {% endif %}
  84. </head>
  86. {% if editmode %}
  87. <body style="background-image:url(/bundles/app/static/backend/image/edm-style/tab-nav-bg.png) repeat-x bottom;">
  89. {{ block('content') }}
  91. {% if editmode %}
  92.     <script src="/bundles/app/static/backend/js/jquery/jquery-3.2.1.min.js"></script>
  93.     <script type="text/javascript" src="/bundles/app/static/backend/js/schemaorg/jquery.timepicker.js"></script>
  94.     <script type ="text/javascript" src="/bundles/app/static/backend/js/jquery/multiselect/simple-multiselect.js"></script>
  95.     <script type="text/javascript">
  96.         window.parent.$(window.parent.document).find('.pimcore_icon_cleanup').parent().parent().parent().parent().hide();
  97.     </script>
  98.     <script>
  99.         function ReadCookie(cookieName) {
  100.             var theCookie=" "+document.cookie;
  101.             var ind=theCookie.indexOf(" "+cookieName+"=");
  102.             if (ind==-1) ind=theCookie.indexOf(";"+cookieName+"=");
  103.             if (ind==-1 || cookieName=="") return "";
  104.             var ind1=theCookie.indexOf(";",ind+1);
  105.             if (ind1==-1) ind1=theCookie.length;
  106.             return unescape(theCookie.substring(ind+cookieName.length+2,ind1));
  107.         }
  109.         $( document ).ready(function() {
  110.             var cookieName = "edmtab" + '<?=$this->document->getId()?>';
  111.             var CookieVal = ReadCookie(cookieName);
  113.             if(CookieVal.length > 0){
  114.                 $('#' + CookieVal).attr('checked','checked');
  115.             }
  116.             $('input.tabContent').on('change', function(e) {
  117.                 var tabnr = $(this).attr('id');
  118.                 console.log(e);
  119.                 document.cookie = cookieName + "=" + tabnr;
  120.             });
  121.         });
  122.     </script>
  123. {% endif %}
  125. {% else %}
  126. <body class="standard"  data-status="" itemscope="" itemtype="http://schema.org/WebPage">
  127. {{ codenachanfangbody_allgemein() | raw }}
  131. {% set bgImageSrc = pimcore_image("BackgroundImagePage").getSrc() %}
  133. {% if theme is not defined or theme is empty %}
  134.     {% set theme = document.getProperty('theme_doc') ? document.getProperty('theme_doc') : "neutral" %}
  135. {% endif %}
  137. <div data-theme="rent">
  138.     <div class="layout-page gradient-page {{ document.getProperty('page_startseite') ? 'frontpage' : '' }}">
  139.         <aside class="side-bar gradient-page">
  140.             <figure class="logo {{ theme }} {{ document.getProperty('page_startseite') ? 'side-bar-logo--frontpage' : '' }}">
  141.                 <a href="{{ logo_link }}">
  142.                     <img width="123" height="101" src="{{ glanzerLogo }}" alt="{{ glanzerLogoAlt }}"/>
  143.                 </a>
  144.             </figure>
  146.             <nav class="navigation">
  147.                 <ul class="no-bullet font-light theme-indicator-wrp" data-menu="sidebar">
  148.                     <li class="theme-indicator theme-indicator--mobile shops">
  149.                         <a class="theme-title theme-title--mobile" href="{{ url_shops }}">
  150.                             <div class="label centered-flex">
  151.                                 <span class="uppercase font-bold">{{ text_shops }}</span>
  152.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 300" width="50" height="300"
  153.                                      preserveAspectRatio="xMaxYMax meet">
  154.                                     <text class="tab-text"
  155.                                           transform="matrix(6.123234e-17 -1 1 6.123234e-17 42.7734 258)">{{ text_shops }}</text>
  156.                                 </svg>
  157.                             </div>
  158.                         </a>
  159.                     </li>
  160.                     <li class="theme-indicator theme-indicator--mobile rent">
  161.                         <a class="theme-title theme-title--mobile" href="{{ url_rent }}">
  162.                             <div class="label centered-flex">
  163.                                 <span class="uppercase font-bold">{{ text_rent }}</span>
  164.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 300" width="50" height="300"
  165.                                      preserveAspectRatio="xMaxYMax meet">
  166.                                     <text class="tab-text" transform="matrix(6.123234e-17 -1 1 6.123234e-17 42.7734 280)">{{ text_rent }}</text>
  167.                                 </svg>
  168.                             </div>
  169.                         </a>
  170.                     </li>
  171.                     <li class="theme-indicator theme-indicator--mobile homes">
  172.                         <a class="theme-title theme-title--mobile" href="{{ url_homes }}">
  173.                             <div class="label centered-flex">
  174.                                 <span class="uppercase font-bold">{{ text_homes }}</span>
  175.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 300" width="50" height="300"
  176.                                      preserveAspectRatio="xMaxYMax meet">
  177.                                     <text class="tab-text"
  178.                                           transform="matrix(6.123234e-17 -1 1 6.123234e-17 42.7734 300)">{{ text_homes }}</text>
  179.                                 </svg>
  180.                             </div>
  181.                         </a>
  182.                     </li>
  183.                 </ul>
  184.                 <header class="header constrainer-maxsize edgepadding {{ document.getProperty('page_startseite') ? 'header-front-page' : '' }}">
  186.                     {#  <?php echo $this->render('AppBundle:Includes:menue.html.php', ['contacts' => $contacts]); ?>
  187.                     #}
  188.                     {{ include('includes/side-navigation/menue.html.twig') }}
  189.                 </header>
  191.                 {{ include('includes/side-navigation/navigation.html.twig') }}
  192.             </nav>
  193.             <script type="text/javascript">
  194.                 var _skd = window._skd || {};
  195.                 _skd.callbacks = _skd.callbacks || {};
  196.                 _skd.callbacks.dsr = _skd.callbacks.dsr || {};
  197.                 _skd.callbacks.dsr.viewConfirmation = function(data){
  198.                     window.location.href = window.location.href.split("#")[0]+'/booking-success?total='+data.total;
  199.                 }
  200.             </script>
  201.             <script>
  203.                 (function () {        
  204.                 
  205.                     if (typeof window.selt === 'undefined') {
  206.                         window.selt = {
  207.                             modules: {}
  208.                         };
  209.                     } else if (!window.selt.modules) {
  210.                         window.selt.modules = {};
  211.                     }
  213.                     var moduleName = 'sidebar_module'; // naming convention XXX_module
  215.                     selt.modules[moduleName] = {
  217.                         name: moduleName,
  219.                         init: function () {
  221.                             if (selt.debug) console.log('initialize', this.name);
  223.                             var navigation = document.querySelectorAll('[data-menu="sidebar"] li'),
  224.                                 navigationLinks = document.querySelectorAll('[data-menu="sidebar"] li a'),
  225.                                 hoverClass = 'peek',
  226.                                 timeOutID;
  229.                             // uses touchend event to add special class for touch devices
  230.                             function setHoverState(e) {
  232.                                 if (Modernizr.mq('(min-width: 480px)')) {
  234.                                     var hasHoverState = this.classList.contains(hoverClass),
  235.                                         me = this;
  237.                                     [].forEach.call(navigation, function (el) {
  238.                                         el.classList.remove(hoverClass);
  239.                                     });
  242.                                     switch (e.type) {
  243.                                         case 'touchend':
  244.                                             if (!hasHoverState) {
  245.                                                 clearTimeout(timeOutID);
  246.                                                 setTimeout(function () {
  247.                                                     me.classList.remove(hoverClass);
  248.                                                 }, 2000)
  249.                                                 // e.preventDefault();
  250.                                             }
  251.                                             break;
  253.                                         case 'mouseleave':
  254.                                             return false;
  255.                                             break;
  256.                                     }
  258.                                     me.classList.add(hoverClass);
  260.                                 }
  262.                             }
  265.                             [].forEach.call(navigation, function (el) {
  267.                                 // touch device handling to open dropdown
  268.                                 el.addEventListener('touchend', function (e) {
  269.                                     setHoverState.call(this, e);
  270.                                 }, false);
  272.                                 // mouse handling of off canvas menu items to mimic touch handling
  273.                                 el.addEventListener('mouseenter', function (e) {
  274.                                     setHoverState.call(this, e);
  275.                                 }, false);
  277.                                 el.addEventListener('mouseleave', function (e) {
  278.                                     setHoverState.call(this, e);
  279.                                 }, false);
  282.                             });
  285.                         }
  287.                     }
  290.                 }());
  293.             </script>
  294.         </aside>
  296.         <main class="sidebar-offset gradient-page {{ document.getProperty('home') ? 'home' : '' }}">
  297.             {{ include('includes/side-navigation/menue.html.twig') }}
  298.             {{ include('includes/side-navigation/navigation.html.twig') }}
  299.             <div class="main-wrapper-js">
  300.                 {% if not editmode %}
  301.                     {{ block('content') }}
  302.                 {% endif %}
  303.             </div>
  305.             <div class="footer-wrapper-js">
  306.                 {# <?php
  307.                 /* Footer-Snippets +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  308.                 echo $this->action("footer", "Footer", "AppBundle", []);
  309.                 echo PHP_EOL;
  310.                 ?> #}
  312.                 {#{ include('footer/footer.html.twig') } #}
  313.                 {{ render(controller(
  314.                     'App\\Controller\\FooterController::footerAction', {max: 3}
  315.                 )) }}
  316.             </div>
  318.         </main>
  319.     </div>
  322.     <!-- Page Tab element  -->
  323.     {% if pimcore_checkbox('buttonSeitenrandRechts').isChecked() and pimcore_link('buttonSeitenrandRechts_link').isEmpty() == false %}
  325.         {% set button_target = pimcore_link('buttonSeitenrandRechts_link').getTarget() %}
  326.         {%  set target = (button_target != '') ? button_target : '_self' %}
  327.         {%  set buttonclass = (pimcore_device("phone") == 'phone') ? 'onlinebuchen-p' : 'onlinebuchen-d' %}
  328.         <div class="sidetab centered-flex font-light theme-color-bg {{ buttonclass }}">
  329.             <a class="no-underline" href="{{pimcore_link('buttonSeitenrandRechts_link').getHref() }}" target="{{ target }}">
  330.                 {{ pimcore_textarea("buttonSeitenrandRechts_text",{"nl2br": true,}) }}
  331.             </a>
  332.         </div>
  333.         {% if document.getProperty('sidetab_shop') %}
  334.             <div class="sidetab shops centered-flex font-light {{ buttonclass }}" data-theme="shops">
  335.                 <a class="no-underline" href="{{ pimcore_input("href_shop") }}" target="_blank" >
  336.                     {{ 'label_shop'|trans }}
  337.                 </a>
  338.             </div>
  339.         {% endif %}
  340.     {% endif %}
  342. </div> <!-- ende data-theme -->
  344. {{ include('includes/frontend-fuss.html.twig') }}
  347. {% set incTemplates = show_includes() %}
  350. {% endif %}
  351. </body>
  352. </html>