templates/page/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.   {{ title }}
  5. {% endblock %}
  7. {% block body %}
  8.   {% set asideWidth = skeleton.content.column_width|replace({ 'w-': '' }) %}
  9.   {% set columnWidth = 100 - asideWidth %}
  10.   {% set columnWidthClass = 'w-' ~ columnWidth %}
  11.   {% if page.cssAdd is not empty %}
  12.     <link rel="stylesheet" href="{{ page.cssAdd }}" />
  13.   {% endif %}
  14.   {% if page.skeleton == 'simple' or page.skeleton == null %}
  15.     {{ page.content|raw }}
  16.     {% if page.hardComponent is not null %}
  17.       {{ page.hardComponent.content|raw }}
  18.     {% endif %}
  19.   {% endif %}
  20.   {% if page.skeleton == 'sidebar_left' %}
  21.     <div class="row" data-tablet="column-reverse" data-mobil="column-reverse">
  22.       {% if page.hardComponent %}
  23.         <div class="{{ skeleton.content.column_width }}" data-mobil="w-100" data-tablet="w-100">{{ page.hardComponent.content|raw }}</div>
  24.       {% endif %}
  25.       <div class="{{ columnWidthClass }}" data-mobil="w-100" data-tablet="w-100">{{ page.content|raw }}</div>
  26.     </div>
  27.   {% endif %}
  28.   {% if page.skeleton == 'sidebar_right' %}
  29.     <div class="row" data-tablet="column" data-mobil="column">
  30.       <div class="{{ columnWidthClass }}" data-mobil="w-100" data-tablet="w-100">{{ page.content|raw }}</div>
  31.       {% if page.hardComponent is not null %}
  32.         <div id="grid-cancel" class="{{ skeleton.content.column_width }}" data-desktop="w-100" data-tablet="w-100">{{ page.hardComponent.content|raw }}</div>
  33.       {% endif %}
  34.     </div>
  35.   {% endif %}
  36.   {% if page.skeleton == 'sidebar_left_mobile' %}
  37.     <div class="row">
  38.       {% if page.hardComponent %}
  39.         <div data-desktop="hidden" data-mobil="{{ skeleton.content.button_position_left_mobile }} {{ skeleton.content.button_design }}" data-tablet="{{ skeleton.content.button_position_left_tablet }} {{ skeleton.content.button_design }}" data-target="sidebar" data-toggle="tr-x-100" style="z-index: 9999;">
  40.           {% include 'svg/menu.svg' %}
  41.         </div>
  42.         <div class="rel {{ skeleton.content.column_width }}" style="background:var(--app-color-body);" data-mobil="fixed left-0 top-0 over-hidden trans-1 {{ skeleton.content.column_width_mobile }}" data-tablet="fixed left-0 top-0 over-hidden trans-1 {{ skeleton.content.column_width_tablet }}" id="sidebar">
  43.           <div id="grid-cancel">{{ page.hardComponent.content|raw }}</div>
  44.         </div>
  45.       {% endif %}
  46.       <div class="{{ columnWidthClass }}" data-tablet="w-100" data-mobil="w-100">{{ page.content|raw }}</div>
  47.     </div>
  48.   {% endif %}
  49.   {% if page.skeleton == 'sidebar_right_mobile' %}
  50.     <div class="row">
  51.       <div class="{{ columnWidthClass }}" data-tablet="w-100" data-mobil="w-100">{{ page.content|raw }}</div>
  53.       {% if page.hardComponent %}
  54.         <div data-desktop="hidden" data-mobil="{{ skeleton.content.button_position_right_mobile }} {{ skeleton.content.button_design }}" data-tablet="{{ skeleton.content.button_position_right_tablet }} {{ skeleton.content.button_design }}" data-target="sidebar" data-toggle="tr-x-100" style="z-index: 9999;">
  55.           {% include 'svg/menu.svg' %}
  56.         </div>
  57.         <div class="rel {{ skeleton.content.column_width }}" style="background:var(--app-color-body);" data-mobil="fixed right-0 top-0 over-hidden trans-1 {{ skeleton.content.column_width_mobile }}" data-tablet="fixed w-25 right-0 top-0 over-hidden trans-1 {{ skeleton.content.column_width_tablet }}" id="sidebar">
  58.           <div id="grid-cancel">{{ page.hardComponent.content|raw }}</div>
  59.         </div>
  60.       {% endif %}
  61.     </div>
  62.   {% endif %}
  64.   {% if page.isContact == true %}
  65.     {{ render(controller('App\\Controller\\BaseController::contact')) }}
  66.   {% endif %}
  67.   {% if page.javascriptAdd is not empty %}
  68.     <script src="{{ page.javascriptAdd }}"></script>
  69.   {% endif %}
  70. {% endblock %}