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   <div id="nav-divide" class="dropdown-divider"></div>
  13    <ul class="navbar-nav nav-fl px-3">
  14         <!--Link 1-->
  15       <li class="nav-item">
  16         <a class="nav-link" href="[% ctx.link_one %]">Link 1<span class="sr-only">(current)</span></a>
  17       </li>
  18         <!--Link 2-->
  19       <li class="nav-item">
  20         <a class="nav-link" href="[% ctx.link_two %]">Link 2</a>
  21       </li>
  22         <!--Link 3-->
  23       <li class="nav-item">
  24         <a class="nav-link" href="[% ctx.link_three %]">Link 3</a>
  25       </li>
  26         <!--Link 4-->
  27       <li class="nav-item">
  28         <a class="nav-link" href="[% ctx.link_four %]">Link 4</a>
  29       </li>
  30     </ul>
  31
  32     <div id="nav-divide" class="dropdown-divider"></div>
  33
  34     <!--Right Links-->
  35     <ul class="navbar-nav ml-auto nav-fr px-3">
  36         <!--If not signed in, show sign in button-->
  37     [% IF !ctx.user %]
  38         <li class="nav-item">
  39                 <a href="#exampleModal" class="nav-link login" data-toggle="modal" data-target="#exampleModal" >
  40                 [% l('My Account') %]
  41             </a>
  42         </li>
  43       <!--User is signed in-->
  44     [% ELSE %]
  45         <!--User-->
  46         <li class="nav-item">
  47                 <a class="nav-link disabled active mx-2" href="#">Hello, [%  l('[_1] [_2]', ctx.user.first_given_name, ctx.user.family_name) | html %]</a>
  48         </li>
  49         <!--Messages with sup tag for # of messages-->
  50         <li class="nav-item">
  51         <a class="nav-link  [% IF ctx.user_stats.messages.unread %] active [% END %]" href="[% mkurl(ctx.opac_root _ '/myopac/messages', {}, ['single', 'message_id']) %]">[% l('Messages') %]
  52                     [% IF ctx.user_stats.messages.unread %]
  53                         <sup class="badge badge-danger">
  54                             [%- ctx.user_stats.messages.unread -%]
  55                             <span class="sr-only">[% l('unread') %]</a>
  56                         </sup>
  57                     [% END %]</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         [% IF ctx.user %]
  78         <div class="col-12">
  79                         <div id="dashboard" class="float-right pr-4 row">
  80                 <span class="dash-align">
  81                     <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/circs', {},
  82                         ['limit','offset', 'single', 'message_id', 'sort','sort_type'])
  83                         %]"><span id="dash_checked" class="[% IF ctx.user_stats.checkouts.total_out == 0 %]dash-clear[% ELSE %]dash-unclear[% END %]">[% ctx.user_stats.checkouts.total_out
  84                         %]</span> [% l("Checked Out") %]</a>
  85                 </span>
  86                 <span class="dash_divider">|</span>
  87                 <span class="dash-align">
  88                     <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/holds', {},
  89                         ['available', 'single', 'message_id', 'sort','sort_type'])
  90                         %]"><span id="dash_holds" class="[% IF ctx.user_stats.holds.total == 0 %]dash-clear[% ELSE %]dash-unclear[% END %]">[% ctx.user_stats.holds.total %]</span> [% l("On Hold") %]</a>
  91                 </span>
  92                 <span class="dash_divider">|</span>
  93                 <span class="dash-align">
  94                     <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/holds',
  95                         {available => 1}, ['single', 'message_id', 'sort','sort_type']) %]"><span id="dash_pickup" class="[% IF ctx.user_stats.holds.ready == 0 %]dash-clear[% ELSE %]dash-unclear[% END %]">[%
  96                         ctx.user_stats.holds.ready %]</span> [% l("Ready for Pickup") %]</a>
  97                 </span>
  98                 <span class="dash_divider">|</span>
  99                 <span class="dash-align">
 100                     <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/main', {}, ['single', 'message_id', 'sort','sort_type'])
 101                         %]"><span class="[% IF ctx.user_stats.fines.balance_owed == "0.0" %]dash-clear[% ELSE %]dash-unclear[% END %]" id="dash_fines">[% money(ctx.user_stats.fines.balance_owed)
 102                         %]</span> [% l("Charges") %]</a>
 103                 </span>
 104             </div>
 105             </div>
 106             <div class="col-12">
 107             <div id="dashboard_e" class="float-right pr-4 row hidden">
 108                 <span class="dash-align">
 109                     <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/ebook_circs')
 110                         %]"><span id="dash_e_checked" class="count">-</span> [% l("E-Items Checked Out") %]</a>
 111                 </span>
 112                 <span class="dash_divider">|</span>
 113                 <span class="dash-align">
 114                     <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/ebook_holds')
 115                         %]"><span id="dash_e_holds" class="count">-</span> [% l("E-Items on Hold") %]</a>
 116                 </span>
 117                 <span class="dash_divider">|</span>
 118                 <span class="dash-align">
 119                     <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/ebook_holds_ready')
 120                         %]"><span id="dash_e_pickup" class="count">-</span> [% l("E-Items Ready for Checkout") %]</a>
 121                 </span>
 122             </div>
 123            </div>
 124             [% END %]
 125            </div>
 126        </div>
 127    </div>
 128    </nav>
 129    [% INCLUDE "opac/parts/topnav_subnav.tt2" %]
 130
 131 <script>
 132 jQuery(document).ready(function(){
 133         var item = jQuery('#dashboard_e .dash-link');
 134         item.children('.count').each(function() {
 135         if(jQuery(this).text() == "0")
 136                 jQuery(this).addClass("dash-unclear");
 137         else
 138                 jQuery(this).addClass("dash-clear");
 139     });
 140 });
 141 </script>