templates/snippets/reservation.html.twig line 1

Open in your IDE?
  1. {% extends "layout-snippets.html.twig" %}
  3. {% block snippets %}
  5. {% if editmode %}
  7. <div class="uk-container apk-container-1400 uk-margin-medium">
  8.     <h2 class="uk-h2">Modal réservation</h2>
  9.     <ul uk-tab>
  10.         <li><a href="#">Configurations</a></li>
  11.         <li class="uk-active"><a href="#">Contenu</a></li>
  12.     </ul>
  14.     <ul class="uk-switcher uk-margin">
  15.         <li>
  16.             <div>Alignement en colones</div>
  17.             {{ pimcore_select("grille", {
  18.                 "store" : [
  19.                     ['', 'Aucun'],
  20.                     ['uk-child-width-1-1', '1 colone'],
  21.                     ['uk-child-width-1-2@m', '2 colones'],
  22.                     ['uk-child-width-1-3@m', '3 colones'],
  23.                     ['uk-child-width-1-4@m uk-child-width-1-2', '4 colones'],
  24.                 ],
  25.                 "defaultValue" : ""
  26.             }) }}
  28.             <div>Padding en haut et en bas</div>
  29.             {{ pimcore_select("padding", {
  30.                 "store" : [
  31.                     ['uk-padding-remove', 'Suppression du padding'],
  32.                     ['', 'Aucun'],
  33.                     ['uk-padding-small', 'Petit'],
  34.                     ['uk-padding', 'Moyen'],
  35.                     ['uk-padding-large', 'Grand'],
  36.                 ],
  37.                 "defaultValue" : ""
  38.             }) }}
  39.             <div>Type de heading</div>
  40.             {{ pimcore_select("title-type", {
  41.                 "store" : [
  42.                     ['h1', 'Heading 1'],
  43.                     ['h2', 'Heading 2'],
  44.                     ['h3', 'Heading 3'],
  45.                     ['h4', 'Heading 4'],
  46.                     ['h5', 'Heading 5'],
  47.                     ['h6', 'Heading 6'],
  48.                 ],
  49.                 "defaultValue" : "h2"
  50.             }) }}
  51.             <div>Style de heading</div>
  52.             {{ pimcore_select("title-style", {
  53.                 "store" : [
  54.                     ['uk-h1', 'Heading 1'],
  55.                     ['uk-h2', 'Heading 2'],
  56.                     ['uk-h3', 'Heading 3'],
  57.                     ['uk-h4', 'Heading 4'],
  58.                     ['uk-h5', 'Heading 5'],
  59.                     ['uk-h6', 'Heading 6'],
  60.                 ],
  61.                 "defaultValue" : "uk-h2"
  62.             }) }}
  64.         </li>
  66.         <li class="uk-active">
  68.             <div class="uk-text-bold">Titre principal de la modal</div>
  69.             <h2>{{ pimcore_input("modal-title", {"nl2br" : true})|raw }}</h2>
  71.             {% for i in pimcore_block('contentblock').iterator %}
  73.                 <div uk-alert>
  75.                     <div class="uk-text-bold">Image</div>
  76.                     {{ pimcore_image('grid-image',{ "width" : 200}) }}
  78.                     <div class="uk-text-bold">Titre</div>
  79.                     <h3>{{ pimcore_input("grid-title", {"nl2br" : true})|raw }}</h3>
  81.                     <div class="uk-text-bold">Lien de réservation</div>
  82.                     {{pimcore_link('reservation-link')}}
  84.                 </div>
  85.             {% endfor %}
  86.         </li>
  87.     </ul>
  88. </div>
  90. {% else %}
  92. {% set title_type = pimcore_select('title-type').data %}
  93. {% set title_style = pimcore_select('title-style').data %}
  96. {# Modal de réservation #}
  97. <div id="reservation-modal" class="uk-modal-container" uk-modal>
  98.     <div class="uk-modal-dialog uk-modal-body">
  99.         <button class="uk-modal-close-default" uk-close></button>
  100.             <{{ title_type }} class="{{ title_style }} uk-text-center uk-margin-large-bottom">{{ pimcore_input("modal-title", {"nl2br" : true})|raw }}</{{ title_type }}>
  101.          <div class="uk-child-width-1-1 uk-child-width-1-2@s uk-grid" uk-grid>
  102.             {% for i in pimcore_block('contentblock').iterator %}
  103.             <div>
  104.                 <div class="uk-position-relative apk-hover" {% if pimcore_link('reservation-link') is not empty %}data-apk-href="{{pimcore_link('reservation-link').getHref()}}" data-apk-target="{{pimcore_link('reservation-link').getTarget()}}"{% endif %}>
  105.                     {{ pimcore_image('grid-image').thumbnail('global-image').html({
  106.                         "imgAttributes" : {
  107.                             "uk-svg" : "",
  108.                             "class" : "apk-image"
  110.                         }
  111.                     })|raw }}
  112.                     <div class="uk-overlay-primary uk-position-cover"></div>
  113.                     <div class='uk-overlay uk-light uk-position-center'>
  114.                         <h3 class="uk-h2">{{ pimcore_input("grid-title", {"nl2br" : true})|raw }}</h3>
  115.                         {% if pimcore_link('reservation-link') is not empty %}
  116.                             <div class="uk-display-block uk-text-center">
  117.                                 <a href="{{pimcore_link('reservation-link').getHref()}}" class="uk-button uk-button-primary uk-button-large uk-flex uk-flex-middle">
  118.                                     <img uk-svg class="uk-margin-small-right" width="18px" height="18px" src="/static/img/pictos/calendar.svg">
  119.                                     {{ "Réserver"|trans }}
  120.                                 </a>
  121.                             </div>
  122.                         {% endif %}
  123.                     </div>
  124.                 </div>
  125.             </div>
  126.             {% endfor %}
  127.       </div>
  128.     </div>
  129. </div>
  132. {% endif %}
  135. {% endblock snippets %}