templates/page/home.html.twig line 32

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% macro agenda() %}
  5.     <div class="agenda">
  6.         <h2>
  7.             <a class="change-agenda previous" href="#" title="événements précédents"><i class="fas fa-hand-point-left fa-xs"></i></a>
  8.             Agenda
  9.             <a class="change-agenda next" href="#" title="événements suivants"><i class="fas fa-hand-point-right fa-xs"></i></a>
  10.         </h2>
  11.         <p class="mb-0 mt-0 text-center">
  12.             <a href="{{ path('suggestEvent') }}">Proposer un événement</a>
  13.         </p>
  14.         <div class="agenda-dyn-content">
  15.             {# {{ render(controller('App\\Controller\\EventController::agendaFromTo', {})) }} #}
  16.             {% set baseDateStr = "now"|date("Y-m-d_H-i-s") %}
  17.             {{ render(controller('App\\Controller\\AgendaController::agendaStepByStep', {stepNb: 10, offset: 0, baseDateStr: baseDateStr})) }}
  18.         </div>
  19.         <p class="mt-3 text-center">
  20.             {# <a class="change-agenda previous btn btn-dark btn-icig btn-sm" href="#">Jours précédents</a>
  21.             <a class="change-agenda next btn btn-dark btn-icig btn-sm" href="#">Jours suivants</a>
  22.             <br/><br/> #}
  23.             <a class="btn btn-dark btn-icig btn-sm" href="{{path("agenda")}}">Tout l'agenda</a>
  24.         </p>
  25.     </div>
  26. {% endmacro %}
  27. {% macro themes() %}
  28.     <div class="themes-search">
  29.         <h2>Thèmes</h2>
  30.         {# <p>Cliquez sur un thème :</p> #}
  31.         <div class="row row-cols-lg-2 row-cols-md-6 row-cols-sm-4 row-cols-3 themes">
  32.             {{ render(controller('App\\Controller\\ThemeController::showThemes')) }}
  33.         </div>
  34.     </div>
  35. {% endmacro %}
  36. {% macro tags() %}
  37.     <div class="recherche">
  38.         <h2>Mots-clés</h2>
  39.         {# {{ form(searchForm) }} #}
  40.         {{ render(controller('App\\Controller\\TagController::showTagForm')) }}
  41.     </div>
  42. {% endmacro %}
  44. {% import _self as selfm %}
  46. {# {% block title %}Ici grenoble : une média pratique pour Grenoble et ses environs!{% endblock %} #}
  47. {% block title %}{{ page.title|replace({ '<br>':'' }) }}{% endblock %}
  49. {% block stylesheets %}
  50.     {{ parent() }}
  51.     {{ encore_entry_link_tags('home') }}
  52. {% endblock %}
  54. {% set bodyClass = "home" %}
  55. {% block body %}
  56. {# <h1>S'informer autrement sur Grenoble et ses environs</h1> #}
  58.     <div class="row">
  59.         <div class="col-lg-3 col-12 left-column">
  60.             <h2>Bienvenue</h2>
  61.             <div class="bienvenue">
  62.                 {% if is_granted('ROLE_EDITOR') %}
  63.                     {% set url = ea_url()
  64.                         .setController('App\\Controller\\Admin\\PageCrudController')
  65.                         .setAction('edit')
  66.                         .setEntityId(page.id) %}
  67.                     <p><a class="adm-link" href="{{ url }}" target="_blank">administrer la page</a></p>
  68.                 {% endif %}
  69.                 {{ page.content|raw }}
  70.             </div>
  72.             <div class="d-none d-sm-block d-md-block d-lg-none">
  73.                 <!-- visible only on small and medium device ≥576px & <992px -->
  74.                 {# hidden smartphones : d-md-none d-lg-block, visible only smartphone : d-none d-md-block d-lg-none cf https://getbootstrap.com/docs/4.6/utilities/display/ #}
  75.                 {{ selfm.agenda() }}
  76.             </div>
  77.             {# <div class="carte">
  78.                 <h2>Cartes de Grenoble</h2>
  79.                 <a href="{{ path('carte') }}" class="text-center">
  80.                     <img src="/image/divers/carte.png" alt="carte de grenoble" class="img-fluid mb-2"><br/>
  81.                     <span>Trouver un lieu..<span>
  82.                 </a>
  83.             </div>
  84.             <div class="publications">
  85.                 <h2 class="text-center">Publications</h2>
  86.                 <ul class="text-left">
  87.                     {% for item in publications %}
  88.                         <li>
  89.                             <a href="{{path('showArticleBySlug', {slug:item.slug})}}">{{item.title}}</a>
  90.                         </li>
  91.                     {% endfor %}
  92.                 </ul>
  93.                 <p class="text-center">
  94.                     <a class="btn btn-dark btn-icig btn-sm" href="{{path('publicationsList')}}">Toutes les publications</a>
  95.                 </p>
  96.             </div> #}
  97.             <div class="d-none d-lg-block d-xl-block">
  98.                 <!-- visible only on large device ≥992px -->
  99.                 {# hidden smartphones : d-md-none d-lg-block, visible only smartphone : d-none d-md-block d-lg-none cf https://getbootstrap.com/docs/4.6/utilities/display/ #}
  100.                 {{ selfm.themes() }}
  101.             </div>
  102.             <div class="d-none d-lg-block d-xl-block">
  103.                 <!-- visible only on large device ≥992px -->
  104.                 {# hidden smartphones : d-md-none d-lg-block, visible only smartphone : d-none d-md-block d-lg-none cf https://getbootstrap.com/docs/4.6/utilities/display/ #}
  105.                 {{ selfm.tags() }}
  106.             </div>
  107.             
  108.         </div>
  110.         <div class="col-lg-6 col center-column">
  111.             <div class="alaune clearfix">
  112.                 <p class="text-center mb-2">À la une</p>
  113.                 {% set une = articlesUne|first %}
  114.                 <a class="widget-link" href="{{path('showArticleBySlug', {slug:une.slug})}}">
  115.                     <h2 class="text-center mb-3">{{ une.title|raw }}</h2>
  116.                     {% if une.medias is not empty %}
  117.                         {# <img class="thumbnail" src="/image/articles/apercu/yachts.jpg" alt="apercu article"> #}
  118.                         {# {% set media = articleUne.medias|first %}
  119.                         {{ dump(media) }}
  120.                         {% if media.file is not null %}
  121.                             <img class="thumbnail" src="{{ media.file }}" alt="{{ media.description }}">
  122.                         {% endif %} #}
  123.                         {% include 'media/postMedias.html.twig' with {'medias': une.medias, 'mediasType': 'thumbnails' } %}
  124.                     {% endif %}
  125.                     <p>
  126.                         {# {{ une.content|raw|slice(0,1000)|striptags|replace({'&agrave;':'à', '&egrave;':'è', '&eacute;':'é', '&euml;':'ë' }) }} #}
  127.                         {# {{ une.content|raw|striptags|slice(0,500) }}
  128.                         {% if une.content|raw|striptags|length > 500 %}...{% endif %} #}
  129.                         {{ une.content|raw|striptags|u.truncate(400, '...', false) }}
  130.                         
  131.                     </p>
  132.                     <p class="text-right">
  133.                         <span class="btn btn-dark btn-icig btn-sm">Lire la suite</span>
  134.                     </p>
  135.                 </a>
  136.             </div>
  138.             <div class="actualites clearfix">
  139.                 <h2 class="text-center mb-3">Actualités</h2>
  140.                 {% set articlesUne = articlesUne|slice(1) %}{# on enlève le premier article qu'on affiche avant #}
  141.                 {% include 'common/listWithImages.html.twig' with {'entityType': 'article', 'entities': articlesUne, 'type': "une" } %}
  142.                 {# -> list without images
  143.                     <ul>
  144.                     {% for item in articlesUne %}
  145.                         <li> 
  146.                             <span class="badge badge-pill badge-secondary">
  147.                                 <i class="fa fa-eye"></i>
  148.                             </span>
  149.                             <a href="{{path('showArticleBySlug', {slug:item.slug, display:"image"})}}"><i class="fa fa-eye"></i>{{item.title}}
  150.                                 {% if is_granted('ROLE_ADMIN') %}(p:{{ item.priority }}){% endif %}
  151.                             </a> 
  152.                         </li>
  153.                     </ul>
  154.                 {% endfor %} #}
  155.                 <p class="text-right">
  156.                     <a class="btn btn-dark btn-icig btn-sm" href="{{path('aLaUneList')}}">Toutes les actualités</a>
  157.                 </p>
  158.             </div>
  160.             <div class="d-none d-sm-block d-md-block d-lg-none">
  161.                 <!-- visible only on small and medium device ≥576px & <992px -->
  162.                 {# hidden smartphones : d-md-none d-lg-block, visible only smartphone : d-none d-md-block d-lg-none cf https://getbootstrap.com/docs/4.6/utilities/display/ #}
  163.                 {{ selfm.themes() }}
  164.             </div>
  165.             <div class="d-none d-sm-block d-md-block d-lg-none">
  166.                 <!-- visible only on small and medium device ≥576px & <992px -->
  167.                 {# hidden smartphones : d-md-none d-lg-block, visible only smartphone : d-none d-md-block d-lg-none cf https://getbootstrap.com/docs/4.6/utilities/display/ #}
  168.                 {{ selfm.tags() }}
  169.             </div>
  171.             <div class="articles-fond">
  172.                 <h2 class="text-center mb-3">Analyses</h2>
  173.                 {% include 'common/listWithImages.html.twig' with {'entityType': 'article', 'entities': articlesFond, 'type': "une" } %}
  174.                 {# -> list without images
  175.                     <ul>
  176.                     {% for item in articlesFond %}
  177.                         <li> 
  178.                             <span class="badge badge-pill badge-secondary">
  179.                                 <i class="fa fa-cube"></i>
  180.                             </span>
  181.                             <a href="{{path('showArticleBySlug', {slug:item.slug, display:"image"})}}"><i class="fa fa-cube"></i>{{item.title}}
  182.                                 {% if is_granted('ROLE_ADMIN') %}(p:{{ item.priority }}){% endif %}
  183.                             </a> 
  184.                         </li>
  185.                     </ul>
  186.                 {% endfor %} #}
  187.                 <p class="text-right">
  188.                     <a class="btn btn-dark btn-icig btn-sm" href="{{path('articlesFondList')}}">Toutes les analyses</a>
  189.                 </p>
  190.             </div>
  191.         </div>
  193.         <div class="col-lg-3 col-12 right-column">
  194.             {# <div class="d-md-none d-lg-block">
  195.                 <p class="text-center">
  196.                     <a class="btn btn-icig btn-md inverted" href="{{path('makeDonation')}}">Faire un don</a>
  197.                 </p>
  198.             </div> #}
  199.             <div class="d-none d-lg-block d-xl-block">
  200.                 <!-- visible only on large device ≥992px -->
  201.                 {# hidden smartphones : d-md-none d-lg-block, visible only smartphone : d-none d-md-block d-lg-none cf https://getbootstrap.com/docs/4.6/utilities/display/ #}
  202.                 {{ selfm.agenda() }}
  203.             </div>
  204.         </div>
  205.     </div>
  206. {% endblock %}
  208. {% block javascripts %}
  209.     {{ parent() }}
  210.     {{ encore_entry_script_tags('home') }}
  211. {% endblock %}