73 lines
2.4 KiB
Twig
73 lines
2.4 KiB
Twig
{#
|
|
/**
|
|
* @file
|
|
* Theme override to display a block.
|
|
*
|
|
* Available variables:
|
|
* - plugin_id: The ID of the block implementation.
|
|
* - label: The configured label of the block if visible.
|
|
* - configuration: A list of the block's configuration values.
|
|
* - label: The configured label for the block.
|
|
* - label_display: The display settings for the label.
|
|
* - provider: The module or other provider that provided this block plugin.
|
|
* - Block plugin specific settings will also be stored here.
|
|
* - content: The content of this block.
|
|
* - attributes: array of HTML attributes populated by modules, intended to
|
|
* be added to the main container tag of this template.
|
|
* - id: A valid HTML ID and guaranteed unique.
|
|
* - title_attributes: Same as attributes, except applied to the main title
|
|
* tag that appears in the template.
|
|
* - title_prefix: Additional output populated by modules, intended to be
|
|
* displayed in front of the main title tag that appears in the template.
|
|
* - title_suffix: Additional output populated by modules, intended to be
|
|
* displayed after the main title tag that appears in the template.
|
|
*
|
|
* @see template_preprocess_block()
|
|
*/
|
|
#}
|
|
{%
|
|
set classes = [
|
|
'block',
|
|
'block-' ~ configuration.provider|clean_class,
|
|
'block-' ~ plugin_id|clean_class,
|
|
]
|
|
%}
|
|
<div{{ attributes.addClass(classes) }}>
|
|
{{ title_prefix }}
|
|
{% if label %}
|
|
{# <video autoplay muted loop id="myVideo">
|
|
<source src="rain.mp4" type="video/mp4">
|
|
</video> #}
|
|
<span><h2{{ title_attributes }}>{{ label }}</h2></span>
|
|
{% endif %}
|
|
{{ title_suffix }}
|
|
|
|
|
|
{% block content %}
|
|
{% if is_ressource_page %}
|
|
{# Affichage du carrousel uniquement sur les pages de type ressource #}
|
|
<div class="carousel">
|
|
<div class="main-image-block">
|
|
<div class="arrow left" id="prevArrow">←</div>
|
|
|
|
<div class="main-image-container">
|
|
<img id="mainImage" src="..." alt="Image principale">
|
|
<p id="caption" class="caption">Légende ici</p>
|
|
</div>
|
|
|
|
<div class="arrow right" id="nextArrow">→</div>
|
|
</div>
|
|
<div class="caption" id="caption"></div>
|
|
<div class="thumbnails-wrapper">
|
|
<div class="thumb-arrow up" id="thumbPrev">←</div>
|
|
<div class="thumbnails" id="thumbnails"></div>
|
|
<div class="thumb-arrow down" id="thumbNext">→</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
{{ content }}
|
|
{% endblock %}
|
|
</div>
|