src/Elements/Bundle/DemiFrontendBundle/Resources/views/Infrastructure/detail/demiExtension.html.twig line 1

Open in your IDE?
  1. <script>
  2.     _config.lightbox = true;
  3. </script>
  4. {% set accessibilityCategories = demiGetAccessibilityCategories(detailExtension.getObject()) %}
  5. {% set accessibility = detailExtension.getDemiAccessibilityCategories() ?: null %}
  7. {% if accessibility %}
  8.     <section class="demi-infrastructure-detail-content-block demi-infrastructure-detail-content-block--intro">
  9.         <div class="container">
  10.             <div class="row">
  11.                 <div class="col-8">
  12.                     <h2 class="text-primary">
  13.                         {{ 'poidetail.accessibility_headline'|trans }}
  14.                     </h2>
  15.                 </div>
  16.                 <div class="col-4 text-right">
  17.                     {% if  accessibility.getPdfLink1() and accessibility.getPdfLink1().getHref() and accessibility.getPdfLink1().getText() %}
  18.                         <a target="{{ accessibility.getPdfLink1().getTarget() }}" href="{{ accessibility.getPdfLink1().getHref() }}" class="btn btn-primary-light"><span class="icon icon-download text-center"></span>{{ accessibility.getPdfLink1().getText() }}</a>
  19.                     {% endif %}
  20.                     {% if  accessibility.getPdfLink2() and accessibility.getPdfLink2().getHref() and accessibility.getPdfLink2().getText() %}
  21.                         <a target="{{ accessibility.getPdfLink2().getTarget() }}" href="{{ accessibility.getPdfLink2().getHref() }}" class="btn btn-primary-light"><span class="icon icon-download text-center"></span>{{ accessibility.getPdfLink2().getText() }}</a>
  22.                     {% endif %}
  23.                     {% if  accessibility.getExternalLink() %}
  24.                         <br>
  25.                         <a target="{{ accessibility.getExternalLink().getTarget() }}" href="{{ accessibility.getExternalLink().getHref() }}" class="text-underline d-ib accessible-info__download">
  26.                             <span class="icon icon-link text-center"></span>{{ accessibility.getExternalLink().getText() }}
  27.                         </a>
  28.                     {% endif %}
  29.                 </div>
  30.                 <ul class="list-inline mt-3 ml-3">
  31.                     {% for data in accessibilityCategories %}
  32.                         {% set cat = data.category %}
  33.                         {% set percent = data.percent %}
  34.                         {% if cat.getIcon() is instanceof('\\Pimcore\\Model\\Asset\\Image') %}
  35.                             <li class="list-inline-item">
  36.                                 <button type="button"
  37.                                         data-toggle="modal"
  38.                                         data-target="#accessibility{{ cat.id }}Modal"
  39.                                         class="accessibility-item-big accessibility-item-big--is-checked">
  40.                                     <span class="position-relative ">
  41.                                         {{ cat.getIcon().getThumbnail('accessibility-icon').getHtml({'imgAttributes': {'class': 'img-fluid', 'alt': cat.getTitle(), 'title': cat.getTitle()}}) | raw }}
  42.                                         <span class="demi-icon demi-icon-check accessibility-item__check" aria-label="is checked"></span>
  43.                                     </span>
  44.                                 </button>
  45.                                 <div class="text-center">
  46.                                     {{ percent }}%
  47.                                 </div>
  48.                             </li>
  49.                         {% endif %}
  50.                     {% endfor %}
  51.                 </ul>
  52.             </div>
  53.         </div>
  54.     </section>
  56.     {% for data in accessibilityCategories %}
  57.         {% set cat = data.category %}
  58.         <div class="modal fade" id="accessibility{{ cat.id }}Modal" tabindex="-1" role="dialog" aria-labelledby="modal{{ cat.id }}Label" aria-hidden="true">
  59.             <div class="modal-dialog modal-lg" role="document">
  60.                 <div class="modal-content p-5">
  61.                     <div class="modal-header">
  62.                         <button type="button"
  63.                                 class="btn-no-styling increased-click-area text-primary icon-btn close-btn"
  64.                                 data-dismiss="modal"><span class="demi-icon demi-icon-close icon-btn__icon"></span>
  65.                         </button>
  67.                     </div>
  68.                     <div class="modal-body">
  69.                         <div class="modal-title h2 text-primary" id="modal{{ cat.id }}Label">{{ cat.title }}</div>
  71.                         <div class="wysiwyg">
  72.                             {{ cat.text|raw }}
  73.                         </div>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </div>
  79.     {% endfor %}
  80. {% endif %}
  82. {% set schladmingFilterOptions = detailExtension.getSchladmingAS %}
  83. {% if schladmingFilterOptions is not empty %}
  84.     {% set tabs = {
  85.         'bad-weather': {
  86.             id: 'bad-weather',
  87.             show: schladmingFilterOptions.badWeatherTipText is not empty or schladmingFilterOptions.badWeatherTip,
  88.             textObject: schladmingFilterOptions.badWeatherTipText,
  89.             textFallback: 'demi.infrastructure.detail.schladming.badWeather-fallbacktext'|trans,
  90.         },
  91.         'accessible': {
  92.             id: 'accessible',
  93.             show: schladmingFilterOptions.accessibleText is not empty or schladmingFilterOptions.accessible,
  94.             textObject: schladmingFilterOptions.accessibleText,
  95.             textFallback: 'demi.infrastructure.detail.schladming.accessible-fallbacktext'|trans,
  96.         },
  97.         'dogs-allowed': {
  98.             id: 'dog-allowed',
  99.             show: schladmingFilterOptions.allowDogsText is not empty or schladmingFilterOptions.allowDogs,
  100.             textObject: schladmingFilterOptions.allowDogsText,
  101.             textFallback: 'demi.infrastructure.detail.schladming.allowDogs-fallbacktextv'|trans,
  102.         },
  104.     } %}
  106.     <section class="demi-infrastructure-detail-content-block demi-infrastructure-detail-content-block--times">
  107.         <div class="container">
  108.             {% for tab in tabs|filter(tab => tab.show) %}
  109.                 <div id="{{ tab.id }}-accordion" role="tablist">
  110.                     <div class="card">
  111.                         <div class="card-header" role="tab" id="times-acc-heading-{{ tab.id }}">
  112.                             <h3 class="mb-0 h5">
  113.                                 <a data-toggle="collapse" href="#times-acc-detail-{{ tab.id }}"
  114.                                    aria-expanded="false" class="collapsed">
  115.                                     {{ ('demi.infrastructure.detail.'~tab.id) | trans }}
  116.                                     <i class="icon icon-open pull-right" aria-label="{{ 'demi.open' | trans }}"></i>
  117.                                 </a>
  118.                             </h3>
  119.                         </div>
  120.                         <div id="times-acc-detail-{{ tab.id }}" class="collapse" aria-expanded="false"
  121.                              aria-labelledby="times-acc-heading-{{ tab.id }}" data-parent="#{{ tab.id }}-accordion">
  122.                             <div class="card-body">
  123.                                 <div class="wysiwyg">
  124.                                     {% if tab.textObject is not empty %}
  125.                                         {{ tab.textObject|raw }}
  126.                                     {% else %}
  127.                                         {{ tab.textFallback|raw }}
  128.                                     {% endif %}
  129.                                 </div>
  130.                             </div>
  131.                         </div>
  132.                     </div>
  133.                 </div>
  135.             {% endfor %}
  136.         </div>
  137.     </section>
  140. {% endif %}