templates/module/Oeffnungszeiten/__oeffnungszeiten.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.      {{ include('includes/backend-kopf.html.twig') }}
  3.     {% set tabContentArray = {1: 'Optional', 2: 'Content'} %}
  4.     {% set tab = 1 %}
  5.     <div id="content">        
  6.             {% if tabContentArray is defined and tab in tabContentArray|keys %}
  7.                 {{ admin_tabs(tab, tabContentArray) | raw }}
  8.             {% endif %} 
  9.             <section class="tabContent">
  10.                 <p class="hl">Optionale Einstellung:</p>
  11.                 {% set element = 'artikel' %}
  12.                 <div id="{{ element }} ">
  13.                     {{ pimcore_multiselect(element, {
  14.                             'width': 200,
  15.                             'height': 100,
  16.                             'store': [
  17.                                 ['abstand-top', 'Abstand nach oben'],
  18.                                 ['abstand-bottom', 'Abstand nach unten']
  19.                             ]
  20.                         }) }}
  21.                 </div>
  22.             </section>
  23.              {% if tabContentArray is defined and 2 in tabContentArray|keys %}
  24.                 {{ admin_tabs(2, tabContentArray) | raw }}
  25.                 <section class="tabContent">
  26.                     <div style="width: 100%;padding-left:37px;margin-top:100px;"><p class="hl">Bitte aus dem Ordner "geo-location_oeffnungszeiten_kontakt"
  27.                         Object zuweisen:</p></div>
  28.                     <div class="dragdrop"><span class="parentbox">
  29.                         {{ pimcore_relation("objectGeolocationFolder", {
  30.                                 "types": ["object"],
  31.                                 "subtypes": {
  32.                                     "object": ["object"]
  33.                                 },
  34.                                 "classes": ["geolocation"],
  35.                                 "width" : 750
  36.                             }) }}
  37.                     </span></div>
  38.                      <br/><br/><br/><br/>
  39.                 </section>
  40.             {% endif %}
  41.     </div>
  42.     {{ include('includes/backend-fuss.html.twig') }}
  43. {% else %}
  44.     {% set abstand_top_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-top') == true)? ' abstand-top' : '' %}
  45.     {% set abstand_bottom_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-bottom') == true)? ' abstand-bottom' : '' %}
  46.     {% set abstandClasses = abstand_top_class ~ abstand_bottom_class %}
  47.     <div class="{{ abstandClasses }}">
  48.         <div class="infobar-store theme-color-bg">
  49.              <div class="constrainer-maxsize" style="position:relative;padding:0;">
  50.              
  51.                 {% set lang = app.request.getLocale() %}    
  52.                 {% if expertImage is not empty and expertImage.getId() is not empty %}
  53.                         {{ imageResponsive({"src": expertImage.getFullPath(),
  54.                         "ausgabeformat": "figure",
  55.                         "endtag": true,
  56.                         "class": "avatar",
  57.                         "language": lang }) | raw }}
  58.                 {% endif %}
  59.                 <div class="copy layout-float-wrap">
  60.                         {% if expertName is not empty %}
  61.                             <div class="info-item">
  62.                                 <figure class="icon-wrp">
  63.                                     <svg xmlns="http://www.w3.org/2000/svg" width="25.032" height="30" viewBox="0 0 25.032 30">
  64.                                         <defs>
  65.                                             <style>
  66.                                                 .cls-1 {
  67.                                                     fill: #fff;
  68.                                                 }
  69.                                                 [data-theme=homes] .cls-1 {
  70.                                                     fill: #000;
  71.                                                 }
  72.                                                 [data-theme="homes"][data-page="hochsoelden"]  .cls-1 {
  73.                                                     fill: #fff;
  74.                                                 }
  75.                                                 [data-theme=shops] .cls-1 {
  76.                                                     fill: #e50000;
  77.                                                 }
  78.                                             </style>
  79.                                         </defs>
  80.                                         <path class="cls-1" d="M25.373,28.763H23.744a1.529,1.529,0,0,1-1.53-1.528,1.162,1.162,0,0,1,.35-.832,10.982,10.982,0,0,0,2.321-3.495.655.655,0,0,0,.386.149c.914,0,1.991-2.021,1.991-3.4s-.128-2.495-1.044-2.495a1.411,1.411,0,0,0-.34.048c-.065-3.736-1.008-8.4-6.712-8.4-5.951,0-6.645,4.652-6.712,8.383a1.307,1.307,0,0,0-.245-.036c-.916,0-1.042,1.117-1.042,2.495s1.073,3.4,1.989,3.4a.626.626,0,0,0,.317-.088,11.016,11.016,0,0,0,2.293,3.44,1.154,1.154,0,0,1,.35.83,1.531,1.531,0,0,1-1.53,1.53H12.955a6.307,6.307,0,0,0-6.308,6.308v1.748a1.992,1.992,0,0,0,1.991,1.991H29.689a1.991,1.991,0,0,0,1.989-1.991V35.077A6.307,6.307,0,0,0,25.373,28.763Z" transform="translate(-6.647 -8.818)"/>
  81.                                     </svg>
  82.                                     <figcaption class="font-light font-light font-color-dynamic">{{ expertName }}</figcaption>
  83.                                 </figure>
  84.                             </div>
  85.                         {% endif %}
  86.                         {% if strasse is not empty %}
  87.                             <div class="info-item">
  88.                                 <figure class="icon-wrp">
  89.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.946 31.105">
  90.                                         <defs>
  91.                                             <style>
  92.                                                 .cls-1 {
  93.                                                     fill: #fff;
  94.                                                 }
  95.                                                 [data-theme=homes] .cls-1 {
  96.                                                     fill: #000;
  97.                                                 }
  98.                                                 [data-theme="homes"][data-page="hochsoelden"]  .cls-1 {
  99.                                                     fill: #fff;
  100.                                                 }
  101.                                                 [data-theme=shops] .cls-1 {
  102.                                                     fill: #e50000;
  103.                                                 }
  104.                                             </style>
  105.                                         </defs>
  106.                                         <path id="Pfad_19183" data-name="Pfad 19183" class="cls-1" d="M30.146,10.473a10.473,10.473,0,0,0-20.946,0c0,8.274,10.473,20.632,10.473,20.632S30.146,18.747,30.146,10.473Zm-15.71-.628a5.132,5.132,0,1,1,5.132,5.132,5.01,5.01,0,0,1-5.132-5.132Zm0,0" transform="translate(-9.2)"/>
  107.                                     </svg>
  108.                                     <figcaption class="font-light font-color-dynamic">{{ strasse }}</figcaption>
  109.                                 </figure>
  110.                             </div>
  111.                         {% endif %}
  112.                         {% if telefonnummer is not empty %}
  113.                             <div class="info-item">
  114.                                 <figure class="icon-wrp">
  115.                                     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  116.                                          viewBox="0 0 17.7 23" style="enable-background:new 0 0 17.7 23;" xml:space="preserve">
  117.                                 <defs>
  118.                                     <style>
  119.                                         .cls-1 {
  120.                                             fill: #fff;
  121.                                         }
  122.                                         [data-theme=homes] .cls-1 {
  123.                                             fill: #000;
  124.                                         }
  125.                                         [data-theme="homes"][data-page="hochsoelden"]  .cls-1 {
  126.                                             fill: #fff;
  127.                                         }                                        
  128.                                         [data-theme=shops] .cls-1 {
  129.                                             fill: #e50000;
  130.                                         }
  131.                                     </style>
  132.                                 </defs>
  133.                                         <g transform="matrix(0.978, 0.208, -0.208, 0.978, 4.229, 0)">
  134.                                             <path class="cls-1" d="M17.5,16.4c0,0.3-0.1,0.7-0.3,0.9l-2.9,2.9c-0.1,0.2-0.3,0.3-0.5,0.4c-0.2,0.1-0.4,0.2-0.6,0.2l-0.1,0
  135.                                             c-0.1,0-0.2,0-0.3,0c-0.5,0-0.9-0.1-1.4-0.1c-0.8-0.1-1.6-0.4-2.3-0.7c-1.1-0.5-2.1-1-3.1-1.7c-1.3-0.9-2.6-1.9-3.7-3.1
  136.                                             c-0.9-0.9-1.8-1.9-2.6-2.9C-1,11.4-1.5,10.5-2,9.6c-0.4-0.7-0.7-1.4-0.9-2.1c-0.2-0.5-0.3-1.1-0.4-1.7c-0.1-0.4-0.1-0.7-0.1-1.1
  137.                                             c0-0.3,0-0.4,0-0.4c0-0.2,0.1-0.4,0.2-0.6C-3.1,3.4-3,3.3-2.8,3.1l2.9-2.9C0.3,0,0.5-0.2,0.8-0.2C1-0.2,1.2-0.1,1.3,0
  138.                                             c0.2,0.1,0.3,0.3,0.4,0.4l2.4,4.5c0.1,0.2,0.2,0.5,0.1,0.8C4.1,6,4,6.2,3.8,6.4L2.7,7.5c0,0-0.1,0.1-0.1,0.1c0,0.1,0,0.1,0,0.2
  139.                                             C2.7,8.2,2.8,8.5,3,8.9c0.2,0.5,0.5,0.9,0.8,1.3c0.5,0.6,1,1.2,1.6,1.8C6,12.5,6.5,13,7.2,13.5c0.4,0.3,0.8,0.6,1.3,0.8
  140.                                             c0.3,0.1,0.5,0.2,0.8,0.3l0.3,0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.1-0.1l1.3-1.3c0.3-0.2,0.6-0.4,0.9-0.4c0.2,0,0.4,0,0.6,0.1h0
  141.                                             l4.3,2.5C17.2,15.8,17.4,16,17.5,16.4L17.5,16.4z"/>
  142.                                         </g>
  143.                             </svg>
  144.                                     <figcaption class="font-light font-color-dynamic">{{ telefonnummer|raw }}</figcaption>
  145.                                 </figure>
  146.                             </div>
  147.                         {% endif %}
  148.                         {% if oeffnungszeiten is not empty %}
  149.                             <div class="info-item">
  150.                                 <figure class="icon-wrp">
  151.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.411 36.4">
  152.                                         <defs>
  153.                                             <style>
  154.                                                 .cls-1 {
  155.                                                     fill: #fff;
  156.                                                 }
  157.                                                 [data-theme=homes] .cls-1 {
  158.                                                     fill: #000;
  159.                                                 }
  160.                                                 [data-theme="homes"][data-page="hochsoelden"]  .cls-1 {
  161.                                                     fill: #fff;
  162.                                                 } 
  163.                                                 [data-theme=shops] .cls-1 {
  164.                                                     fill: #e50000;
  165.                                                 }
  166.                                             </style>
  167.                                         </defs>
  168.                                         <g id="Gruppe_1548" data-name="Gruppe 1548" transform="translate(0.03 0)">
  169.                                             <path id="Pfad_19181" data-name="Pfad 19181" class="cls-1" d="M118.535,86.516a1.039,1.039,0,0,0,.732-.3l8.843-8.843a1.03,1.03,0,0,0,0-1.45l-.732-.732a1.018,1.018,0,0,0-.732-.3,1.1,1.1,0,0,0-.732.3l-7.393,7.393-4.454-4.454a1.017,1.017,0,0,0-.732-.3,1.062,1.062,0,0,0-.732.3l-.732.732a1.03,1.03,0,0,0,0,1.45l5.9,5.9A1.174,1.174,0,0,0,118.535,86.516Z" transform="translate(-97.281 -65.287)"/>
  170.                                             <path id="Pfad_19182" data-name="Pfad 19182" class="cls-1" d="M39.685,13.246A18.174,18.174,0,0,0,22.2,0,18.174,18.174,0,0,0,3.978,18.277l-1.245-1.04a1.306,1.306,0,0,0-.937-.3,1.265,1.265,0,0,0-.873.449l-.655.783h0a1.288,1.288,0,0,0-.3.937,1.265,1.265,0,0,0,.449.873l4.941,4.159a1.289,1.289,0,0,0,1.81-.167l4.159-4.941a1.288,1.288,0,0,0,.3-.937,1.265,1.265,0,0,0-.449-.873L10.4,16.57a1.288,1.288,0,0,0-.937-.3,1.265,1.265,0,0,0-.873.449L7.572,17.93A14.612,14.612,0,1,1,22.2,32.819a13.509,13.509,0,0,1-1.617-.09,1.282,1.282,0,0,0-1.412,1.129l-.116,1.014a1.271,1.271,0,0,0,.27.937,1.3,1.3,0,0,0,.86.475A17.677,17.677,0,0,0,22.2,36.4,18.169,18.169,0,0,0,39.685,13.246Z" transform="translate(0 0)"/>
  171.                                         </g>
  172.                                     </svg>
  173.                                         {% set en = 'en' in document.getProperty('lang') %}
  174.                                         {% set oeffnungszeiten = en ? oeffnungszeiten|replace({'Geschlossen': 'Open'}) : oeffnungszeiten  %}
  175.                                     <figcaption class="font-light font-color-dynamic" data-lang="{{ document.getProperty('language') }}">{{ oeffnungszeiten|raw  }}</figcaption>
  176.                                 </figure>
  177.                             </div>
  178.                         {% endif %}
  179.                 </div>
  180.             </div>
  181.         </div>    
  182.     </div>
  183. {% endif %}