templates/commons/sidebar.html.twig line 1

Open in your IDE?
  1. <aside id="sidebar" class="{% if themePage is defined %} theme-page {% endif %}" >
  2.   <button id="closeSidebar">
  3.     <i class="fa-solid fa-xmark"></i>
  4.   </button>
  5.   {% if categoryActu is defined and categoryActu|length > 0 %}
  6.     <div class="block actus">
  7.       <h2>
  8.         <span class="icon">
  9.           <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  10.             <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" stroke="#515462" stroke-width="1.5"/>
  11.           </svg>
  12.         </span>
  13.         Catégories
  14.       </h2>
  15.       <nav>
  16.         <ul class="container-actus">
  17.           <li class="actu" data-link>
  18.             <a href="{{ path('app_actuality_list') }}" class="link-arrow">
  19.               <i class="fa-solid fa-chevron-right"></i>
  20.               Voir toutes les actualités
  21.             </a>
  22.           </li>
  23.           {% for category in categoryActu %}
  24.             <li class="actu" data-link>
  25.               <a href="{{ path('app_actuality_list', {'category': category.slug}) }}" class="link-arrow">
  26.                 <i class="fa-solid fa-chevron-right"></i>
  27.                 {{ category.name }}
  28.               </a>
  29.             </li>
  30.           {% endfor %}
  31.         </ul>
  32.       </nav>
  33.     </div>
  34.   {% endif %}
  35.   {% if page.pagesAssociates is defined and page.pagesAssociates|length > 0 or page.compositionAssociate is defined and page.compositionAssociate or page.fullMemberAssociate is defined and page.fullMemberAssociate or page.departementAssociate is defined and page.departementAssociate or page.partnerAssociate is defined and page.partnerAssociate or page.publicationAssociate is defined and page.publicationAssociate or page.theseAssociate is defined and page.theseAssociate or page.actualityAssociate is defined and page.actualityAssociate or page.definitionAssociate is defined and page.definitionAssociate or page.joinAssociate is defined and page.joinAssociate or page.aboutAssociate is defined and page.aboutAssociate or page.manuelAssociate is defined and page.manuelAssociate %}
  36.   <div class="block page">
  37.     <h2>
  38.       <span class="icon">
  39.         <svg class="page" width="32" height="28" viewBox="0 0 32 28" fill="none" xmlns="http://www.w3.org/2000/svg">
  40.           <path d="M0.75 3.33336C0.75 2.38811 1.51628 1.62183 2.46154 1.62183H29.5385C30.4837 1.62183 31.25 2.38811 31.25 3.33336V10.718V24.6667C31.25 25.612 30.4837 26.3782 29.5385 26.3782H2.46154C1.51628 26.3782 0.75 25.612 0.75 24.6667V10.718V3.33336Z" stroke="#515462" stroke-width="1.5"/>
  41.           <circle cx="6.56388" cy="6.61539" r="1.64103" fill="#515462"/>
  42.           <circle cx="10.6664" cy="6.61539" r="1.64103" fill="#515462"/>
  43.         </svg>
  44.       </span>
  45.       Pages associées
  46.     </h2>
  47.     <nav>
  48.       <ul class="links">
  49.         {% if page.pagesAssociates|length > 0 %}
  50.           {% for pageLink in page.pagesAssociates %}
  51.             <li>
  52.               {% if pageLink.themePublication %}
  53.                 <a class="link-arrow" href="{{ path('app_page_show', {'slugTheme': 'publication', 'slugPage': pageLink.slug}) }}">
  54.                   <i class="fa-solid fa-chevron-right"></i>
  55.                   {{ pageLink.title }}
  56.                 </a>
  57.               {% else %}
  58.                 <a class="link-arrow" href="{{ path('app_page_show', {'slugTheme': pageLink.theme.slug, 'slugPage': pageLink.slug}) }}">
  59.                   <i class="fa-solid fa-chevron-right"></i>
  60.                   {{ pageLink.title }}
  61.                 </a>
  62.               {% endif %}
  63.             </li>
  64.           {% endfor %}
  65.         {% endif %}
  66.         {% if page.aboutAssociate is defined and page.aboutAssociate %}
  67.           <li>
  68.             <a class="link-arrow" href="{{ path('app_about_index') }}">
  69.               <i class="fa-solid fa-chevron-right"></i>
  70.               A propos
  71.             </a>
  72.           </li>
  73.         {% endif %}
  74.         {% if page.compositionAssociate is defined and page.compositionAssociate %}
  75.           <li>
  76.             <a class="link-arrow" href="{{ path('app_composition_index') }}">
  77.               <i class="fa-solid fa-chevron-right"></i>
  78.               Composition
  79.             </a>
  80.           </li>
  81.         {% endif %}
  82.         {% if page.fullMemberAssociate is defined and page.fullMemberAssociate %}
  83.           <li>
  84.             <a class="link-arrow" href="{{ path('app_full_member_page_index') }}">
  85.               <i class="fa-solid fa-chevron-right"></i>
  86.               Membres titulaires
  87.             </a>
  88.           </li>
  89.         {% endif %}
  90.         {% if page.departementAssociate is defined and page.departementAssociate %}
  91.           <li>
  92.             <a class="link-arrow" href="{{ path('app_departement_index') }}">
  93.               <i class="fa-solid fa-chevron-right"></i>
  94.               Départements
  95.             </a>
  96.           </li>
  97.         {% endif %}
  98.         {% if page.partnerAssociate is defined and page.partnerAssociate %}
  99.           <a class="link-arrow" href="{{ path('app_partenaire_page_index') }}">
  100.             <i class="fa-solid fa-chevron-right"></i>
  101.             Partenaires
  102.           </a>
  103.         {% endif %}
  104.         {% if page.publicationAssociate is defined and page.publicationAssociate %}
  105.           <li>
  106.             <a class="link-arrow" href="{{ path('app_publication_list') }}">
  107.               <i class="fa-solid fa-chevron-right"></i>
  108.               Les Publications
  109.             </a>
  110.           </li>
  111.         {% endif %}
  112.         {% if page.theseAssociate is defined and page.theseAssociate %}
  113.           <li>
  114.             <a class="link-arrow" href="{{ path('app_these_list') }}">
  115.               <i class="fa-solid fa-chevron-right"></i>
  116.               Les thèses
  117.             </a>
  118.           </li>
  119.         {% endif %}
  120.         {% if page.actualityAssociate is defined and page.actualityAssociate %}
  121.           <li>
  122.             <a class="link-arrow" href="{{ path('app_actuality_list') }}">
  123.               <i class="fa-solid fa-chevron-right"></i>
  124.               Actualités
  125.             </a>
  126.           </li>
  127.         {% endif %}
  128.         {% if page.definitionAssociate is defined and page.definitionAssociate %}
  129.           <li>
  130.             <a class="link-arrow" href="{{ path('app_definition_page_index') }}">
  131.               <i class="fa-solid fa-chevron-right"></i>
  132.               Les définitions
  133.             </a>
  134.           </li>
  135.         {% endif %}
  136.         {% if page.manuelAssociate is defined and page.manuelAssociate %}
  137.           <li>
  138.             <a class="link-arrow" href="{{ path('app_manuel_page_index') }}">
  139.               <i class="fa-solid fa-chevron-right"></i>
  140.               Les manuels
  141.             </a>
  142.           </li>
  143.         {% endif %}
  144.         {% if page.joinAssociate is defined and page.joinAssociate %}
  145.           <li>
  146.             <a class="link-arrow" href="{{ path('app_join_index') }}">
  147.               <i class="fa-solid fa-chevron-right"></i>
  148.               Adhérer
  149.             </a>
  150.           </li>
  151.         {% endif %}
  153.       </ul>
  154.     </nav>
  155.   </div>
  156.   {% endif %}
  157.   {% if page.documentAssociates is defined and page.documentAssociates|length > 0 %}
  158.     <div class="block document">
  159.       <h2>
  160.       <span class="icon">
  161.         <svg width="21" height="26" viewBox="0 0 21 26" fill="none" xmlns="http://www.w3.org/2000/svg">
  162.           <path d="M0.75 3C0.75 1.75736 1.75736 0.75 3 0.75H13.5601L17.0757 4.33461L20.25 7.93072V23C20.25 24.2426 19.2426 25.25 18 25.25H3C1.75736 25.25 0.75 24.2426 0.75 23V3Z" stroke="#515462" stroke-width="1.5"/>
  163.         </svg>
  164.       </span>
  165.         Fichiers associés
  166.       </h2>
  167.       <div class="container-files">
  168.         {% for document in page.documentAssociates %}
  169.           <div class="file" data-link="blank">
  170.             <div class="icon">
  171.               {% if document.documentExtension == 'pdf' %}
  172.                 <i class="fa-regular fa-file-pdf"></i>
  173.               {% elseif document.documentExtension == 'png' or document.documentExtension == 'jpg' or document.documentExtension == 'jpeg' %}
  174.                 <i class="fa-regular fa-file-image"></i>
  175.               {% elseif document.documentExtension == 'doc' or document.documentExtension == 'docx' %}
  176.                 <i class="fa-regular fa-file-word"></i>
  177.               {% elseif document.documentExtension == 'xls' or document.documentExtension == 'xlsx' %}
  178.                 <i class="fa-regular fa-file-excel"></i>
  179.               {% elseif document.documentExtension == 'ppt' or document.documentExtension == 'pptx' %}
  180.                 <i class="fa-regular fa-file-powerpoint"></i>
  181.               {% else %}
  182.                 <i class="fa-regular fa-file"></i>
  183.               {% endif %}
  184.             </div>
  185.             <div class="info">
  186.               <a href="{{ vich_uploader_asset(document, 'documentFile') }}" target="_blank">{{ document.title }}</a>
  187.               <span>{{ document.documentExtension }} ({{ (document.documentSize / 1024)|number_format(0, ',', ' ') }} Ko)</span>
  188.             </div>
  189.           </div>
  190.         {% endfor %}
  191.       </div>
  192.     </div>
  193.   {% endif %}
  194.   {% if page.actualitiesAssociates is defined and page.actualitiesAssociates|length > 0 %}
  195.     <div class="block actus">
  196.       <h2>
  197.         <span class="icon">
  198.           <svg class="actu" width="31" height="28" viewBox="0 0 31 28" fill="none" xmlns="http://www.w3.org/2000/svg">
  199.             <path d="M24.2 6.35892V3.45892C24.2 2.0861 23.0871 0.973206 21.7143 0.973206H3.48571C2.11289 0.973206 1 2.0861 1 3.45892V24.5875C1 25.9603 2.11289 27.0732 3.48571 27.0732H24.2M24.2 6.35892H27.5143C28.8871 6.35892 30 7.47181 30 8.84463V24.5875C30 25.9603 28.8871 27.0732 27.5143 27.0732H24.2M24.2 6.35892V27.0732" stroke="#515462" stroke-width="1.5"/>
  200.             <rect x="6.38477" y="6.35889" width="12.4286" height="2.48571" rx="1.24286" fill="#515462"/>
  201.             <rect x="9.69922" y="12.1589" width="9.11429" height="2.48571" rx="1.24286" fill="#515462"/>
  202.           </svg>
  203.         </span>
  204.         Actualités associées
  205.       </h2>
  206.       <nav>
  207.         <ul class="container-actus">
  208.           {% for actuality in page.actualitiesAssociates %}
  209.             <li class="actu" data-link>
  210.               <span class="subTitle">{{ actuality.category.name }} - {{ formatDateMoisAnnee(actuality.createdAt) }}</span>
  211.               <a href="{{ path('app_actuality_show', {"slug": actuality.slug}) }}" class="link-arrow">
  212.                 <i class="fa-solid fa-chevron-right"></i>
  213.                 {{ actuality.title }}
  214.               </a>
  215.             </li>
  216.           {% endfor %}
  217.         </ul>
  218.       </nav>
  219.     </div>
  220.   {% endif %}
  221.   {% if page.theseAssociates is defined and page.theseAssociates|length > 0 %}
  222.     <div class="block actus">
  223.       <h2>
  224.         <span class="icon">
  225.           <svg class="actu" width="22" height="27" viewBox="0 0 22 27" fill="none" xmlns="http://www.w3.org/2000/svg">
  226.             <rect x="4.71484" y="13.6338" width="12.5714" height="2.35714" rx="1.17857" fill="#515462"/>
  227.             <rect x="4.71484" y="19.1338" width="12.5714" height="2.35714" rx="1.17857" fill="#515462"/>
  228.             <path d="M0.75 2.63351C0.75 1.74591 1.46954 1.02637 2.35714 1.02637H14.2251L17.92 4.72133L21.25 8.42131V24.6335C21.25 25.5211 20.5305 26.2407 19.6429 26.2407H2.35714C1.46954 26.2407 0.75 25.5211 0.75 24.6335V2.63351Z" stroke="#515462" stroke-width="1.5"/>
  229.           </svg>
  230.         </span>
  231.         Thèses associées
  232.       </h2>
  233.       <nav>
  234.         <ul class="container-actus">
  235.           {% for these in page.theseAssociates %}
  236.             <li class="actu" data-link>
  237.               <span class="subTitle">{{ formatDateMoisAnnee(these.date) }}</span>
  238.               <a href="{{ path('app_these_show', {"slug": these.slug}) }}" class="link-arrow">
  239.                 <i class="fa-solid fa-chevron-right"></i>
  240.                 {{ these.title }}
  241.               </a>
  242.             </li>
  243.           {% endfor %}
  244.         </ul>
  245.       </nav>
  246.     </div>
  247.   {% endif %}
  248.   {% if page.publicationAssociates is defined and page.publicationAssociates|length > 0 %}
  249.     <div class="block actus">
  250.       <h2>
  251.         <span class="icon">
  252.           <svg class="actu" width="22" height="27" viewBox="0 0 22 27" fill="none" xmlns="http://www.w3.org/2000/svg">
  253.             <rect x="4.71484" y="13.6338" width="12.5714" height="2.35714" rx="1.17857" fill="#515462"/>
  254.             <rect x="4.71484" y="19.1338" width="12.5714" height="2.35714" rx="1.17857" fill="#515462"/>
  255.             <path d="M0.75 2.63351C0.75 1.74591 1.46954 1.02637 2.35714 1.02637H14.2251L17.92 4.72133L21.25 8.42131V24.6335C21.25 25.5211 20.5305 26.2407 19.6429 26.2407H2.35714C1.46954 26.2407 0.75 25.5211 0.75 24.6335V2.63351Z" stroke="#515462" stroke-width="1.5"/>
  256.           </svg>
  257.         </span>
  258.         Publications associées
  259.       </h2>
  260.       <nav>
  261.         <ul class="container-actus">
  262.           {% for publication in page.publicationAssociates %}
  263.             <li class="actu" data-link>
  264.               <span class="subTitle">{{ formatDateMoisAnnee(publication.date) }}</span>
  265.               <a href="{{ path('app_publication_show', {"slug": publication.slug}) }}" class="link-arrow">
  266.                 <i class="fa-solid fa-chevron-right"></i>
  267.                 {{ publication.title }}
  268.               </a>
  269.             </li>
  270.           {% endfor %}
  271.         </ul>
  272.       </nav>
  273.     </div>
  274.   {% endif %}
  275.   {% if page.contactPositions is defined and page.contactPositions|length > 0 %}
  276.     <div class="block contact">
  277.       <h2>
  278.         <span class="icon">
  279.           <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
  280.             <rect x="0.75" y="0.75" width="24.5" height="24.5" rx="2.25" stroke="#515462" stroke-width="1.5"/>
  281.             <circle cx="13" cy="9.75" r="2.5" stroke="#515462" stroke-width="1.5"/>
  282.             <path d="M19.5 19.9062H6.5C6.5 18.5521 7.8 15.8438 13 15.8438C18.2 15.8438 19.5 18.5521 19.5 19.9062Z" stroke="#515462" stroke-width="1.5"/>
  283.           </svg>
  284.         </span>
  285.         Vos contacts
  286.       </h2>
  287.       <div class="container-contact">
  288.         {% for contactPosition in page.contactPositions %}
  289.           {% set contact = contactPosition.contact %}
  290.           <div class="contact {% if contact.email %}hoverable{% endif %}" {% if contact.email %}data-link{% endif %}>
  291.             <div class="container-image">
  292.               {% if contact.photoName %}
  293.                 <img src="{{ vich_uploader_asset(contact, 'photoFile')| imagine_filter('thumbnail_contact') }}" alt="{{ contact.photoAlt }}">
  294.               {% endif %}
  295.             </div>
  296.             <div class="info">
  297.               <h3>{{ contact.firstname }} {{ contact.name }}</h3>
  298.               <p class="role">{{ contact.role }}</p>
  299.               {% if contact.phone %}
  300.                 <p class="phone">
  301.                   <i class="fa-solid fa-phone"></i>
  302.                   {{ contact.phone }}
  303.                 </p>
  304.               {% endif %}
  305.               {% if contact.email %}
  306.                 <p class="email">
  307.                   <i class="fa-solid fa-envelope"></i>
  308.                   <a href="{{ contact.email|mailto(true) }}">{{ contact.email|mailto }}</a>
  309.                 </p>
  310.               {% endif %}
  311.             </div>
  312.           </div>
  313.         {% endfor %}
  314.       </div>
  315.     </div>
  316.   {% endif %}
  318. </aside>
  319. <button id="openSidebar" class="btn default">
  320.   Liens et fichiers associés
  321. </button>