templates/refonte/_includes/journal-datatable.html.twig line 1

Open in your IDE?
  1. {% import '_includes/paginate.html.twig' as pagination %}
  2. {% set path=path('registre_user') %}
  3. <table class="table mb-4" id="results-table-journal"> {# table-responsive #}
  4.     <thead>
  5.     <tr>
  6.         <th scope="col" class="th-journal filter-input" data-column="0">Journal name  <i class="fa fa-sort" data-sort="0"></i></th>
  7.         <th scope="col" class="filter-input" data-column="1">Publisher  <i class="fa fa-sort" data-sort="1"></i></th>
  8.         <th scope="col" class="eissn-th filter-input" data-column="2">E-ISSN  <i class="fa fa-sort" data-sort="2"></i></th>
  9.         {%  if app.user %}
  10.             <th scope="col" class="filter-input" data-column="3">Country <i class="fa fa-sort" data-sort="3"></i></th>
  11.             <th scope="col" class="filter-input" data-column="4" style="width: 12%;">Quartile <i class="fa fa-sort" data-sort="4"></i></th>
  12.             <th scope="col" class="filter-input" data-column="5" style="width: 12%;">H-index <i class="fa fa-sort" data-sort="5"></i></th>
  13.         {% endif %}
  14.     </tr>
  15.     </thead>
  16.     <tbody>
  17.     {% for journal in journals %}
  18.         {%  if app.user %}
  19.             {% set path = path('journal_show', {'id': journal.id}) %}
  20.         {% endif %}
  21.         <tr class="table-data">
  22.             <th scope="row" class="jounal-title bg-transparent" style="text-align: center !important;">
  23.                 <a href="{{ path }}">
  24.                     {{ journal.title|raw }}
  25.                 </a>
  26.             </th>
  27.             <td>
  28.                 <a href="{{ path }}">
  29.                     {% if journal.publisher %}
  30.                         {{ journal.publisher  }}
  31.                     {% endif %}
  32.                 </a>
  33.             </td>
  34.             <td class="text-center">
  35.                 {% if journal.originalEISSN or journal.eissn %}
  36.                     <a href="{{ path }}">
  37.                         {{ journal.eissn }}
  38.                     </a>
  39.                 {% endif %}
  40.             </td>
  41.             {%  if app.user %}
  42.                 <td>
  43.                     <a href="{{ path('journal_show', {'id': journal.id}) }}">
  44.                         {{ journal.country }}
  45.                     </a>
  46.                 </td>
  47.                 <td>
  48.                     <a href="{{ path('journal_show', {'id': journal.id}) }}">
  49.                         {{ journal.quartile }}
  50.                     </a>
  51.                 </td>
  52.                 <td>
  53.                     <a href="{{ path('journal_show', {'id': journal.id}) }}">
  54.                         {{ journal.hIndex }}
  55.                     </a>
  56.                 </td>
  57.             {% endif %}
  58.         </tr>
  59.     {% endfor %}
  60.     </tbody>
  61. </table>
  63. {% if page is defined and pages is defined and app.user %}
  64.     <div class="container">
  65.         <div class="row text-right pagination-journals" style="float: right">
  66.             <div class="mt-3 col-md-12">
  67.                 {% set params= app.request.query.all %}
  68.                 {% set route= app.request.attributes.get('_route') %}
  69.                 {{ pagination.paginate(route,params, page, pages) }}
  70.             </div>
  71.         </div>
  72.     </div>
  73. {% elseif total > 10 %}
  74.     <div class="container no-pagination">
  75.         <div class="row text-right no-pagination-journals pagination-block">
  76.             <div class="mt-3 col-md-12 card-blur">
  77.                 {% set params= app.request.query.all %}
  78.                 {% set route= app.request.attributes.get('_route') %}
  79.                 {{ pagination.paginate(route,params, page, pages) }}
  80.             </div>
  81.                   <div class="mt-3 col-md-6 card overlay-text m-sm-auto">
  82.                             <div class="card-body ">
  83.                                 <div class="text-center">
  84.                                     <p>For more results, please <a href="{{ path('registre_user') }}" style="color: #F05A26 !important;">create an account or Login</a><br>
  85.                                         Access the next pages as a RG member<br>
  86.                                         <i class="fa fa-sharp fa-solid fa-check"></i>   Access all journals and their details<br>
  87.                                         <i class="fa fa-sharp fa-solid fa-check"></i>   Advanced search options
  88.                                     </p>
  89.                                 </div>
  90.                         </div>
  91.                  </div>
  92.         </div>
  93.     </div>
  94. {% endif %}
  96. {% block javascripts %}
  97. <script>
  98.     const blurredDiv = document.querySelector('.card-blur');
  99.     const links = blurredDiv.querySelectorAll('a');
  101.         links.forEach(link => {
  102.             link.addEventListener('click', (event) => {
  103.                 event.preventDefault(); // Disable link functionality
  104.             });
  105.             link.style.pointerEvents = 'none'; // Disable clicks
  106.             link.style.color = 'gray'; // Indicate disabled visually
  107.         });
  109. </script>
  110. {% endblock %}