templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Accueil{% endblock %}
  5. {% block body %}
  6.     <div class="container-fluid" {{ stimulus_controller('filtre-page-telechargements') }}>
  7.         <div class="row">
  8.             <div class="col-lg-3 col-md-4 col-12 mt-2">
  9.                 <div class="shadow-sm p-2 bg-white border rounded">
  10.                     <form >
  11.                         <label for="" class="text-center h6 d-block">
  12.                             Rechercher un fichier
  13.                         </label>
  14.                         <input type="text" class="form-control" placeholder="Rechercher ici"
  15.                                name="searchFile"
  16.                                 {{ stimulus_target('filtre-page-telechargements','inputSearch',) }}
  17.                                 {{ stimulus_action('filtre-page-telechargements','searchFile','input') }}>
  18.                         <input type="button" value="Retour à la liste" class="btn btn-primary mt-2 d-none"
  19.                                 {{ stimulus_target('filtre-page-telechargements','btnReset') }}
  20.                                 {{ stimulus_action('filtre-page-telechargements','resetSearch','click') }}>
  21.                         <br>
  22.                     </form>
  23.                 </div>
  24.                 <div class="shadow-sm p-2 bg-white border mt-2 rounded">
  25.                     <form action="">
  26.                         <label for="" class="text-center h6 d-block">
  27.                             Filtre par catégorie
  28.                         </label>
  29.                         <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" checked
  30.                                 {{ stimulus_action('filtre-page-telechargements','checkAllCat','click') }}>
  31.                         {% for categorie in listeCategories %}
  32.                             <div class="form-check">
  33.                                 <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" checked
  34.                                    data-categorie-id="{{ categorie.idCategorie }}"
  35.                                        {{ stimulus_action('filtre-page-telechargements','triCategorie','click') }}
  36.                                         {{ stimulus_target('filtre-page-telechargements','categorieCheckBox') }}>
  37.                                 <label class="form-check-label text-left" for="flexCheckDefault">
  38.                                     {{ categorie.nomCategorie }}
  39.                                 </label>
  40.                             </div>
  41.                         {% else %}
  42.                             <p class="text-center">Aucune catégorie disponible</p>
  43.                         {% endfor %}
  44.                     </form>
  45.                 </div>
  46.             </div>
  47.             <div class="col-lg-9 col-md-8 col-12 mt-2 mb-2">
  48.                 {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  49.                     <div class="alert alert-success">
  50.                         <i class="fas fa-circle-check"></i>
  51.                         Vous êtes connectés, tous les fichiers sont téléchargeables.
  52.                     </div>
  53.                 {% else %}
  54.                     <div class="alert alert-danger">
  55.                         <i class="fas fa-circle-exclamation"></i>
  56.                         Vous n'êtes pas connectés, vous ne pouvez pas accéder aux fichiers nécessitant
  57.                         un compte actif pour être téléchargés..
  58.                     </div>
  59.                 {% endif %}
  60.                 <div class="p-2 rounded">
  61.                     <p class="text-center h5"> Liste des fichiers</p>
  62.                     <div class="mt-5">
  63.                         {{ _self.renderCategories(listeCategories,listeFichiers) }}
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     </div>
  70.     {% macro renderCategories(categories,listeFichiers, indent = 0) %}
  71.         {% for categorie in categories %}
  72.             <div style="padding-left: {{ indent }}px;"
  73.                  data-categorie-id="{{ categorie.idCategorie }}"
  74.                     {{ stimulus_target('filtre-page-telechargements','categorieDiv') }}
  75.                  class="shadow-sm border bg-white rounded-top d-block mt-3 p-2">
  76.                 {{ categorie.nomCategorie }}
  77.                 <i class="fas fa-chevron-down pt-1  float-end" style="cursor:pointer;"
  78.                         {{ stimulus_action('filtre-page-telechargements','showDivFichier','click') }}>
  79.                 </i>
  80.             </div>
  81.             <div class="shadow-sm border rounded-bottom d-block p-2 pointer d-none"
  82.                     {{ stimulus_target('filtre-page-telechargements','divlisteFichier') }}
  83.                  id="{{ categorie.idCategorie }}">
  84.                 {% for fichier in listeFichiers %}
  85.                     {% if fichier.idCategorie.idCategorie == categorie.idCategorie %}
  86.                         {% if fichier.roleNeedToDl == 'aucun' or is_granted('IS_AUTHENTICATED_FULLY') %}
  87.                             <a class="m-0 p-0 nav-link" href="/telechargement/{{fichier.idFichier}}">
  88.                                 <div class="d-block m-2 p-2 border shadow-sm bg-white "
  89.                                  {{ stimulus_target('filtre-page-telechargements','divFichier') }}
  90.                             data-nom-fichier = "{{ fichier.nomFichier }}{{ fichier.typeFichier }}">
  91.                                 <p class="h6">
  92.                                     {{ fichier.nomFichier }}
  93.                                     <span class="float-end" style="margin-top:-2px;margin-right: -8px;">
  94.                                             {% if fichier.typeFichier == '.rar' %} <span class="type rar">RAR</span>
  95.                                             {% elseif fichier.typeFichier == '.pdf' %}<span class="type pdf">PDF</span>
  96.                                             {% elseif fichier.typeFichier == '.doc' %}<span class="type doc">DOC</span>
  97.                                             {% elseif fichier.typeFichier == '.xls' %}<span class="type xls">XLS</span>
  98.                                             {% elseif fichier.typeFichier == '.docx' %}<span class="type doc">DOCX</span>
  99.                                             {% elseif fichier.typeFichier == '.xlsx' %}<span class="type xls">XLSX</span>
  100.                                             {% elseif fichier.typeFichier == '.bin' %}<span class="type bin">BIN</span>
  101.                                             {% elseif fichier.typeFichier == '.csv' %}<span class="type csv">CSV</span>
  102.                                             {% elseif fichier.typeFichier == '.txt' %}<span class="type txt">TXT</span>
  103.                                             {% elseif fichier.typeFichier == '.png' %}<span class="type png">PNG</span>
  104.                                             {% elseif fichier.typeFichier == '.jpg' %}<span class="type jpg">JPG</span>
  105.                                             {% elseif fichier.typeFichier == '.jpeg' %}<span class="type jpeg">JPEG</span>
  106.                                             {% elseif fichier.typeFichier == '.svg' %}<span class="type svg">SVG</span>
  107.                                             {% elseif fichier.typeFichier == '.zip' %}<span class="type zip">ZIP</span>
  108.                                             {% elseif fichier.typeFichier == '.exe' %}<span class="type exe">EXE</span>
  109.                                             {% elseif fichier.typeFichier == '.gzip' %}<span class="type gzip">GZIP</span>
  110.                                             {% elseif fichier.typeFichier == '.tar' %}<span class="type tar">TAR</span>
  111.                                             {% endif %}
  112.                                         </span>
  113.                                 </p>
  114.                                 <small>
  115.                                     {{ fichier.textFichier }}
  116.                                 </small>
  117.                             </div>
  118.                             </a>
  119.                         {% else %}
  120.                             <div class="d-block m-2 p-2 border shadow-sm bg-white "
  121.                                     {{ stimulus_target('filtre-page-telechargements','divFichier') }}
  122.                                  data-nom-fichier = "{{ fichier.nomFichier }}{{ fichier.typeFichier }}">
  123.                                 <p class="h6">
  124.                                     <i class="fas fa-lock"></i> Nécessite d'être connecté pour télécharger
  125.                                 </p>
  126.                             </div>
  127.                         {% endif %}
  128.                     {% endif %}
  129.                 {% endfor %}
  130.             </div>
  131.             {% if categorie.idCategorieParente is not null %}
  132.                 {{ _self.renderCategories(categorie.idCategorieParente, indent + 10) }}
  133.             {% endif %}
  134.         {% endfor %}
  135.     {% endmacro %}
  136. {% endblock %}