templates/api/blocks/articles-preview-content.html.twig line 1

Open in your IDE?
  1. {% if articleContent.contributors is defined and articleContent.contributors is not empty %}
  2.     {% set contributors = articleContent.contributors %}
  3. {% endif %}
  4. {% if articleContent.readtime is defined and articleContent.readtime is not empty %}
  5.     {% set readtime = articleContent.readtime %}
  6. {% endif %}
  7. {% if articleContent.header_img is defined and articleContent.header_img is not empty %}
  8.     {% set img = articleContent.header_img %}
  9. {% endif %}
  11. <div class="preview-header">
  12.     {% if img is defined and img is not empty %}
  13.         {% include "blocks/previews/img/image.html.twig" %}
  14.     {% else %}
  15.         {% include "blocks/previews/img/default-image.html.twig" %}
  16.     {% endif %}
  17.     {% if article.template == "analyses" or article.template == "guides_outils" %}
  18.         <div class="background-color-blue"></div>
  19.     {% endif %}
  20.     <p class="fs14 lh20 dflex aic">
  21.         {% if article.template == "analyses" %}
  22.             Analyse
  23.         {% elseif article.template == "guides_outils" %}
  24.             Guide / Outil
  25.         {% else %}
  26.             Article
  27.         {% endif %}
  28.     </p>
  29. </div>
  30. <div class="preview-content{% if article.template != " articles" %} dflex fdc{% endif %}">
  31.     {% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
  32.     <a href="{{ sulu_content_path(routePath) }}" class="cblue nodeco{% if article.template != " articles" %} reverse{% endif %}">
  33.         <div class="fw500 fs20 preview-h3 lh28 mt-8px">{{ title }}</div>
  34.     </a>
  35.     {% if chapo is defined and chapo is not empty %}
  36.         {% set number = 0 %}
  37.         {% if categories is defined and categories is not empty and title is defined and title is not empty %}
  38.             {% if (categories|length == 3 and title|length < 90) or (categories|length == 2 and title|length >= 90) %}
  39.                 {% set number = 137 %}
  40.             {% elseif (categories|length == 3 and title|length > 90) or (categories|length == 2 and title|length > 90) %}
  41.                 {% set number = 87 %}
  42.             {% else %}
  43.                 {% set number = 192 %}
  44.             {% endif %}
  45.         {% endif %}
  46.         <div class="lh24 preview-chapo">
  47.             {{ chapo|slice(0, number)|striptags|raw }}
  48.             {% if chapo|length > number %}
  49.                 ...
  50.                 <a href="{{ sulu_content_path(routePath) }}" class="cgrey">Lire la suite</a>
  51.             {% endif %}
  52.         </div>
  54.     {% endif %}
  55. </div>
  56. <div class="mta">
  57.     <div class="mt-12px">
  58.         <div class="dflex jcsb mt-8px">
  59.             <div class="preview-contributors">
  60.                 {% include "users/contributorDisplay.html.twig" with {author: sulu_resolve_contact(article.author)} %}
  61.             </div>
  62.             {% if readtime is defined and readtime is not empty %}
  63.                 <div class="cgrey fs14 lh20">{{ readtime }}
  64.                     min de lecture
  65.                 </div>
  66.             {% endif %}
  67.         </div>
  68.     </div>
  69.     {% if article.authored is defined and article.authored is not empty %}
  70.         <span class="cgrey fs14 lh20">Publié le
  71.             {{ article.authored|format_datetime('short', 'none', locale='fr') }}
  72.         </span>
  73.     {% endif %}
  74. </div>