templates/refonte/_includes/navbar.html.twig line 1

Open in your IDE?
  1. <style>
  4. </style>
  5. <div class="position-fixed w-100 bg-white" style="z-index:99; border-top: 7px solid; border-image: linear-gradient(to right, #F15A24 25%,#802549 50%) 5;">
  6.     <nav class="container container-base mx-auto w-100 p-2" style="margin-bottom: 0%;">
  7.         <div class="d-flex align-items-center">
  8.             <div class="mr-auto">
  9.                 <h2 class="my-auto">
  10.                     <a class="navbar-brand py-0" href="/">
  11.                         <img class="img-fluid logo-gj" src="{{ asset('assets/images/svg/logo-fr-header.svg') }}" alt="ResearchGuide Logo" style=" width: 170px;height: 80px;" />
  12.                     </a>
  13.                 </h2>
  14.             </div>
  15.             {% block nav %}
  16.                 {% if app.user %}
  17.                     {% set id = app.user.id %}
  18.                     {% set firstname = app.user.firstName %}
  19.                     {% if '.' in firstname %}
  20.                         {% set firstname = firstname|replace({'.': ""})  %}
  21.                     {% endif %}
  22.                     {% set lastname = app.user.lastName %}
  23.                     {% if '.' in lastname %}
  24.                         {% set lastname = lastname|replace({'.': ""})  %}
  25.                     {% endif %}
  26.                 {% endif %}
  27.                 <div class="desktop-menu ml-auto mx-5">
  28.                     <section class="nav-section">
  29.                         <div class="navbar-expand-lg nav-section-container">
  30.                             <button class="navbar-toggler" type="button" style="border:none" data-toggle="collapse" data-target="#navbarTogglerDemo04" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
  31.                                 <span class="fa fa-navicon nav-toggler-icon nav-menu"></span>
  32.                             </button>
  33.                             <div class="collapse navbar-collapse" id="navbarTogglerDemo04">
  34.                                 <ul class="navbar-nav mr-auto">
  35.                                     {#                                    <li class="nav-item mr-5">#}
  36.                                     {#                                        <a class="text-dark" href="/">Home</a>#}
  37.                                     {#                                    </li>#}
  38.                                     <li class="nav-item mr-5" style="white-space:nowrap;">
  39.                                         <a class="text-dark" href="/">Home</a>
  40.                                     </li>
  41.                                     <li class="nav-item mr-5" style="white-space:nowrap;">
  42.                                         <a class="text-dark" href="{{ path('about_page') }}" style="font-size:medium !important">About us</a>
  43.                                     </li>
  44.                                     <li class="nav-item mr-5" style="white-space: nowrap;">
  45.                                         <a class="dropdown-toggle v1" href="#" data-toggle="dropdown" id="selected-option" style="color: rgba(89, 89, 92, 1) !important;">
  46.                                             {% if app.request.attributes.get('_route') == 'journalSearch' %}
  47.                                                  Journal search
  48.                                             {% elseif app.request.attributes.get('_route') == 'get_authors' %}
  49.                                                 Author search
  50.                                             {% elseif app.request.attributes.get('_route') == 'search_page' %}
  51.                                                 Abstract search
  52.                                             {% else %}
  53.                                                 Search
  54.                                             {% endif %}
  56.                                         </a>
  57.                                         <img  src="{{ asset('assets/images/svg/dropdown.svg') }}" alt="s">
  60.                                         <ul class="dropdown-menu v1 dropnav dropdown-menu-right text-center text-capitalize" >
  61.                                             <li>
  62.                                                 <a class="dropdown-item text-dark" href="{{ path('journalSearch') }}" onclick="selectOption(event, 'Journal search')">
  63.                                                     <div style="display: flex; ">
  64.                                                         <img class="img-fluid logo-gj" src="{{ asset('assets/images/svg/journal.svg') }}" alt="ResearchGuide Logo" style="width: 26px; height: 26px; margin-right: 17px;" />
  65.                                                         <div style="display: flex; flex-direction: column;">
  66.                                                             <span style="font-weight: 600; text-align: start; color: {% if app.request.attributes.get('_route') == 'journalSearch' %}#F46635{% else %}#59595C{% endif %}; font-size: 16px">Journal search</span>
  67.                                                             <p style="color: #59595C; font-size: 14px; margin-top: 2px;text-transform: none">Search your journal guide</p>
  69.                                                         </div>
  71.                                                     </div>
  72.                                                 </a>
  74.                                             </li>
  75.                                             <li>
  76.                                                 <a class="dropdown-item text-dark" href="{{ path('get_authors') }}" onclick="selectOption(event, 'Author search')">
  77.                                                     <div style="display: flex; ">
  78.                                                         <img class="img-fluid logo-gj" src="{{ asset('assets/images/svg/author.svg') }}" alt="ResearchGuide Logo" style="width: 26px; height: 26px; margin-right: 17px;" />
  79.                                                         <div>
  80.                                                             <span style="font-weight: 600; text-align: start; color: {% if app.request.attributes.get('_route') == 'get_authors' %}#F46635{% else %}#59595C{% endif %};font-size: 16px">Author search</span>
  81.                                                             <p style="color: #59595C; font-size: 14px; margin-top: 2px;text-transform: none">Find your author</p>
  82.                                                         </div>
  84.                                                     </div>
  85.                                                 </a>
  86.                                             </li>
  87.                                             <li>
  88.                                                 <a class="dropdown-item text-dark" href="{{ path('search_page') }}" onclick="selectOption(event, 'Journal search')">
  89.                                                     <div style="display: flex; ">
  90.                                                         <img class="img-fluid logo-gj" src="{{ asset('assets/images/svg/journal.svg') }}" alt="ResearchGuide" style="width: 26px; height: 26px; margin-right: 17px;" />
  91.                                                         <div style="display: flex; flex-direction: column;">
  92.                                                             <span style="font-weight: 600; text-align: start; color: {% if app.request.attributes.get('_route') == 'search_page' %}#F46635{% else %}#59595C{% endif %}; font-size: 16px">Abstract search</span>
  93.                                                             <p style="color: #59595C; font-size: 14px; margin-top: 2px;text-transform: none">Search your journal by abstract</p>
  95.                                                         </div>
  97.                                                     </div>
  98.                                                 </a>
  100.                                             </li>
  101.                                         </ul>
  104.                                     </li>
  107.                                     <li class="nav-item mr-5" style="white-space:nowrap;">
  108.                                         <a class="text-dark" href="{{ path('blog_index') }}">Blog</a>
  109.                                     </li>
  110. {#                                    <li class="nav-item mr-5" style="white-space:nowrap;">#}
  111. {#                                        <a class="text-dark" href="{{ path('admin_login') }}">Admin</a>#}
  112. {#                                    </li>#}
  113.                                 </ul>
  114.                             </div>
  115.                         </div>
  116.                     </section>
  117.                 </div>
  118.                 <div class="menu-user desktop-menu ml-5">
  119.                     <section class="nav-section">
  120.                         {% set media = null %}
  121.                         {% set src = null %}
  122.                         {% if gender is defined and gender == "female" %}
  123.                             {% set img="femaleAuthor" %}
  124.                         {% else %}
  125.                             {% set img="maleAuthor" %}
  126.                             {% set src= asset('assets/images/refonte/icons/' ~ img ~ '.svg') %}
  127.                         {% endif %}
  129.                         {% set user = app.user %}
  130.                           {% set media=user ? user.avatar : null %}
  131.                         {% if media is not null %}
  132.                             {% set src= asset('uploads/blog/' ~ media.filePath) %}
  133.                         {% elseif user.pictureSocial is defined and user.pictureSocial is not empty  %}
  134.                             {% set src =  user.pictureSocial %}
  135.                         {% elseif user and user.role %}
  136.                             {% set src= asset('assets/images/role/' ~ user.role ~ '.svg') %}
  137.                         {% endif %}
  138.                         <div class="navbar-expand-lg">
  139.                             {% if app.user %}
  140.                                 <ul class="navbar-nav mx-0 mt-1 nav-right menu-user-ul d-flex">
  141. {#                                    <li class="nav-item p-2 mt-2 mt-xl-2 mt-lg-3 menu-user-li">#}
  142. {#                                        <a class="dropdown-toggle" href="{{ path('profile_notifications') }}" data-toggle="dropdown">#}
  143. {#                                            <svg width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">#}
  144. {#                                                <path d="M0.490234 2.85044C0.490234 2.72044 0.56022 2.59044 0.60022 2.46044C0.748745 2.01822 1.03226 1.63371 1.41077 1.36104C1.78928 1.08837 2.24371 0.941271 2.71021 0.940443H23.3003C23.8065 0.914297 24.3063 1.06298 24.7159 1.36156C25.1256 1.66015 25.4202 2.0905 25.5503 2.58044C25.6021 2.79666 25.6289 3.01811 25.6302 3.24044V16.3204C25.6432 16.6263 25.5921 16.9315 25.4803 17.2166C25.3686 17.5016 25.1985 17.7601 24.9811 17.9757C24.7637 18.1912 24.5036 18.359 24.2177 18.4683C23.9317 18.5776 23.626 18.626 23.3202 18.6104H2.86023C2.31517 18.6507 1.77471 18.4866 1.34399 18.1502C0.913278 17.8137 0.623192 17.329 0.530273 16.7904V16.7004L0.490234 2.85044ZM3.07019 2.43044L3.23022 2.60044L12.4003 11.8004C12.4799 11.9004 12.581 11.9812 12.6962 12.0367C12.8113 12.0922 12.9374 12.121 13.0652 12.121C13.193 12.121 13.3192 12.0922 13.4343 12.0367C13.5495 11.9812 13.6506 11.9004 13.7302 11.8004L22.9003 2.61044L23.0503 2.44044L3.07019 2.43044ZM3.07019 17.1204H23.0702L16.7502 10.8604L16.5802 11.0204C15.9702 11.6404 15.3602 12.2604 14.7402 12.8704C14.5228 13.0967 14.262 13.2767 13.9733 13.3996C13.6846 13.5226 13.374 13.586 13.0602 13.586C12.7464 13.586 12.4359 13.5226 12.1472 13.3996C11.8585 13.2767 11.5977 13.0967 11.3802 12.8704L10.2402 11.7504L9.34021 10.8504L3.07019 17.1204ZM2.00024 3.53044V16.0004L8.30029 9.76044L2.00024 3.53044ZM24.1403 16.0004V3.56044L17.8402 9.79044L24.1403 16.0004Z" fill="#802549"/>#}
  145. {#                                            </svg>#}
  146. {#                                        </a>#}
  147. {#                                        <ul  class="dropdown-menu dropdown-menu-right text-center text-capitalize" style="margin-top: 20px; background-color:#F3F3F3 ;">#}
  148. {#                                            <li><small>No messages</small></li>#}
  149. {#                                        </ul>#}
  150. {#                                    </li>#}
  151. {#                                    <li class="nav-item p-2 mt-2 mt-xl-2 mt-lg-3 menu-user-li">#}
  152. {#                                        <a class="dropdown-toggle" href="{{ path('profile_notifications') }}" data-toggle="dropdown">#}
  153. {#                                            <svg width="22" height="25" viewBox="0 0 22 25" fill="none" xmlns="http://www.w3.org/2000/svg">#}
  154. {#                                                <path d="M10.5102 24.4402C10.1254 24.3474 9.74776 24.2271 9.38019 24.0802C8.91327 23.8689 8.49991 23.5551 8.17096 23.1621C7.84202 22.7691 7.60593 22.307 7.48017 21.8102C7.46668 21.7418 7.44664 21.6748 7.42023 21.6102H1.08014C0.929793 21.6259 0.778408 21.5925 0.648626 21.515C0.518843 21.4375 0.417665 21.32 0.360173 21.1802C0.299511 21.0462 0.283325 20.8962 0.313909 20.7523C0.344492 20.6084 0.420287 20.478 0.530217 20.3802C1.97622 18.867 2.95225 16.967 3.34015 14.9102C3.46343 14.1559 3.53689 13.3942 3.56012 12.6302C3.56012 11.6302 3.56018 10.7102 3.62018 9.76021C3.71091 8.60845 4.08536 7.49706 4.71003 6.52517C5.33469 5.55327 6.1901 4.7511 7.20014 4.19021C7.64044 3.94915 8.09842 3.74188 8.57013 3.57021C8.62575 3.55818 8.67495 3.52597 8.7082 3.47979C8.74144 3.43362 8.75642 3.37677 8.75019 3.32021C8.72022 2.9141 8.72022 2.50632 8.75019 2.10021C8.83844 1.58532 9.11624 1.12215 9.529 0.801946C9.94175 0.481738 10.4595 0.327712 10.9802 0.370214C11.5013 0.398962 11.9935 0.618903 12.3625 0.987928C12.7315 1.35695 12.9514 1.84913 12.9802 2.37021C12.9802 2.67021 12.9802 2.97021 12.9802 3.27021C12.9802 3.57021 13.0401 3.49021 13.1901 3.54021C14.3587 3.9224 15.4094 4.59867 16.2413 5.50405C17.0731 6.40943 17.6581 7.5135 17.9401 8.71021C18.0736 9.30808 18.1474 9.91775 18.1602 10.5302C18.1602 11.5302 18.1602 12.5302 18.2202 13.5302C18.3457 15.5779 19.0651 17.5447 20.2902 19.1902C20.5747 19.5721 20.8783 19.9393 21.2001 20.2902C21.316 20.3926 21.3974 20.5282 21.4332 20.6785C21.469 20.8289 21.4575 20.9867 21.4002 21.1302C21.3371 21.2751 21.2292 21.396 21.0925 21.4751C20.9557 21.5543 20.7973 21.5876 20.6402 21.5702H14.3502C14.2822 21.8042 14.2021 22.0345 14.1102 22.2602C13.874 22.8154 13.4986 23.3002 13.0205 23.6681C12.5423 24.0359 11.9774 24.2743 11.3802 24.3602C11.3375 24.35 11.2929 24.35 11.2502 24.3602L10.5102 24.4402ZM2.5102 20.1902H19.2402C19.2402 20.1902 19.2402 20.1902 19.2402 20.1302L19.0902 19.9202C17.7725 18.0699 17 15.8874 16.8602 13.6202C16.8002 12.6202 16.8602 11.6202 16.8602 10.6202C16.8567 10.2183 16.8233 9.81717 16.7602 9.42021C16.4905 7.971 15.6863 6.67595 14.5069 5.79162C13.3275 4.90728 11.8591 4.49818 10.3924 4.64535C8.92568 4.79253 7.56774 5.48524 6.58759 6.58627C5.60745 7.6873 5.07654 9.11631 5.10016 10.5902C5.10016 11.3302 5.10016 12.0802 5.10016 12.8202C5.09813 15.0859 4.47194 17.3071 3.29023 19.2402C3.00023 19.5302 2.78012 19.8502 2.56012 20.1902H2.5102ZM8.87018 21.6202C9.01931 22.0488 9.30392 22.4173 9.68097 22.6699C10.058 22.9224 10.507 23.0454 10.9601 23.0202C11.3741 23.0061 11.7734 22.8638 12.103 22.613C12.4326 22.3623 12.6762 22.0154 12.8002 21.6202H8.87018ZM11.5302 3.18021C11.5351 3.11364 11.5351 3.04679 11.5302 2.98021C11.5302 2.77021 11.5302 2.55021 11.5302 2.34021C11.5063 2.17674 11.4244 2.0273 11.2996 1.91903C11.1748 1.81077 11.0154 1.75086 10.8502 1.75021C10.6835 1.74775 10.5216 1.80481 10.3933 1.91112C10.2649 2.01744 10.1788 2.16604 10.1502 2.33021C10.1351 2.61335 10.1351 2.89708 10.1502 3.18021H11.5302Z" fill="#802549"/>#}
  155. {#                                            </svg>#}
  156. {#                                        </a>#}
  157. {#                                        <ul  class="dropdown-menu dropdown-menu-right text-center text-capitalize" style="margin-top: 20px; background-color:#F3F3F3">#}
  158. {#                                            <li ><small>No notifications</small></li>#}
  159. {#                                        </ul>#}
  160. {#                                    </li>#}
  161.                                     <li class="nav-item nav-profil-dropDown mt-3 mt-xl-0 menu-user-li" >
  162.                                         {% set src= src%}
  163.                                         <a class="dropdown-toggle" href="#" data-toggle="dropdown">
  164.                                             <img class="nav-user-picture" src="{{src}}" referrerpolicy="no-referrer" alt="{% if  app.user.firstName and app.user.lastName %}{{app.user.firstName}} {{app.user.lastName}}{% endif %}"/>
  165.                                         </a>
  166.                                         <ul  class="text-left dropdown-user refonte-dropdwon dropdown-menu dropdown-menu-right nav-user-dropdown menu-user" style="border: 1px solid rgba(234, 236, 240, 1); padding: 10px 15px;width: 218px;left: -28px !important;">
  168.                                             <li ><a class="dropdown-item" href="{{ path('author_search')}}">
  169.                                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  170.                                                         <path d="M13.3332 14C13.3332 13.0696 13.3332 12.6044 13.2183 12.2259C12.9598 11.3736 12.2929 10.7067 11.4406 10.4482C11.0621 10.3333 10.5969 10.3333 9.6665 10.3333H6.33317C5.4028 10.3333 4.93761 10.3333 4.55908 10.4482C3.70681 10.7067 3.03986 11.3736 2.78133 12.2259C2.6665 12.6044 2.6665 13.0696 2.6665 14M10.9998 5C10.9998 6.65685 9.65669 8 7.99984 8C6.34298 8 4.99984 6.65685 4.99984 5C4.99984 3.34315 6.34298 2 7.99984 2C9.65669 2 10.9998 3.34315 10.9998 5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  171.                                                     </svg>
  173.                                                     Profile</a></li>
  175.                                             <li><a  class="dropdown-item" href="{{ path('my_profile') }}">
  176.                                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  177.                                                         <g clip-path="url(#clip0_1175_87)">
  178.                                                             <path d="M8.00016 10.0007C9.10473 10.0007 10.0002 9.10522 10.0002 8.00065C10.0002 6.89608 9.10473 6.00065 8.00016 6.00065C6.89559 6.00065 6.00016 6.89608 6.00016 8.00065C6.00016 9.10522 6.89559 10.0007 8.00016 10.0007Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  179.                                                             <path d="M12.485 9.81883C12.4043 10.0016 12.3803 10.2044 12.4159 10.401C12.4516 10.5976 12.5453 10.779 12.685 10.9219L12.7214 10.9582C12.8341 11.0708 12.9235 11.2045 12.9845 11.3516C13.0455 11.4988 13.0769 11.6565 13.0769 11.8158C13.0769 11.9751 13.0455 12.1328 12.9845 12.28C12.9235 12.4271 12.8341 12.5608 12.7214 12.6734C12.6088 12.7861 12.4751 12.8755 12.328 12.9365C12.1808 12.9975 12.0231 13.0289 11.8638 13.0289C11.7045 13.0289 11.5468 12.9975 11.3996 12.9365C11.2525 12.8755 11.1188 12.7861 11.0062 12.6734L10.9699 12.637C10.827 12.4973 10.6456 12.4036 10.449 12.3679C10.2524 12.3323 10.0496 12.3563 9.86683 12.437C9.68758 12.5138 9.5347 12.6414 9.42702 12.804C9.31933 12.9666 9.26155 13.1571 9.26077 13.3522V13.4552C9.26077 13.7767 9.13306 14.085 8.90575 14.3123C8.67843 14.5396 8.37012 14.6673 8.04865 14.6673C7.72717 14.6673 7.41887 14.5396 7.19155 14.3123C6.96423 14.085 6.83653 13.7767 6.83653 13.4552V13.4007C6.83183 13.2 6.7669 13.0055 6.65017 12.8423C6.53344 12.6791 6.37031 12.5548 6.18198 12.4855C5.99918 12.4048 5.79641 12.3808 5.59981 12.4164C5.4032 12.4521 5.22179 12.5458 5.07895 12.6855L5.04259 12.7219C4.93001 12.8346 4.79633 12.924 4.64918 12.985C4.50203 13.046 4.3443 13.0774 4.18501 13.0774C4.02572 13.0774 3.86799 13.046 3.72084 12.985C3.57369 12.924 3.44001 12.8346 3.32744 12.7219C3.21474 12.6093 3.12533 12.4756 3.06433 12.3285C3.00333 12.1813 2.97194 12.0236 2.97194 11.8643C2.97194 11.705 3.00333 11.5473 3.06433 11.4001C3.12533 11.253 3.21474 11.1193 3.32744 11.0067L3.3638 10.9703C3.50352 10.8275 3.59725 10.6461 3.63289 10.4495C3.66854 10.2529 3.64448 10.0501 3.5638 9.86732C3.48697 9.68806 3.35941 9.53519 3.19681 9.4275C3.03421 9.31982 2.84367 9.26204 2.64865 9.26126H2.54562C2.22414 9.26126 1.91584 9.13355 1.68852 8.90623C1.4612 8.67892 1.3335 8.37061 1.3335 8.04914C1.3335 7.72766 1.4612 7.41935 1.68852 7.19204C1.91584 6.96472 2.22414 6.83701 2.54562 6.83701H2.60016C2.80077 6.83232 2.99532 6.76739 3.15853 6.65066C3.32173 6.53393 3.44605 6.37079 3.51531 6.18247C3.59599 5.99967 3.62006 5.7969 3.58441 5.60029C3.54876 5.40369 3.45503 5.22227 3.31531 5.07944L3.27895 5.04308C3.16625 4.9305 3.07685 4.79682 3.01585 4.64967C2.95485 4.50252 2.92345 4.34479 2.92345 4.1855C2.92345 4.02621 2.95485 3.86848 3.01585 3.72133C3.07685 3.57418 3.16625 3.4405 3.27895 3.32792C3.39152 3.21523 3.52521 3.12582 3.67236 3.06482C3.81951 3.00382 3.97723 2.97242 4.13653 2.97242C4.29582 2.97242 4.45355 3.00382 4.6007 3.06482C4.74785 3.12582 4.88153 3.21523 4.9941 3.32792L5.03047 3.36429C5.1733 3.50401 5.35472 3.59773 5.55132 3.63338C5.74792 3.66903 5.9507 3.64496 6.1335 3.56429H6.18198C6.36124 3.48746 6.51411 3.3599 6.6218 3.1973C6.72948 3.0347 6.78726 2.84416 6.78804 2.64914V2.54611C6.78804 2.22463 6.91575 1.91632 7.14306 1.68901C7.37038 1.46169 7.67869 1.33398 8.00016 1.33398C8.32164 1.33398 8.62995 1.46169 8.85726 1.68901C9.08458 1.91632 9.21228 2.22463 9.21228 2.54611V2.60065C9.21306 2.79567 9.27085 2.98621 9.37853 3.14881C9.48621 3.31141 9.63909 3.43898 9.81835 3.5158C10.0011 3.59648 10.2039 3.62054 10.4005 3.5849C10.5971 3.54925 10.7785 3.45552 10.9214 3.3158L10.9577 3.27944C11.0703 3.16674 11.204 3.07734 11.3511 3.01634C11.4983 2.95534 11.656 2.92394 11.8153 2.92394C11.9746 2.92394 12.1323 2.95534 12.2795 3.01634C12.4266 3.07734 12.5603 3.16674 12.6729 3.27944C12.7856 3.39201 12.875 3.5257 12.936 3.67284C12.997 3.81999 13.0284 3.97772 13.0284 4.13701C13.0284 4.29631 12.997 4.45404 12.936 4.60118C12.875 4.74833 12.7856 4.88202 12.6729 4.99459L12.6365 5.03095C12.4968 5.17379 12.4031 5.35521 12.3674 5.55181C12.3318 5.74841 12.3559 5.95119 12.4365 6.13398V6.18247C12.5134 6.36172 12.6409 6.5146 12.8035 6.62228C12.9661 6.72997 13.1567 6.78775 13.3517 6.78853H13.4547C13.7762 6.78853 14.0845 6.91624 14.3118 7.14355C14.5391 7.37087 14.6668 7.67918 14.6668 8.00065C14.6668 8.32213 14.5391 8.63043 14.3118 8.85775C14.0845 9.08507 13.7762 9.21277 13.4547 9.21277H13.4002C13.2051 9.21355 13.0146 9.27134 12.852 9.37902C12.6894 9.4867 12.5618 9.63958 12.485 9.81883Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  180.                                                         </g>
  181.                                                         <defs>
  182.                                                             <clipPath id="clip0_1175_87">
  183.                                                                 <rect width="16" height="16" fill="white"/>
  184.                                                             </clipPath>
  185.                                                         </defs>
  186.                                                     </svg>
  187.                                                     Settings</a></li>
  189.                                             <div class="dropdown-divider"></div>
  190.                                             {% if lastname and firstname  %}
  191.                                                 <li ><a class="dropdown-item" href="{{ path('publication_index',{'firstname':firstname,'lastname':lastname,'id':id}) }}">
  192.                                                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  193.                                                             <path d="M8 13.9993V4.66602" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
  194.                                                             <path d="M10.6665 7.99935L11.9998 9.33268L14.6665 6.66602" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
  195.                                                             <path d="M14.6668 4V2.66667C14.6668 2.48986 14.5966 2.32029 14.4716 2.19526C14.3465 2.07024 14.177 2 14.0002 2H10.6668C9.95958 2 9.28131 2.28095 8.78121 2.78105C8.28111 3.28115 8.00016 3.95942 8.00016 4.66667C8.00016 3.95942 7.71921 3.28115 7.21911 2.78105C6.71902 2.28095 6.04074 2 5.3335 2H2.00016C1.82335 2 1.65378 2.07024 1.52876 2.19526C1.40373 2.32029 1.3335 2.48986 1.3335 2.66667V11.3333C1.3335 11.5101 1.40373 11.6797 1.52876 11.8047C1.65378 11.9298 1.82335 12 2.00016 12H6.00016C6.5306 12 7.0393 12.2107 7.41438 12.5858C7.78945 12.9609 8.00016 13.4696 8.00016 14C8.00016 13.4696 8.21088 12.9609 8.58595 12.5858C8.96102 12.2107 9.46973 12 10.0002 12H14.0002C14.177 12 14.3465 11.9298 14.4716 11.8047C14.5966 11.6797 14.6668 11.5101 14.6668 11.3333V10.4667" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
  196.                                                         </svg>
  197.                                                         Publications</a></li>
  198.                                                 <li ><a class="dropdown-item" href="{{ path('book_index',{'firstname':firstname,'lastname':lastname,'id':id}) }}">
  199.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-library-big"><rect width="8" height="18" x="3" y="3" rx="1"/><path d="M7 3v18"/><path d="M20.4 18.9c.2.5-.1 1.1-.6 1.3l-1.9.7c-.5.2-1.1-.1-1.3-.6L11.1 5.1c-.2-.5.1-1.1.6-1.3l1.9-.7c.5-.2 1.1.1 1.3.6Z"/></svg>
  200.                                                         Books</a></li>
  201.                                                 <li ><a class="dropdown-item" href="{{ path('chapter_index',{'firstname':firstname,'lastname':lastname,'id':id}) }}">
  202.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-text"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><path d="M8 11h8"/><path d="M8 7h6"/></svg>
  203.                                                         Chapters</a></li>
  204.                                                 <li ><a class="dropdown-item" href="{{ path('conference_index',{'firstname':firstname,'lastname':lastname,'id':id}) }}">
  205.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ticket"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>
  206.                                                         Conferences</a></li>
  207.                                                 <li ><a class="dropdown-item" href="{{ path('favorite_list',{'firstname':firstname,'lastname':lastname,'id':id}) }}">
  208.                                                         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  209.                                                             <path d="M6.6665 1.33398V6.66732L8.6665 4.66732L10.6665 6.66732V1.33398" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
  210.                                                             <path d="M2.6665 13.0007V3.00065C2.6665 2.55862 2.8421 2.1347 3.15466 1.82214C3.46722 1.50958 3.89114 1.33398 4.33317 1.33398H12.6665C12.8433 1.33398 13.0129 1.40422 13.1379 1.52925C13.2629 1.65427 13.3332 1.82384 13.3332 2.00065V14.0007C13.3332 14.1775 13.2629 14.347 13.1379 14.4721C13.0129 14.5971 12.8433 14.6673 12.6665 14.6673H4.33317C3.89114 14.6673 3.46722 14.4917 3.15466 14.1792C2.8421 13.8666 2.6665 13.4427 2.6665 13.0007ZM2.6665 13.0007C2.6665 12.5586 2.8421 12.1347 3.15466 11.8221C3.46722 11.5096 3.89114 11.334 4.33317 11.334H13.3332" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
  211.                                                         </svg>
  212.                                                         Saved Journals</a></li>
  213.                                             {% endif %}
  214.                                             <li ><a class="dropdown-item" href="{{ path('categories_list',{'id':id}) }}">
  215.                                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  216.                                                         <path d="M7.3335 13.3334H2.66683C2.31321 13.3334 1.97407 13.1929 1.72402 12.9429C1.47397 12.6928 1.3335 12.3537 1.3335 12.0001V3.3334C1.3335 2.97978 1.47397 2.64064 1.72402 2.39059C1.97407 2.14054 2.31321 2.00006 2.66683 2.00006H5.26683C5.48982 1.99788 5.7098 2.05166 5.90663 2.15648C6.10346 2.2613 6.27086 2.41381 6.3935 2.60006L6.9335 3.40006C7.0549 3.58442 7.22018 3.73574 7.4145 3.84047C7.60881 3.94519 7.82609 4.00003 8.04683 4.00006H13.3335C13.6871 4.00006 14.0263 4.14054 14.2763 4.39059C14.5264 4.64064 14.6668 4.97978 14.6668 5.3334V6.3334" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
  217.                                                         <path d="M9.26679 11.6331C8.46679 10.8331 8.50679 9.7664 9.13346 9.1464C9.28393 8.99562 9.46266 8.876 9.65942 8.79438C9.85618 8.71277 10.0671 8.67076 10.2801 8.67076C10.4931 8.67076 10.7041 8.71277 10.9008 8.79438C11.0976 8.876 11.2763 8.99562 11.4268 9.1464L11.6668 9.37306L11.8935 9.1464C12.0436 8.99418 12.2224 8.87319 12.4195 8.79041C12.6167 8.70763 12.8283 8.66469 13.0421 8.66407C13.2559 8.66345 13.4677 8.70516 13.6653 8.7868C13.8629 8.86844 14.0424 8.98839 14.1935 9.13973C14.8268 9.77306 14.8601 10.8264 14.0601 11.6331L11.6668 13.9997L9.26679 11.6331Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
  218.                                                     </svg>
  219.                                                     My Favorite Categories</a></li>
  220.                                             <li ><a class="dropdown-item" href="{{ path('authors_list') }}">
  221.                                                     <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  222.                                                         <path d="M14.6666 13V11.6667C14.6666 10.4241 13.8167 9.38004 12.6666 9.08401M10.3333 1.19384C11.3105 1.58943 11.9999 2.54754 11.9999 3.66667C11.9999 4.78579 11.3105 5.7439 10.3333 6.13949M11.3333 13C11.3333 11.7575 11.3333 11.1362 11.1303 10.6462C10.8596 9.99277 10.3405 9.47364 9.68707 9.20299C9.19702 9 8.57576 9 7.33325 9H5.33325C4.09074 9 3.46949 9 2.97943 9.20299C2.32602 9.47364 1.80689 9.99277 1.53624 10.6462C1.33325 11.1362 1.33325 11.7575 1.33325 13M8.99992 3.66667C8.99992 5.13943 7.80601 6.33333 6.33325 6.33333C4.86049 6.33333 3.66659 5.13943 3.66659 3.66667C3.66659 2.19391 4.86049 1 6.33325 1C7.80601 1 8.99992 2.19391 8.99992 3.66667Z" stroke="CurrentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  223.                                                     </svg>
  225.                                                     My followed authors</a></li>
  226.                                             <div class="dropdown-divider"></div>
  227.                                             <li ><a class="dropdown-item" href="{{ path('help_researchguide') }}">
  228.                                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  229.                                                         <g clip-path="url(#clip0_1175_143)">
  230.                                                             <path d="M6.06016 6.00065C6.2169 5.5551 6.52626 5.17939 6.93347 4.94007C7.34067 4.70076 7.81943 4.61328 8.28495 4.69313C8.75047 4.77297 9.17271 5.015 9.47688 5.37634C9.78106 5.73767 9.94753 6.195 9.94683 6.66732C9.94683 8.00065 7.94683 8.66732 7.94683 8.66732M8.00016 11.334H8.00683M14.6668 8.00065C14.6668 11.6826 11.6821 14.6673 8.00016 14.6673C4.31826 14.6673 1.3335 11.6826 1.3335 8.00065C1.3335 4.31875 4.31826 1.33398 8.00016 1.33398C11.6821 1.33398 14.6668 4.31875 14.6668 8.00065Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  231.                                                         </g>
  232.                                                         <defs>
  233.                                                             <clipPath id="clip0_1175_143">
  234.                                                                 <rect width="16" height="16" fill="white"/>
  235.                                                             </clipPath>
  236.                                                         </defs>
  237.                                                     </svg>
  238.                                                     Help & support</a></li>
  239.                                             <div class="dropdown-divider"></div>
  241.                                             <li><a  class="dropdown-item" href="{{ path('app_logout') }}">
  242.                                                     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  243.                                                         <path d="M10.6667 11.3333L14 8M14 8L10.6667 4.66667M14 8H6M6 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.7157 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2V10.8C2 11.9201 2 12.4802 2.21799 12.908C2.40973 13.2843 2.71569 13.5903 3.09202 13.782C3.51984 14 4.0799 14 5.2 14H6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  244.                                                     </svg>
  245.                                                     Log out</a></li>
  246. {#                                            <li><a  class="dropdown-item" href="{{ path('app_logout_admin') }}">Log out admin</a></li>#}
  247.                                         </ul>
  248.                                     </li>
  249.                                 </ul>
  250.                             {% else %}
  251.                                 <div class="sign float-right mx-2">
  252.                                     <a class="btn btn-warning sign-up" href="{{ path('registre_user')}}">Login</a>
  253.                                 </div>
  254. {#                                <div class="sign float-right mx-2" >#}
  255. {#                                    <a class="btn btn-warning sign-up" href="{{ path('registre_user')}}" style="background-color: white !important; color:#59595C !important;">Sign up</a>#}
  256. {#                                </div>#}
  257.                             {% endif %}
  258.                         </div>
  259.                     </section>
  260.                 </div>
  261.                 {% include 'menu_mobile.html.twig' %}
  262.             {% endblock %}
  263.         </div>
  264.     </nav>
  265. </div>
  267. {% block javascripts %}
  268.     <script>
  269.         function selectOption(event, optionText) {
  270.             // Update the dropdown text to show the selected option
  271.             const selectedOption = document.getElementById("selected-option");
  272.             selectedOption.textContent = optionText;
  274.             // Remove the check icon from all items
  275.             const checkIcons = document.querySelectorAll(".check-icon");
  276.             checkIcons.forEach(icon => (icon.style.display = "none"));
  278.             // Highlight the selected item
  279.             const parentItem = event.target.closest("a");
  280.             const checkIcon = parentItem.querySelector(".check-icon");
  281.             checkIcon.style.display = "inline";
  283.             // Allow navigation to the target path
  284.             window.location.href = parentItem.getAttribute("href");
  285.         }
  289.     </script>
  290. {% endblock %}