templates/front/Search/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'Search' %}
  4. {% block stylesheets %}
  5.   {{ parent() }}
  6.   {{ encore_entry_link_tags('pages') }}
  7.   {{ encore_entry_link_tags('definitions') }}
  8. {% endblock %}
  10. {% block body %}
  11.   <div id="breadcrumbToPlace" class="container">
  13.     <div class="links">
  14.       <a href="{{ path('app_homepage') }}"><i class="fa-solid fa-house"></i></a>
  15.       <span> / </span>
  16.       <span class="active theme-page">résultats de votre recherche</span>
  17.     </div>
  18.     <div class="title">
  19.       <h1 class="titleTraitLeft">Résultats de votre recherche</h1>
  20.     </div>
  21.   </div>
  22.   <div id="content" class="container reverse">
  23.     <div id="sections">
  24.       <h2>Il y a <span class="blue">{{ result.lengthTotal }}</span> résultat{{ (result.lengthTotal > 1) ? "s" : '' }}
  25.         pour
  26.         <span class="orange">"{{ query }}"</span>
  27.       </h2>
  28.       {% for key, group in result %}
  29.         {% if key != 'lengthTotal' %}
  30.           <div id="searchAccordeon{{ key }}" class="c-accordion" data-component="accordion">
  31.             <div role="heading" aria-level="3">
  32.               <div id="accordion-trigger-{{ loop.index0 }}" class="c-accordion__trigger"
  33.                    {% if (key == 'actualities' and pageDefined.actualities)
  34.                       or (key == 'pages' and pageDefined.pages)
  35.                       or (key == 'theses' and pageDefined.theses)
  36.                       or (key == 'publications' and pageDefined.publications)
  37.                      or (key == 'definitions' and pageDefined.publications)
  38.                    %}
  39.                      data-open="true"
  40.                    {% endif %}
  41.                    data-controls="accordion-panel-{{ loop.index0 }}">
  42.                 <h2>{{ group.title|capitalize }} ({{ group.length }})</h2>
  43.                 <i class="icon fa-solid fa-chevron-right"></i>
  44.               </div>
  45.             </div>
  46.             <div id="accordion-panel-{{ loop.index0 }}" class="c-accordion__panel">
  47.               <div class="containerParagraphs">
  48.                 {% if key == "publications" or key == 'theses' %}
  49.                   <div class="paragraph publications">
  50.                     <div class="container-publications">
  51.                       {% for item in group.data %}
  52.                         <div class="publication no-theme" data-link>
  53.                           <div class="content">
  54.                             <span class="subTitle">{{ formatDateMoisAnnee(item.date) }}</span>
  55.                             <h3>{{ item.title }}</h3>
  56.                             <p class="author">{{ item.author }}</p>
  57.                             {% if key == 'publications' %}
  58.                               <a href="{{ path('app_publication_show', {'slug': item.slug}) }}"></a>
  59.                             {% elseif key == 'theses' %}
  60.                               <a href="{{ path('app_these_show', {'slug': item.slug}) }}"></a>
  61.                             {% endif %}
  62.                           </div>
  63.                         </div>
  64.                       {% endfor %}
  65.                     </div>
  66.                   </div>
  67.                 {% elseif key == "actualities" %}
  68.                   <div class="container-acualities-list">
  69.                     {% for actuality in group.data %}
  70.                       <div class="actuality" data-link>
  71.                         <div class="container-img">
  72.                           {% if actuality.illustrationName and actuality.illustrationName != "defaultactu.png" %}
  73.                             <img src="{{ vich_uploader_asset(actuality, 'illustrationFile') }}" alt="{{ actuality.illustrationAlt }}">
  74.                           {% else %}
  75.                             <img src="{{ asset('images/defaultactu.png') }}" alt="Illustration actualité">
  76.                           {% endif %}
  77.                           {% if actuality.labels|length > 0 %}
  78.                             <span class="tag">{{ actuality.labels[0].name }}</span>
  79.                           {% endif %}
  80.                         </div>
  81.                         <div class="content">
  82.                           <span class="subTitle">{{ actuality.category }} - {{ formatDateMoisAnnee(actuality.createdAt) }}</span>
  83.                           <h2>{{ actuality.title }}</h2>
  84.                           <p>{{ actuality.resume }}</p>
  85.                           <a href="{{ path('app_actuality_show', {'slug': actuality.slug}) }}" class="link-arrow right">
  86.                             Lire l'article
  87.                             <i class="fa-solid fa-chevron-right"></i>
  88.                           </a>
  89.                         </div>
  90.                       </div>
  91.                     {% endfor %}
  92.                   </div>
  93.                 {% elseif key == "pages" %}
  94.                   <div class="paragraph publications">
  95.                     <div class="container-publications">
  96.                       {% for item in group.data %}
  97.                         <div class="publication no-theme" data-link>
  98.                           <div class="content">
  99.                             <span class="subTitle">{{ item.themePublication ? "Les publications de la sfmg" : item.theme.name }}</span>
  100.                             <div class="containerTitle">
  101.                               <h3>{{ item.title }}</h3>
  102.                               {% if item.themePublication %}
  103.                                 <a href="{{ path('app_page_show', {'slugPage': item.slug, 'slugTheme': 'publication' }) }}">Voir la page <i class="fas fa-chevron-right"></i></a>
  104.                               {% else %}
  105.                                 <a href="{{ path('app_page_show', {'slugPage': item.slug, 'slugTheme': item.theme.slug }) }}">Voir la page <i class="fas fa-chevron-right"></i></a>
  106.                               {% endif %}
  107.                             </div>
  108.                           </div>
  109.                         </div>
  110.                       {% endfor %}
  111.                     </div>
  112.                   </div>
  113.                 {% elseif key == "definitions" %}
  114.                   <div class="definitions">
  115.                     <div class="container-letters">
  116.                       <div class="letter-accordion">
  117.                         <div class="container-definitions">
  118.                           {% for definition in group.data %}
  119.                             <div class="definition">
  120.                               <h3>{{ definition.name }}</h3>
  121.                               <div class="description">{{ definition.definition|raw }}</div>
  122.                               <div class="container-cta">
  123.                                 {% if definition.pdfName %}
  124.                                   <a href="{{ vich_uploader_asset(definition, 'pdfFile') }}" target="_blank"  class="btn default"><span>{{ definition.pdfLibelle ? definition.pdfLibelle : definition.pdfName }} - {{ definition.pdfExtension }} ({{ definition.pdfSize/1000 }}ko)</span></a>
  125.                                 {% endif %}
  126.                                 {% if definition.secondPdfName %}
  127.                                   <a href="{{ vich_uploader_asset(definition, 'secondPdfFile') }}" target="_blank"  class="btn default"><span>{{ definition.secondPdfLibelle ? definition.secondPdfLibelle : definition.secondPdfName }} - {{ definition.secondPdfExtension }} ({{ definition.secondPdfSize/1000 }}ko)</span></a>
  128.                                 {% endif %}
  129.                               </div>
  130.                             </div>
  131.                           {% endfor %}
  132.                         </div>
  133.                       </div>
  134.                     </div>
  135.                   </div>
  137.                 {% endif %}
  138.               </div>
  139.             </div>
  140.           </div>
  142.         {% endif %}
  143.       {% endfor %}
  144.     </div>
  145.     <div id="sidebar">
  146.       <div class="block filtersSearch">
  147.         <h2>
  148.           <span class="icon">
  149.             <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  150.               <path d="M11.65 18.1926V25.4C11.65 27.2501 13.1498 28.75 15 28.75C16.8502 28.75 18.35 27.2502 18.35 25.4V18.1926C18.35 17.5959 18.5871 17.0236 19.009 16.6016L27.6517 7.95901C28.3549 7.25575 28.75 6.30192 28.75 5.30736V5C28.75 2.92893 27.0711 1.25 25 1.25H5C2.92893 1.25 1.25 2.92893 1.25 5V5.30736C1.25 6.30192 1.64509 7.25575 2.34835 7.95901L10.991 16.6017C11.4129 17.0236 11.65 17.5959 11.65 18.1926Z"
  151.                     stroke="#515462" stroke-width="1.5"/>
  152.             </svg>
  153.           </span>
  154.           Filtres
  155.         </h2>
  156.         <div class="links">
  157.           <button class="link-arrow filterSearchButton" data-target="searchAccordeonactualities" type="button">
  158.             <i class="fa-solid fa-chevron-right"></i>
  159.             Actualités ({{ result.actualities.length }})
  160.           </button>
  161.           <button class="link-arrow filterSearchButton" data-target="searchAccordeonpages" type="button">
  162.             <i class="fa-solid fa-chevron-right"></i>
  163.             Pages ({{ result.pages.length }})
  164.           </button>
  165.           <button class="link-arrow filterSearchButton" data-target="searchAccordeontheses" type="button">
  166.             <i class="fa-solid fa-chevron-right"></i>
  167.             Thèses ({{ result.theses.length }})
  168.           </button>
  169.           <button class="link-arrow filterSearchButton" data-target="searchAccordeonpublications" type="button">
  170.             <i class="fa-solid fa-chevron-right"></i>
  171.             Publications ({{ result.publications.length }})
  172.           </button>
  173.           <button class="link-arrow filterSearchButton" data-target="searchAccordeondefinitions" type="button">
  174.             <i class="fa-solid fa-chevron-right"></i>
  175.             Définitions ({{ result.definitions.length }})
  176.           </button>
  177.         </div>
  178.       </div>
  179.     </div>
  180.   </div>
  181. {% endblock %}
  183. {% block javascripts %}
  184.   {{ parent() }}
  185.   {{ encore_entry_script_tags('pages') }}
  186. {% endblock %}