templates/fronts/list_publications.html.twig line 1

  1. {% extends 'base_front.html.twig' %}
  3. {% block title %}Publications{% endblock %}
  5. {% block body %}
  7.     <section id="publications" class="py-5">
  8.     <div class="container">
  9.         <h2 class="section-title text-center mb-5">Publications</h2>
  10.         
  11.         <!-- Filtres améliorés -->
  12.         <div class="filter-container mb-5">
  13.             <form id="filterForm" class="filter-form">
  14.                 <div class="row g-3">
  15.                     <div class="col-md-4">
  16.                         <div class="filter-group">
  17.                             <label for="filterType" class="filter-label">Type de publication</label>
  18.                             <select id="filterType" class="form-select">
  19.                                 <option value="">Tous les types</option>
  20.                                 <option value="1">Conférence</option>
  21.                                 <option value="2">Journal</option>
  22.                                 <option value="3">Livre</option>
  23.                             </select>
  24.                         </div>
  25.                     </div>
  26.                     <div class="col-md-4">
  27.                         <div class="filter-group">
  28.                             <label for="filterStructure" class="filter-label">Structure de recherche</label>
  29.                             <select id="filterStructure" class="form-select">
  30.                                 <option value="">Toutes les structures</option>
  31.                                {% for structure in structures %}
  32.                                 <option value="{{ structure.id }}">{{ structure.nomLong }}</option>
  33.                             {% endfor %}
  34.                             </select>
  35.                         </div>
  36.                     </div>
  37.                     <div class="col-md-4">
  38.                         <div class="filter-group">
  39.                             <label for="filterYear" class="filter-label">Année de publication</label>
  40.                             <select id="filterYear" class="form-select">
  41.                                 <option value="">Toutes les années</option>
  42.                                 {% for annee in annees %}
  43.                                 <option value="{{ annee }}">{{annee }}</option>
  44.                             {% endfor %}
  45.                             </select>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.             </form>
  50.         </div>
  52.         <!-- Tableau amélioré -->
  53.         <div class="table-responsive">
  54.             <table class="publication-table">
  55.                 <thead>
  56.                     <tr>
  57.                         <th class="type-col">Type</th>
  58.                         <th class="title-col">Titre</th>
  59.                         <th class="authors-col">Auteurs</th>
  60.                         <th class="details-col">Détails</th>
  61.                     </tr>
  62.                 </thead>
  63.                 <tbody id="publicationContainer">
  65.                     {% for publication in publications %}
  66.                         <tr class="publication-row" data-type="{{ publication.revue }}" data-structure="{{ publication.structure.id }}" data-year="{{ publication.getAnnee }}">
  67.                             <td>
  68.                                 {% if publication.revue == 1 %}
  69.                                     <span class="publication-badge conference">Conférence</span>
  70.                                 {% elseif publication.revue == 2 %}
  71.                                     <span class="publication-badge journal">Journal</span>
  72.                                 {% elseif publication.revue == 3 %}
  73.                                     <span class="publication-badge book">Livre</span>
  74.                                 {% endif %}
  75.                             </td>
  76.                             <td><div class="publication-title">{{ publication.titre }}</div></td>
  77.                             <td>
  78.                                 <div class="publication-authors">
  79.                                     {% for aut in publication.auteur %}
  80.                                         <span class="author"><b>{{ aut.nom }}</b></span>
  81.                                      {% endfor %}
  82.                                 </div>
  83.                             </td>
  84.                             <td>
  85.                                 <div class="publication-details">
  86.                                     {% if publication.revue == 1 %}
  87.                                         {% if publication.titreConfr %}
  88.                                             <div class="detail-line"><span class="detail-label">Titre: </span><span class="detail-value">{{ publication.titreConfr }}</span></div>
  89.                                         {% endif  %}
  90.                                         {% if publication.getLieuConference %}
  91.                                             <div class="detail-line"><span class="detail-label">Lieu:</span> <span class="detail-value">{{ publication.getLieuConference }}</span></div>
  92.                                         {% endif  %}
  93.                                         {% if publication.getDateConference %}
  94.                                             <div class="detail-line"><span class="detail-label">Date:</span> <span class="detail-value">{{ publication.getDateConference|date('Y-m-d') }}</span></div>
  95.                                         {% endif  %}
  96.                                         <div class="detail-line"><span class="detail-label">DOI:</span> <a href="{{ publication.doi }}" target="_blank" class="doi-link">{{ publication.doi }}</a></div>
  97.                                         <div class="detail-line">
  98.                                             <span class="detail-label">Conf. Rank:</span>
  99.                                             <span class="quartile-badge q1">{% if publication.getRangConference == 1 %} A* 
  100.                                                 {% elseif publication.getRangConference == 2 %} A 
  101.                                                 {% elseif publication.getRangConference == 3 %} B 
  102.                                                 {% elseif publication.getRangConference == 4 %} C 
  103.                                             {% endif %}</span>
  104.                                         </div>
  105.                                     {% elseif publication.revue == 2 %}
  106.                                         {% if publication.titreJournal %}
  107.                                             <div class="detail-line"><span class="detail-label">Titre: </span><span class="detail-value">{{ publication.titreJournal }}</span></div>
  108.                                         {% endif  %}
  109.                                         {% if publication.volume %}
  110.                                             <div class="detail-line"><span class="detail-label">Volume:</span> <span class="detail-value">{{ publication.volume }}</span></div>
  111.                                         {% endif  %}
  112.                                         {% if publication.getPage %}
  113.                                             <div class="detail-line"><span class="detail-label">Page:</span> <span class="detail-value">{{ publication.getPage }}</span></div>
  114.                                         {% endif  %}
  115.                                         {% if publication.getAnnee %}
  116.                                             <div class="detail-line"><span class="detail-label">Annee: </span><span class="detail-value">{{ publication.getAnnee }}</span></div>
  117.                                         {% endif  %}
  118.                                         <div class="detail-line"><span class="detail-label">DOI:</span> <a href="{{ publication.doi }}" target="_blank" class="doi-link">{{ publication.doi }}</a></div>
  119.                                         <div class="detail-line">
  120.                                             <span class="detail-label">Quartile:</span>
  121.                                             <span class="quartile-badge q3">{% if publication.getQuartile == 1 %} Q1 
  122.                                                 {% elseif publication.getQuartile == 2 %} Q2 
  123.                                                 {% elseif publication.getQuartile == 3 %} Q3 
  124.                                                 {% elseif publication.getQuartile == 4 %} Q4
  125.                                             {% endif %}</span>
  126.                                         </div>
  127.                                         <span class="impact-factor">IF: {{ publication.getFacteurImpact }}</span>
  128.                                     {% elseif publication.revue == 3 %}
  129.                                         {% if publication.titreLivre %}
  130.                                             <div class="detail-line"><span class="detail-label">Titre: </span><span class="detail-value">{{ publication.titreLivre }}</span></div>
  131.                                         {% endif  %}
  132.                                         {% if publication.volume %}
  133.                                             <div class="detail-line"><span class="detail-label">Volume:</span> <span class="detail-value">{{ publication.volume }}</span></div>
  134.                                         {% endif  %}
  135.                                         {% if publication.getPage %}
  136.                                             <div class="detail-line"><span class="detail-label">Page:</span> <span class="detail-value">{{ publication.getPage }}</span></div>
  137.                                         {% endif  %}
  138.                                         {% if publication.getAnnee %}
  139.                                             <div class="detail-line"><span class="detail-label">Annee: </span><span class="detail-value">{{ publication.getAnnee }}</span></div>
  140.                                         {% endif  %}
  141.                     
  142.                                         <div class="detail-line"><span class="detail-label">DOI:</span> <a href="{{ publication.doi }}" target="_blank" class="doi-link">{{ publication.doi }}</a></div>
  143.                                     {% endif %}
  145.                                     {% if publication.description is not null %}
  146.                                     <div class="detail-line">
  147.                                         <a href="#" class="btn btn-sm btn-outline-secondary">
  148.                                             <i class="fas fa-info-circle me-1"></i> Détails
  149.                                         </a>
  150.                                         <span class="publication-description" style="display: none;">
  151.                                             {{ publication.description|raw }}
  152.                                         </span>
  153.                                     </div>
  154.                                        
  155.                                     {% endif %}
  156.                                 </div>
  157.                             </td>
  158.                         </tr>
  159.                     {% endfor %}
  161.                     
  162.                     <!-- Autres lignes avec le même format -->
  163.                     <!-- ... -->
  164.                 </tbody>
  165.             </table>
  166.         </div>
  168.      
  169.     </div>
  170. </section>
  173. <style>
  174.     .custom-badge {
  175.         padding: 5px 10px;
  176.         border-radius: 5px;
  177.         color: white;
  178.         font-weight: bold;
  179.     }
  180.     .custom-badge-warning { background-color: orange; }
  181.     .custom-badge-purple { background-color: purple; }
  182.     .custom-badge-blue { background-color: blue; }
  183.     .show-description-link {
  184.         cursor: pointer;
  185.         color: blue;
  186.         text-decoration: underline;
  187.     }
  188.     .publication-description {
  189.         display: none;
  190.         margin-top: 10px;
  191.     }
  192. </style>
  194. <script>
  195.     document.addEventListener('DOMContentLoaded', function() {
  196.         const filterForm = document.getElementById('filterForm');
  197.         const publicationRows = document.querySelectorAll('.publication-row');
  199.         function filterPublications() {
  200.             const type = document.getElementById('filterType').value;
  201.             const structure = document.getElementById('filterStructure').value;
  202.             const year = document.getElementById('filterYear').value;
  204.             publicationRows.forEach(row => {
  205.                 const rowType = row.getAttribute('data-type');
  206.                 const rowStructure = row.getAttribute('data-structure');
  207.                 const rowYear = row.getAttribute('data-year');
  208.                 let isVisible = true;
  210.                 if (type && rowType !== type) isVisible = false;
  211.                 if (structure && rowStructure !== structure) isVisible = false;
  212.                 if (year && rowYear !== year) isVisible = false;
  214.                 row.style.display = isVisible ? 'table-row' : 'none';
  215.             });
  216.         }
  218.         document.getElementById('filterType').addEventListener('change', filterPublications);
  219.         document.getElementById('filterStructure').addEventListener('change', filterPublications);
  220.         document.getElementById('filterYear').addEventListener('change', filterPublications);
  221.     });
  222. </script>
  224. {% endblock %}