src/Elements/Bundle/DemiFrontendBundle/Resources/views/Accommodation/includes/detail-templates/demiExtensions.desktop.html.twig line 1

Open in your IDE?
  1. <script>
  2.     _config.lightbox = true;
  3. </script>
  4. {% set accessibilityCategories = demiGetAccessibilityCategories(extensions.getObject()) %}
  5. {% set accessibility = extensions.getDemiAccessibilityCategories() ?: null %}
  7. {% if accessibility %}
  8.     <section class="py-5 content-block">
  9.         <div class="">
  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">
  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>
  55.     {% for data in accessibilityCategories %}
  56.         {% set cat = data.category %}
  57.         <div class="modal fade" id="accessibility{{ cat.id }}Modal" tabindex="-1" role="dialog" aria-labelledby="modal{{ cat.id }}Label" aria-hidden="true">
  58.             <div class="modal-dialog modal-lg" role="document">
  59.                 <div class="modal-content p-5">
  60.                     <div class="modal-header">
  61.                         <button type="button"
  62.                                 class="btn-no-styling increased-click-area text-primary icon-btn close-btn"
  63.                                 data-dismiss="modal"><span class="demi-icon demi-icon-close icon-btn__icon"></span>
  64.                         </button>
  65.                     </div>
  66.                     <div class="modal-body">
  67.                         <div class="modal-title h2 text-primary" id="modal{{ cat.id }}Label">{{ cat.title }}</div>
  68.                         <div class="wysiwyg">
  69.                             {{ cat.text|raw }}
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.     {% endfor %}
  76. {% endif %}