templates/default/galeria.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body_id 'homepage' %}
  5. {% block javascripts %}
  6. {{ parent() }}
  7. {{ encore_entry_script_tags('showGallery') }}
  8. {% endblock %}
  10. {#
  11. the homepage is a special page which displays neither a header nor a footer.
  12. this is done with the 'trick' of defining empty Twig blocks without any content
  13. #}
  14. {% block header %}{% endblock %}
  15. {% block footer %}{% endblock %}
  16. {% set heroImgPath = '/build/images/heroes/' %}
  18. {% block body %}
  19. <div class="galeria">
  20.     <div class="header-template">
  21.         <h2> Наші Герої</h1>
  22.         <p class="lead mb-0">Борися з <s>хамами</s> порушниками любими законними методами. Побачив порушника - скинь фотку :)</p>
  23.     </div>
  24.     <div class="row mb-4 ms-2 me-2 justify-content-between">
  25.         {% for hero in heros %}
  27.         <div class="card">
  28.             {% if is_mobile() %}
  29.                 <a href="{{ heroImgPath ~ hero.heroFileName }}" class="col-sm-4 parking-data-toggle-lightbox">
  30.                     <img src="{{ heroImgPath ~ hero.heroFileName }}" class="img-fluid card-img-top hero">
  31.                 </a>
  32.             {% else %}
  33.                 <a href="{{ heroImgPath ~ hero.heroFileName }}" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4 parking-data-toggle-lightbox">
  34.                     <img src="{{ heroImgPath ~ hero.heroFileName }}" class="img-fluid card-img-top hero">
  35.                 </a>
  36.             {% endif %}
  39.             <div class="card-body d-flex flex-column">
  40.                 <h5 class="card-title"><b>{{ hero.heroName }}</b></h5>
  41.                 {% if(hero.heroDescription|length < 100) %}
  42.                     <p>{{ hero.heroDescription }} </p>
  43.                 {% else %}
  44.                     {% set left_text = hero.heroDescription|slice(100, -1) %}
  45.                     {% set small_text = hero.heroDescription|slice(0, 100) %}
  46.                 <span> {{ small_text }} </span>
  47.                 <div class="collapse" id="collapseExample-{{loop.index}}">
  48.                     <span class="smart">
  49.                         {{ left_text }}
  50.                     </span>
  51.                 </div>
  53.                 <a data-bs-toggle="collapse" href="#collapseExample-{{loop.index}}" role="button" aria-expanded="false" aria-controls="collapseExample">
  54.                 </a>
  56.                 {% endif %}
  58.                 <p class="card-text">
  59.                 <small class="text-muted">Змінено {{  hero.updatedAt|ago }}</small>
  60.                 </p>
  61.                 <a href="/hero/{{hero.id}}" class="btn btn-primary show-details mt-auto">Деталі</a>
  62.             </div>
  63.         </div>
  64.         {% if loop.index % 3 == 0 %}
  65.     </div>
  66.     <div class="row mb-4 ms-2 me-2 justify-content-between">
  67.         {% endif %}
  68.         {% endfor %}
  69.         <div class="card" onclick="window.location='/hero/new'">
  70.             <div class="card-body d-flex align-items-center">
  71.                 <img src="{{ asset('build/images/file_plus_icon.png') }}" class="card-img-bottom">
  72.             </div>
  73.         </div>
  75.     </div>
  77.     {% endblock %}