]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/src/templates/opac/parts/topnav.tt2
TPAC: Simple CSS gradients for the header/footer
[working/Evergreen.git] / Open-ILS / src / templates / opac / parts / topnav.tt2
1 [% IF !ctx.is_staff %]
2 <div id="header-wrap">
3 <div id="header">
4     <div class="float-left">
5         [% INCLUDE "opac/parts/topnav_logo.tt2" %]
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" 
11                 class="opac-button" id="home_myopac_link">
12                 [% l('Your Account Log in') %]
13             </a>
14         </div>
15         [% ELSE %]
16         <div id="dash_wrapper">
17             <div class="float-right">
18                 <table cellpadding="0" cellspacing="0" border="0">
19                     <tr>
20                         <td>
21                             <img src="[% ctx.media_prefix %]/images/dash-corner-left1.png" />
22                         </td>
23                         <td id="dash_corner_mid1a">
24                             <span id="dash_user">
25                                 [%  l('[_1] [_2]', ctx.user.first_given_name, ctx.user.family_name) | html %]
26                             </span>
27                         </td>
28                         <td id="dash_corner_mid1b">
29                             <img src="[% ctx.media_prefix %]/images/dash-divider.jpg" />
30                         </td>
31                         <td id="dash_corner_mid1c">
32
33                             <a href="[% ctx.opac_root %]/myopac/main" 
34                                 class="opac-button">[% l('My Account') %]</a>
35
36                             <a href="[% ctx.opac_root %]/logout" class="opac-button"
37                                 id="logout_link">[% l('Logout') %]</a>
38                         </td>
39                         <td>
40                             <img src="[% ctx.media_prefix %]/images/dash-corner-right1.png" />
41                         </td>
42                     </tr>
43                 </table>
44             </div>
45             <div id="dashboard">
46                 <div class="pos-abs">
47                     <div class="pos-rel-top4">
48                         <table cellpadding="0" cellspacing="0" border="0">
49                             <tr>
50                                 <td>
51                                     <img src="[% ctx.media_prefix %]/images/dash-corner-left2.png" />
52                                 </td>
53                                 <td id="dash_corner_mid2a">
54                                     <div id="dash_number_row">
55                                         <div class="pos-abs">
56                                             <div class="dash-pos-out">
57                                                 <div class="dash-align-out">
58                                                     <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>
59                                                 </div>
60                                             </div>
61                                         </div>
62                                         <div class="pos-abs">
63                                             <div class="dash-pos-holds">
64                                                 <div class="dash-align-holds">
65                                                     <a class="dash-link" href="[% ctx.opac_root %]/myopac/holds"><span id="dash_holds">[% ctx.user_stats.holds.total %]</span> [% l("On Hold") %]</a>
66                                                 </div>
67                                             </div>
68                                         </div>
69                                         <div class="pos-abs">
70                                             <div class="dash-pos-pickup">
71                                                 <div class="dash-align-pickup">
72                                                     <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>
73                                                 </div>
74                                             </div>
75                                         </div>
76                                         <div class="pos-abs">
77                                             <div class="dash-pos-fines">
78                                                 <div class="dash-align-fines">
79                                                     <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>
80                                                 </div>
81                                             </div>
82                                         </div>
83                                     </div>
84                                 </td>
85                                 <td>
86                                     <img src="[% ctx.media_prefix %]/images/dash-corner-right2.png" />
87                                 </td>
88                             </tr>
89                         </table>
90                     </div>
91                 </div>
92             </div>
93         </div>
94         [% END %]
95     </div>
96     <div class="common-no-pad"></div>
97 </div>
98 </div>
99 [% END %]
100 [% INCLUDE "opac/parts/topnav_links.tt2" %]