Open-ILS/src/templates-bootstrap/opac/parts/topnav_links.tt2

   1 <nav class="navbar navbar-expand-lg navbar-dark ">
   2 <!--Home-->
   3   <a class="navbar-brand" href="/eg/opac/">[% INCLUDE "opac/parts/topnav_logo.tt2" %]</a>
   4   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
   5     <span class="navbar-toggler-icon"></span>
   6   </button>
   7   <div class="collapse navbar-collapse" id="navbarNav" style="height:auto !important;">
   8   <!--Left Links-->
   9   <div class="row w-100">
  10   <div class="col-12">
  11
  12    <ul class="navbar-nav nav-fl px-3">
  13         <!--Link 1-->
  14       <li class="nav-item">
  15         <a class="nav-link" href="[% ctx.link_one %]">Example Link 1<span class="sr-only">(current)</span></a>
  16       </li>
  17         <!--Link 2-->
  18       <li class="nav-item">
  19         <a class="nav-link" href="[% ctx.link_two %]">Example Link 2</a>
  20       </li>
  21         <!--Link 3-->
  22       <li class="nav-item">
  23         <a class="nav-link" href="[% ctx.link_three %]">Example Link 3</a>
  24       </li>
  25         <!--Link 4-->
  26       <li class="nav-item">
  27         <a class="nav-link" href="[% ctx.link_four %]">Example Link 4</a>
  28       </li>
  29     </ul>
  30     <!--Right Links-->
  31     <ul class="navbar-nav ml-auto nav-fr px-3">
  32         <!--If not signed in, show sign in button-->
  33     [% IF !ctx.user %]
  34         <li class="nav-item">
  35                  [% IF ctx.page != 'login' ;%]
  36            <a href="#exampleModal" data-toggle="modal" data-target="#exampleModal" class="nav-link login">
  37            [% ELSE ;%] <a href="https://test.nflibrary.ca/eg/opac/login" class="nav-link login">
  38             [% END; %] [% l('My Account') %] </a>
  39         </li>
  40       <!--User is signed in-->
  41     [% ELSE %]
  42     <li><div class="dropdown-divider"></div></li>
  43         <!--User-->
  44         <li class="nav-item">
  45                 <a class="nav-link disabled active mx-2" href="#">Hello, [%  l('[_1] [_2]', ctx.user.first_given_name, ctx.user.family_name) | html %]</a>
  46         </li>
  47         <!--Messages with sup tag for # of messages-->
  48         <li class="nav-item">
  49           <a class="nav-link  [% IF ctx.user_stats.messages.unread %] active [% END %]" href="[% mkurl(ctx.opac_root _ '/myopac/messages', {}, ['single', 'message_id']) %]">
  50                       [% IF ctx.user_stats.messages.unread %]
  51                           <span class="badge badge-danger" style="font-size:unset;">
  52                               [%- ctx.user_stats.messages.unread -%]
  53                               <span class="sr-only">[% l('unread') %]</span>
  54                           </span>
  55                       [% END %]
  56                       [% l('Messages') %]
  57             </a>
  58         </li>
  59         <!--My Account-->
  60         <li class="nav-item">
  61          <a class="nav-link" href="[% mkurl(ctx.opac_root _ '/myopac/main', {}, ['single', 'message_id', 'sort','sort_type']) %]">[% l('My Account') %]</a>
  62         </li>
  63         <!--Lists Link-->
  64         <li class="nav-item">
  65         <a class="nav-link" href="[% mkurl(ctx.opac_root _ '/myopac/lists', {}, ['single', 'message_id']) %]">[% l('My Lists') %]</a>
  66         </li>
  67         <!--Logout-->
  68         <li class="nav-item">
  69         <a class="nav-link" href="[% mkurl(ctx.opac_root _ '/logout', {}, 1) %]" id="logout_link">[% l('Logout') %]</a>
  70         </li>
  71       [% END %]
  72       <!--must end ul and div no matter the user state-->
  73     </ul>
  74        </div>
  75
  76
  77       </div>
  78         </div>
  79          </nav>
  80
  81