templates/timeline.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ timeline.title }} | {{ parent() }}{% endblock %}
  5. {% block metas %}
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  8.     <meta property="og:site_name" content="{{ timeline.title }} | RCmag Live" />
  9.     <meta property="og:url" content="https://www.rcmag.live/{{ timeline.slug }}" />
  10.     <meta property="og:image" content="https://www.rcmag.live/img/header/{{ timeline.header }}" />
  11. {% endblock %}
  13. {% block stylesheets %}
  14.     {{ parent() }}
  15.     <link href="{{ asset('css/timeline.css') }}" rel="stylesheet" />
  16. {% endblock %}
  18. {% block javascripts %}
  19.     {{ parent() }}
  20.     <script src="{{ asset('js/timeline.js') }}"></script>
  21. {% endblock %}
  23. {% block header %}
  24. <header style="background-image: url({{ vich_uploader_asset(timeline, 'headerFile') }});">
  25.     <div class="container-fluid">
  26.         <div></div>
  27.         <div class="row header-text">
  28.             <div class="col-md-4"><a class="logo" href="/">RCmag Live</a></div>
  29.             <div class="col-md-8"><h1>{{ timeline.title }}</h1></div>
  30.         </div>
  31.     </div>
  32. </header>
  33. {% endblock %}
  35. {% block body %}
  36. <div class="container-fluid">
  37.     <ul class="timeline">
  38.         {% for article in timeline.articles %}
  39.         <li{% if (loop.index % 2) == 0 %} class="timeline-inverted"{% endif %}>
  40.             <div class="timeline-badge"><a href="#" data-toggle="tooltip" data-placement="{% if (loop.index % 2) == 0 %}left{% else %}right{% endif %}" title="{{ article.addedAt | date('d/m/Y H:i') }}"><i class="far fa-dot-circle"></i></a></div>
  41.             <div class="timeline-panel">
  42.                 {% if article.videoHost %}<a class="timeline-video" target="_blank" href="https://www.youtube.com/watch?v={{ article.videoId }}">{% endif %}
  43.                 {% if article.picture %}
  44.                     <img class="img-fluid" src="{{ vich_uploader_asset(article, 'pictureFile') }}" />
  45.                 {% elseif article.videoHost == 'youtube' %}
  46.                     <img class="img-fluid" src="https://img.youtube.com/vi/{{ article.videoId }}/maxresdefault.jpg" />
  47.                 {% endif %}
  48.                 {% if article.videoHost %}</a>{% endif %}
  49.                 <div class="timeline-heading">
  50.                     <h4 class="timeline-title">{{ article.title }}</h4>
  51.                 </div>
  52.                 {% if article.text != '<p>&nbsp;</p>' %}<div class="timeline-body">
  53.                     {{ article.text | raw }}
  54.                 </div>{% endif %}
  55.             </div>
  56.         </li>
  57.         {% endfor %}
  58.         <li class="clearfix" style="float: none;"></li>
  59.     </ul>
  60. </div>
  61. {% endblock %}