Commit 3ae6a57d authored by Louis Paternault's avatar Louis Paternault
Browse files

Revert "[template] Amélioration du template « image » : certaines ne s'affichaient pas"

This reverts commit 9eed0dd0.
parent 1392946b
Pipeline #410940 passed with stages
in 51 seconds
...@@ -25,7 +25,7 @@ Les élèves prennent des notes ou recopient le tableau sur leur cahier. ...@@ -25,7 +25,7 @@ Les élèves prennent des notes ou recopient le tableau sur leur cahier.
> Ces relations peuvent être orientées (je «suis» l’actualité du PSG sur Twitter mais la réciproque n’est pas vraie) ou non orientées (Louis et François sont amis sur Facebook) > Ces relations peuvent être orientées (je «suis» l’actualité du PSG sur Twitter mais la réciproque n’est pas vraie) ou non orientées (Louis et François sont amis sur Facebook)
> {{ image("exemples.svg") }} > {{ image("exemples.svg", prefix=">") }}
> Sur le Web, un réseau social désigne une application qui : > Sur le Web, un réseau social désigne une application qui :
......
{% macro image(src, caption="", url="") -%} {% macro image(src, caption="", url="", prefix="") -%}
<div class="row-fluid"> <div class="row-fluid">
<div class="col-10 offset-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3"> <div class="col-10 offset-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
{%- set image = site.get(this.path + "/" + src) -%} {%- set image = site.get(this.path + "/" + src) %}
{%- if not image -%} <figure class="figure mx-auto">
{# Si l'image ne peut pas être trouvée. On suppose ici que l'image est relative. #} <a href="{% if image.url %}{{ image.url }}{% elif url %}{{ url }}{% else %}{{ image|url }}{% endif %}">
{%- set imageurl = this|url + src -%} <img src="{{ image|url }}" class="img-thumbnail" alt="{{ image.alt }}" style="width:100%">
{%- else -%} </a>
{%- set imageurl = image|url -%} <figcaption class="figure-caption">
{%- endif -%} {%- if caption -%}
<figure class="figure mx-auto"> {{ caption|safe }}
<a href="{% if image.url %}{{ image.url }}{% elif url %}{{ url }}{% else %}{{ imageurl }}{% endif %}"> {%- elif image.html_caption -%}
<img src="{{ imageurl }}" class="img-thumbnail" alt="{{ image.alt }}" style="width:100%"> {{ image.html_caption|safe}}
</a> {%- endif -%}
<figcaption class="figure-caption"> </figcaption>
{%- if caption -%} </figure>
{{ caption|safe }} </div>
{%- elif image.html_caption -%} </div>
{{ image.html_caption|safe}}
{%- endif -%}
</figcaption>
</figure>
</div>
</div>
{%- endmacro %} {%- endmacro %}
{% macro carousel(images, caption="") -%} {% macro carousel(images, caption="") -%}
...@@ -31,25 +25,19 @@ ...@@ -31,25 +25,19 @@
<div id="myCarousel{{ carouselid }}" class="carousel slide bg-inverse" > <div id="myCarousel{{ carouselid }}" class="carousel slide bg-inverse" >
<!-- <!--
<ol class="carousel-indicators"> <ol class="carousel-indicators">
{% for src in images %} {% for image in images %}
<li data-target="#myCarousel{{ carouselid }}" data-slide-to="{{ loop.index0 }}" {% if loop.first %} class="active" {% endif %}></li> <li data-target="#myCarousel{{ carouselid }}" data-slide-to="{{ loop.index0 }}" {% if loop.first %} class="active" {% endif %}></li>
{% endfor %} {% endfor %}
</ol> </ol>
--> -->
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
{%- for src in images -%} {%- for image in images -%}
{%- set image = site.get(this.record.path + "/" + src) -%} {% set image = site.get(this.record.path + "/" + image) %}
{%- if not image -%}
{# Si l'image ne peut pas être trouvée. On suppose ici que l'image est relative. #}
{%- set imageurl = this|url + src -%}
{%- else -%}
{%- set imageurl = image|url -%}
{%- endif -%}
<div class="carousel-item {% if loop.first %} active {% endif %}"> <div class="carousel-item {% if loop.first %} active {% endif %}">
<img class="d-block w-100" src="{{ imageurl }}" alt="First slide"> <img class="d-block w-100" src="{{ image|url }}" alt="First slide">
<div class="carousel-caption"> <div class="carousel-caption">
{% if image.html_caption -%} {% if image.html_caption -%}
<p>{{ image.html_caption|safe }}</p> <p>{{ image.html_caption }}</p>
{%- endif %} {%- endif %}
</div> </div>
</div> </div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment