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