templates/pages/default.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% block page_class %}
  5. page
  6. {% endblock %}
  8. {% block content %}
  10. {% for row in content.rows %}
  11. {% set rowStyles = {
  12. 'margin-top': row.marginTop is not null ? row.marginTop ~ row.marginUnit : null,
  13. 'margin-bottom': row.marginBottom is not null ? row.marginBottom ~ row.marginUnit : null,
  14. 'margin-left': row.marginLeft is not null ? row.marginLeft ~ row.marginUnit : null,
  15. 'margin-right': row.marginRight is not null ? row.marginRight ~ row.marginUnit : null,
  16. 'padding-top': row.paddingTop is not null ? row.paddingTop ~ row.paddingUnit : null,
  17. 'padding-bottom': row.paddingBottom is not null ? row.paddingBottom ~ row.paddingUnit : null,
  18. 'padding-left': row.paddingLeft is not null ? row.paddingLeft ~ row.paddingUnit : null,
  19. 'padding-right': row.paddingRight is not null ? row.paddingRight ~ row.paddingUnit : null
  20. }|filter((value) => value is not null) %}
  22. <div class="{{ row.isFullWidth ? 'container-fluid' : 'container' }}" style="{{ rowStyles|map((v, k) => k ~ ':' ~ v)|join('; ') }}">
  23. <div class="row">
  24. {% set rowView = view.rows[loop.index0] ?? {} %}
  26. {% for column in row.columns %}
  27. {% set columnView = rowView.columns[loop.index0] ?? {} %}
  28. {% set colSizeLarge = column.colSizeLarge|default(12) %}
  29. {% set colSizeMedium = column.colSizeMedium|default(12) %}
  30. {% set colSizeSmall = column.colSizeSmall|default(12) %}
  31. {% set colSizeVerySmall = column.colSizeVerySmall|default(12) %}
  33. {% set columnStyles = {
  34. 'margin-top': column.marginTop is not null ? column.marginTop ~ column.marginUnit : null,
  35. 'margin-bottom': column.marginBottom is not null ? column.marginBottom ~ column.marginUnit : null,
  36. 'margin-left': column.marginLeft is not null ? column.marginLeft ~ column.marginUnit : null,
  37. 'margin-right': column.marginRight is not null ? column.marginRight ~ column.marginUnit : null,
  38. 'padding-top': column.paddingTop is not null ? column.paddingTop ~ column.paddingUnit : null,
  39. 'padding-bottom': column.paddingBottom is not null ? column.paddingBottom ~ column.paddingUnit : null,
  40. 'padding-left': column.paddingLeft is not null ? column.paddingLeft ~ column.paddingUnit : null,
  41. 'padding-right': column.paddingRight is not null ? column.paddingRight ~ column.paddingUnit : null,
  42. 'background-color': column.backgroundColorColumn is not null and column.backgroundColorColumn is not empty ? column.backgroundColorColumn : 'initial',
  43. 'border-radius': column.borderRadiusColumn is not null ? column.borderRadiusColumn ~ column.borderRadiusColumnUnit : null
  44. }|filter((value) => value is not null) %}
  46. {% set isLayoutGutter = colSizeLarge == 1 and (column.contentBlocks is not defined or column.contentBlocks is empty) %}
  47. <div class="col-lg-{{ colSizeLarge }} col-md-{{ colSizeMedium }} col-sm-{{ colSizeSmall }} col-xs-{{ colSizeVerySmall }}{% if isLayoutGutter %} layout-gutter{% endif %} column-animated{% if column.entranceAnimation is defined and column.entranceAnimation is not empty %} animate-{{ column.entranceAnimation }}{% endif %}" data-animation="{{ column.entranceAnimation|default('') }}" style="{{ columnStyles|map((v, k) => k ~ ':' ~ v)|join('; ') }}"{% if isLayoutGutter %} aria-hidden="true"{% endif %}{% if column.idColumn is defined and column.idColumn is not empty %} id="{{ column.idColumn }}"{% endif %}>
  48. {% for block in column.contentBlocks %}
  49. {% set blockView = columnView.contentBlocks[loop.index0] ?? {} %}
  50. {% include 'pages/_blocks/' ~ block.type ~ '.html.twig' with {
  51. content: block,
  52. view: blockView,
  53. blocksData: blocksData,
  54. blockIndex: loop.index0,
  55. marginTopBlock: block.snippetMarginTop is not null ? block.snippetMarginTop ~ block.snippetMarginTopUnit : "0px"
  56. } %}
  57. {% endfor %}
  58. </div>
  59. {% endfor %}
  60. </div>
  61. </div>
  62. {% endfor %}
  65. {% if view.snippet is defined and view.snippet is not empty %}
  66. {% set loadedSnippet = sulu_snippet_load(view.snippet.uuid).content|replace_translate_variables %}
  67. {% set snippetTemplate = view.snippet.template %}
  68. {% endif %}
  69. {% endblock %}
  71. {% block javascripts %}
  72. {{ parent() }}
  73. {# {{ encore_entry_script_tags('home') }}#}
  74. {# Les animations de colonnes sont gérées dans assets/website/js/common/column-animations.js #}
  75. {% endblock %}