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

Open in your IDE?
  1. {% extends 'Nordinfo/Main/base.html.twig' %}
  2. {% block title %}Mes centres d'intérêts - Nord Info
  3. {% endblock %}
  4. {% block body_class %}bodyTopics
  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" id="mainContent" tabindex="-1" class="pT mBXL">
  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.     {% if referer is not null %}
  21.       <div class="d-block d-md-none" style="padding-bottom:60px;"></div>
  22.     {% endif %}
  23.     <div class="container">
  24.       {% if app.user is not null and app.user.role != 'public'%}
  25.         <div class="wrapperTopics">
  26.           <h1>Mes centres d'intérêt</h1>
  27.           <div class="profileDesc">
  28.             <div class="__left">
  29.               <svg xmlns="http://www.w3.org/2000/svg" width="11.326" height="14.886" viewBox="0 0 11.326 14.886">
  30.                 <path id="Path_113" data-name="Path 113" d="M576.44,386.949c0-.3-.008-.556,0-.815a2.244,2.244,0,0,1,1.259-1.993,3.054,3.054,0,0,1,1.974-.214,2.245,2.245,0,0,1,1.862,2.066c.034.962.013,1.925.015,2.888a.552.552,0,0,1-.032.121h-.351q-3.062,0-6.125,0a1.556,1.556,0,0,0-1.7,1.633q-.026,2.484,0,4.969a1.518,1.518,0,0,0,1.592,1.607q4.059.015,8.118,0a1.5,1.5,0,0,0,1.585-1.551c.024-1.695.021-3.39,0-5.085a1.515,1.515,0,0,0-1.35-1.548c-.062-.012-.124-.031-.2-.049,0-.991.018-1.963-.005-2.935a3.7,3.7,0,0,0-1.228-2.677,4.074,4.074,0,0,0-3.141-1.027,3.8,3.8,0,0,0-3.494,2.279,4.444,4.444,0,0,0-.319,2.328Z" transform="translate(-573.332 -382.335)" fill="#46aa00"></path>
  31.               </svg>
  32.             </div>
  33.             <div class="__right">
  34.               <p>
  35.                 Ce symbole indique les contenus qui vous sont réservés selon mes niveau de droits :
  36.               </p>
  37.             </div>
  38.           </div>
  39.           <div class="pb-4"></div>
  40.         </div>
  41.         <div class="wrapperTopics">
  42.           <h2>Je choisis un ou plusieurs centres d'intérêt</h2>
  43.         </div>
  44.       {% else %}
  45.         <div class="wrapperTopics">
  46.           <h1>Je choisis un ou plusieurs centres d'intérêt</h1>
  47.         </div>
  48.       {% endif %}
  49.     </div>
  50.     <div class="pb-4"></div>
  51.     <div class="container">
  52.       <div class="topicsListContainer" id="topicsList">
  53.         <div class="topicsList" aria-label="{% for topic in topics %}{% if topic.id in checkTopics %}{{ topic.displayName }}, {% endif %}{% endfor %}">
  54.           <div class="__inner">
  55.             <ul>
  56.               {% for topic in topics %}
  57.                 {% if topic.kind != 'all' %}
  58.                   <li>
  59.                     <button href="#" class="button_select_topic select_topic {% if topic.id in checkTopics %}active{% endif %}" aria-pressed="{% if topic.id in checkTopics %}true{% else %}false{% endif %}" id="{{ topic.id }}">
  60.                       <span>{{ topic.displayName }}</span>
  61.                     </button>
  62.                   </li>
  63.                 {% endif %}
  64.               {% endfor %}
  65.             </ul>
  66.             <div class="topicsList-loading" id="topicsListLoader" style="display:none;">
  67.               <span class="loader">Chargement en cours</span>
  68.             </div>
  69.           </div>
  70.           <div class="pb-4"></div>
  71.           <div class="pb-4"></div>
  72.           <div class="sectionSearchState">
  73.             <div class="__btn">
  74.               <a href="{{ path('info') }}" class="btn btnFormSubmit _narrow">
  75.                 <span class="__text">Valider mes centres d'intérêt</span>
  76.               </a>
  77.             </div>
  78.           </div>
  79.         </div>
  80.       </div>
  81.     </div>
  82.     {{ include('Nordinfo/Main/parts/cookieManager.js.html.twig') }}
  83.   </main>
  84. {% endblock %}