Open-ILS/web/templates/default/opac/parts/topnav.tt2

   1 [% IF !ctx.is_staff %]
   2 <div id="header">
   3     <div class="float-left">
   4         <a href="http://www.kcls.org"><img alt="[% l('KCLS Logo') %]"
   5             src="[% ctx.media_prefix %]/images/KCLS_logo_horiz.gif" /></a>
   6     </div>
   7     <div class="float-right">
   8         [% IF !ctx.user %]
   9         <div id="your-acct-login">
  10             <a href="[% ctx.opac_root %]/myopac/main" id="home_myopac_link"><img
  11                 alt="[% l('Your Account Log in') %]"
  12                 src="[% ctx.media_prefix %]/images/login-btn.png"
  13                 onmouseover="this.src='[% ctx.media_prefix %]/images/login-btn-hover.png';"
  14                 onmouseout="this.src='[% ctx.media_prefix %]/images/login-btn.png';" /></a>
  15         </div>
  16         [% ELSE %]
  17         <div id="dash_wrapper">
  18             <div class="float-right">
  19                 <table cellpadding="0" cellspacing="0" border="0">
  20                     <tr>
  21                         <td>
  22                             <img src="[% ctx.media_prefix %]/images/dash-corner-left1.png" />
  23                         </td>
  24                         <td id="dash_corner_mid1a">
  25                             <span id="dash_user">
  26                                 [%  l('[_1] [_2]', ctx.user.first_given_name, ctx.user.family_name) %]
  27                             </span>
  28                         </td>
  29                         <td id="dash_corner_mid1b">
  30                             <img src="[% ctx.media_prefix %]/images/dash-divider.jpg" />
  31                         </td>
  32                         <td id="dash_corner_mid1c">
  33
  34                             <a href="[% ctx.opac_root %]/myopac/main" class="pos-rel-top4"><img
  35                                 alt="[% l('My Account') %]"
  36                                 src="[% ctx.media_prefix %]/images/acct-btn.png"
  37                                 onmouseover="this.src='[% ctx.media_prefix %]/images/acct-btn-hover.png';"
  38                                 onmouseout="this.src='[% ctx.media_prefix %]/images/acct-btn.png';" /></a>
  39
  40                             <a href="[% ctx.opac_root %]/logout" class="pos-rel-top4"
  41                                 id="logout_link"><img
  42                                 alt="[% l('Logout') %]"
  43                                 src="[% ctx.media_prefix %]/images/logout-btn.png"
  44                                 onmouseover="this.src='[% ctx.media_prefix %]/images/logout-btn-hover.png';"
  45                                 onmouseout="this.src='[% ctx.media_prefix %]/images/logout-btn.png';" /></a>
  46                         </td>
  47                         <td>
  48                             <img src="[% ctx.media_prefix %]/images/dash-corner-right1.png" />
  49                         </td>
  50                     </tr>
  51                 </table>
  52             </div>
  53             <div id="dashboard">
  54                 <div class="pos-abs">
  55                     <div class="pos-rel-top4">
  56                         <table cellpadding="0" cellspacing="0" border="0">
  57                             <tr>
  58                                 <td>
  59                                     <img src="[% ctx.media_prefix %]/images/dash-corner-left2.png" />
  60                                 </td>
  61                                 <td id="dash_corner_mid2a">
  62                                     <div id="dash_number_row">
  63                                         <div class="pos-abs">
  64                                             <div class="dash-pos-out">
  65                                                 <div class="dash-align-out">
  66                                                     <a class="dash-link" href="[% ctx.opac_root %]/myopac/circs"><span id="dash_checked">[% ctx.user_stats.checkouts.total_out %]</span> [% l("Checked Out") %]</a>
  67                                                 </div>
  68                                             </div>
  69                                         </div>
  70                                         <div class="pos-abs">
  71                                             <div class="dash-pos-holds">
  72                                                 <div class="dash-align-holds">
  73                                                     <a class="dash-link" href="[% ctx.opac_root %]/myopac/holds"><span id="dash_holds">[% ctx.user_stats.holds.total %]</span> [% l("On Hold") %]</a>
  74                                                 </div>
  75                                             </div>
  76                                         </div>
  77                                         <div class="pos-abs">
  78                                             <div class="dash-pos-pickup">
  79                                                 <div class="dash-align-pickup">
  80                                                     <a class="dash-link" href="[% ctx.opac_root %]/myopac/holds?available=1"><span id="dash_pickup">[% ctx.user_stats.holds.ready %]</span> [% l("Ready for Pickup") %]</a>
  81                                                 </div>
  82                                             </div>
  83                                         </div>
  84                                         <div class="pos-abs">
  85                                             <div class="dash-pos-fines">
  86                                                 <div class="dash-align-fines">
  87                                                     <a class="dash-link" href="[% ctx.opac_root %]/myopac/main"><span id="dash_fines">[% money(ctx.user_stats.fines.balance_owed) %]</span> [% l("Fines") %]</a>
  88                                                 </div>
  89                                             </div>
  90                                         </div>
  91                                     </div>
  92                                 </td>
  93                                 <td>
  94                                     <img src="[% ctx.media_prefix %]/images/dash-corner-right2.png" />
  95                                 </td>
  96                             </tr>
  97                         </table>
  98                     </div>
  99                 </div>
 100             </div>
 101         </div>
 102         [% END %]
 103     </div>
 104     <div class="common-no-pad"></div>
 105 </div>
 106 [% END %]
 107 <div id="gold-links-holder">
 108     <div id="gold-links">
 109         <div id="header-links">
 110             <a href="http://www.kcls.org/usingthelibrary/index.cfm">Using the Library</a>
 111             <a href="http://www.kcls.org/booksandreading/">Books &amp; Reading</a>
 112             <a href="http://www.kcls.org/research/index.cfm">Research &amp; Homework</a>
 113             <a href="http://www.kcls.org/programs/">Programs &amp; Classes</a>
 114             <a href="http://www.kcls.org/events/">Events</a>
 115             <a href="/opac/extras/mobile/">Mobile Catalog</a>
 116             <a href="http://www.kcls.org/about/">About KCLS</a>
 117         </div>
 118     </div>
 119 </div>