templates/Nordinfo/Main/organisations.html.twig line 1

Open in your IDE?
  1. {% extends 'Nordinfo/Main/base.html.twig' %}
  2. {% block title %}{{ title }} - Nord Info 
  3. {% endblock %}
  4. {% block body_class %}body-contacts
  5. {% endblock %}
  6. {% block header_epingles %}
  7.   {{ include('Lenord/Main/parts/epingles.html.twig') }}
  8. {% endblock %}
  9. {% block header_breadcrumb %}
  10.   {{ include('Nordinfo/Main/parts/breadcrumb.html.twig') }}
  11. {% endblock %}
  12. {% block body %}
  13.   <main role="main" class="mainContent pt-5" id="mainContent" tabindex="-1" data-aria-hidden-by-modal>
  14.     {% if referer is not null %}
  15.       {% set url_back = referer %}
  16.     {% else %}
  17.       {% set url_back = path('info') %}
  18.     {% endif %}
  19.     {% include 'Nordinfo/Main/parts/back_btn.html.twig' with {'back_btn_class':'_list-page'} %}
  20.     <div class="container">
  21.       <div class="containerPageHeader">
  22.         <h1>Liste des organisations</h1>
  23.         <div class="text-center"><strong>{{ filter_title}}</strong></div>
  24.       </div>
  25.     </div>
  26.     <hr class="hrBrown mb-0 mt-0">
  27.     <div class="filtersBarContainer">
  28.       <div class="container">
  29.         <div class="__inner">
  30.           <div class="__col-filters">
  31.             <div class="filtersBar">
  32.               <ul>
  33.                 <li {% if app.request.query.all['search'] is not defined and app.request.query.all['territoire_id'] is not defined %}class="active"{% endif %}>
  34.                   <a href="{{ path('organisations', {'type':type_}) }}" {% if app.request.query.all['search'] is not defined and app.request.query.all['territoire_id'] is not defined %}aria-current="true"{% endif %}>
  35.                     <svg aria-hidden="true" focusable="false" id="Layer_1" class="__icon" data-name="Layer 1"
  36.                          xmlns="http://www.w3.org/2000/svg"
  37.                          viewbox="0 0 32.2 39.1">
  38.                       <path class="cls-1"
  39.                             d="M29.4,0H2.7A2.69,2.69,0,0,0,0,2.7V33.3H0v3.1a2.69,2.69,0,0,0,2.7,2.7H29.5a2.69,2.69,0,0,0,2.7-2.7V2.5A2.82,2.82,0,0,0,29.4,0ZM7.9,27.2a2.9,2.9,0,1,1,2.9-2.9A2.9,2.9,0,0,1,7.9,27.2Zm0-8.3A2.9,2.9,0,1,1,10.8,16,2.9,2.9,0,0,1,7.9,18.9Zm0-8.3a2.9,2.9,0,1,1,2.9-2.9A2.9,2.9,0,0,1,7.9,10.6ZM28.1,24.4A2.05,2.05,0,0,1,26,26.5H15.2a2.05,2.05,0,0,1-2.1-2.1V24a2.05,2.05,0,0,1,2.1-2.1H26A2.05,2.05,0,0,1,28.1,24Zm.7-8.3a2.05,2.05,0,0,1-2.1,2.1H15.3a2.05,2.05,0,0,1-2.1-2.1v-.3a2.05,2.05,0,0,1,2.1-2.1H26.7a2.05,2.05,0,0,1,2.1,2.1Zm0-8.2A2.05,2.05,0,0,1,26.7,10H15.3a2.05,2.05,0,0,1-2.1-2.1V7.6a2.05,2.05,0,0,1,2.1-2.1H26.7a2.05,2.05,0,0,1,2.1,2.1Z"/>
  40.                     </svg>
  41.                     <svg aria-hidden="true" focusable="false" version="1.1" id="Layer_1"
  42.                          xmlns="http://www.w3.org/2000/svg"
  43.                          xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 93.1 69.5"
  44.                          style="enable-background:new 0 0 93.1 69.5;" xml:space="preserve" class="__check">
  45.                         <g>
  46.                           <g>
  47.                             <path d="M93.1,11.8C93.1,12,93,12.2,93,12.4c-0.2,0.8-0.6,1.6-1.2,2.2C73.9,32.4,56.1,50.2,38.2,68.1c-1.8,1.8-4.8,1.8-6.6,0
  48.                                                                                                                                                                                           C21.6,58,11.5,47.9,1.4,37.8c-1.9-1.9-1.9-4.8,0-6.6C3.6,29,5.8,26.8,8,24.6c1.8-1.8,4.7-1.8,6.6,0c6.7,6.7,13.3,13.3,20,20
  49.                                                                                                                                                                                           c0.1,0.1,0.2,0.3,0.4,0.5c0.2-0.2,0.3-0.4,0.4-0.6C49.7,30.2,64.1,15.8,78.5,1.5c2-2,4.8-2,6.8,0c2.1,2.1,4.3,4.3,6.4,6.4
  50.                                                                                                                                                                                           c0.8,0.8,1.2,1.6,1.4,2.7c0,0,0,0.1,0.1,0.1C93.1,11,93.1,11.4,93.1,11.8z"/>
  51.                           </g>
  52.                         </g>
  53.                       </svg>
  54.                     <span>Liste complète</span>
  55.                   </a>
  56.                 </li>
  57.                 <li {% if app.request.query.all['territoire_id'] is defined %}class="active"{% endif %}>
  58.                   <a href="#" data-toggle="modal" data-target="#modalOrganisationsFilter" {% if app.request.query.all['territoire_id'] is defined %}aria-current="true"{% endif %}>
  59.                     <svg aria-hidden="true" focusable="false" id="Layer_1" data-name="Layer 1" class="__icon"
  60.                          xmlns="http://www.w3.org/2000/svg"
  61.                          viewbox="0 0 22.37 34.9">
  62.                       <path class="cls-1"
  63.                             d="M21.52,16.5a12.14,12.14,0,0,0,.2-8.4,6.94,6.94,0,0,0-.5-1.3c-.1-.2-.1-.3-.2-.5a2.51,2.51,0,0,0-.4-.7,2.19,2.19,0,0,0-.3-.5l-.6-.9a10.6,10.6,0,0,0-6.6-4h0A7.49,7.49,0,0,0,11,0a10.26,10.26,0,0,0-8.4,4.5v.1A12,12,0,0,0,.92,16.7c2.4,6.3,6,11.8,10.3,18.2,3.5-5.1,7-10.4,9.4-16.2A8.49,8.49,0,0,0,21.52,16.5Zm-9.9-.1h-.5a4.91,4.91,0,0,1-4.5-4.9,5.08,5.08,0,0,1,5-5,5,5,0,0,1,4.9,4.9A5.13,5.13,0,0,1,11.62,16.4Z"/>
  64.                     </svg>
  65.                     <svg aria-hidden="true" focusable="false" version="1.1" id="Layer_1"
  66.                          xmlns="http://www.w3.org/2000/svg"
  67.                          xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 93.1 69.5"
  68.                          style="enable-background:new 0 0 93.1 69.5;" xml:space="preserve" class="__check">
  69.                         <g>
  70.                           <g>
  71.                             <path d="M93.1,11.8C93.1,12,93,12.2,93,12.4c-0.2,0.8-0.6,1.6-1.2,2.2C73.9,32.4,56.1,50.2,38.2,68.1c-1.8,1.8-4.8,1.8-6.6,0
  72.                                                                                                                                                                                           C21.6,58,11.5,47.9,1.4,37.8c-1.9-1.9-1.9-4.8,0-6.6C3.6,29,5.8,26.8,8,24.6c1.8-1.8,4.7-1.8,6.6,0c6.7,6.7,13.3,13.3,20,20
  73.                                                                                                                                                                                           c0.1,0.1,0.2,0.3,0.4,0.5c0.2-0.2,0.3-0.4,0.4-0.6C49.7,30.2,64.1,15.8,78.5,1.5c2-2,4.8-2,6.8,0c2.1,2.1,4.3,4.3,6.4,6.4
  74.                                                                                                                                                                                           c0.8,0.8,1.2,1.6,1.4,2.7c0,0,0,0.1,0.1,0.1C93.1,11,93.1,11.4,93.1,11.8z"/>
  75.                           </g>
  76.                         </g>
  77.                       </svg>
  78.                     <span>Filtre géographique</span>
  79.                   </a>
  80.                 </li>
  81.               </ul>
  82.             </div>
  83.           </div>
  84.           <div class="__col-search">
  85.             <form action="{{ path('search_organisation', {"type": type_}) }}" class="formSearchMain form">
  86.               <label class="sr-only" for="inputSearch">Recherche</label>
  87.               <div class="__input-wrapper">
  88.                 <input name="search" type="text" id="inputSearch" placeholder="Rechercher"
  89.                        class="form-control __input-search">
  90.                 <button type="submit" class="__btn-search">
  91.                   <img src="{{ asset('img/brandmaster/icon-search-le-nord.svg') }}" alt="" aria-hidden="true">
  92.                   <span class="sr-only">Recherche</span>
  93.                 </button>
  94.               </div>
  95.             </form>
  96.           </div>
  97.         </div>
  98.       </div>
  99.     </div>
  100.     <hr class="hrBrown mb-0 mt-0">
  101.     <div class="containerContactsList">
  102.       <div class="__inner">
  103.         <div class="__col-contacts">
  104.           <div class="container">
  105.             <ul>
  106.               {% for contact in  contacts %}
  107.                 <li>
  108.                   <a href="{{ path('organisation_detail', {'id': contact.id}) }}" class="itemContact"
  109.                      data-first-letter="{{ contact.title|first }}">
  110.                     <div class="__inner">
  111.                       <div class="__col-img">
  112.                         <div class="__img"
  113.                              style="background-image:url('{{ asset('img/icons/organisation-generique.png') }}')"></div>
  114.                       </div>
  115.                       <div class="__col-text">
  116.                         <div class="__name">
  117.                             <span>{{ contact.title }}
  118.                             </span>
  119.                         </div>
  120.                         <div class="__info">{{ contact.ville }}</div>
  121.                       </div>
  122.                     </div>
  123.                   </a>
  124.                 </li>
  125.               {% endfor %}
  126.             </ul>
  127.           </div>
  128.         </div>
  129.         <div class="__col-letters">
  130.           <div class="container-letters" id="containerLetters">
  131.             <ul>
  132.               <li>A</li>
  133.               <li>B</li>
  134.               <li>C</li>
  135.               <li>D</li>
  136.               <li>E</li>
  137.               <li>F</li>
  138.               <li>G</li>
  139.               <li>H</li>
  140.               <li>I</li>
  141.               <li>J</li>
  142.               <li>K</li>
  143.               <li>L</li>
  144.               <li>M</li>
  145.               <li>N</li>
  146.               <li>O</li>
  147.               <li>P</li>
  148.               <li>Q</li>
  149.               <li>R</li>
  150.               <li>S</li>
  151.               <li>T</li>
  152.               <li>U</li>
  153.               <li>V</li>
  154.               <li>W</li>
  155.               <li>X</li>
  156.               <li>Y</li>
  157.               <li>Z</li>
  158.             </ul>
  159.           </div>
  160.         </div>
  161.       </div>
  162.       <div style="padding-bottom:200px;"></div>
  163.     </div>
  164.     <div class="modal fade modalCustom _no-header" id="modalOrganisationsFilter" tabindex="-1" role="dialog"
  165.          aria-label="Votre territoire" aria-hidden="true">
  166.       <div class="modal-dialog" role="document">
  167.         <button type="button" class="close" data-dismiss="modal">
  168.           <span aria-hidden="true">&times;</span>
  169.           <span class="sr-only">Fermer Votre territoire</span>
  170.         </button>
  171.         <div class="modal-content">
  172.           <div class="modal-body">
  173.             <form action="{{ path('search_organisation', {'type': type_}) }}" id="formContactsFilter">
  174.               <div class="form-group">
  175.                 <select class="form-control" name="territoire_id" id="selectCanton" aria-label="Votre canton, mise à jour de la liste des conseillers départementaux à la sélection d'un canton">
  176.                   <option value="" selected>Votre territoire</option>
  177.                   {% for territoire in territoires %}
  178.                     <option value="{{ territoire.id }}">{{ territoire.displayName }}</option>
  179.                   {% endfor %}
  180.                 </select>
  181.               </div>
  182.               <div
  183.                 class="text-right">
  184.                 <button type="submit" class="btn btnSubmit">
  185.                   <span class="__text">Confirmer</span>
  186.                 </button>
  187.               </div>
  188.             </form>
  189.           </div>
  190.         </div>
  191.       </div>
  192.     </div>
  193.   </main>
  194. {% endblock %}