Button styling in masthead.inc is still conflicting with the js load() functions...
[koha_gimpoz] / koha-tmpl / opac-tmpl / prog / en / includes / masthead.inc
1 <div id="members">
2         <ul><!-- TMPL_IF NAME="loggedinusername" --><li><span class="members">Welcome, <a href="/cgi-bin/koha/opac-user.pl"><span class="loggedinusername"><!-- TMPL_LOOP NAME="USER_INFO" --><!-- TMPL_VAR NAME="title" --> <!-- TMPL_VAR NAME="firstname" --> <!-- TMPL_VAR NAME="surname" --><!-- /TMPL_LOOP --></span></a></span></li><li><a class="logout" href="/cgi-bin/koha/opac-main.pl?logout.x=1">Log Out</a></li><!-- TMPL_ELSE --><li><a href="/cgi-bin/koha/opac-user.pl">Log in to Your Account</a></li><!-- /TMPL_IF -->
3         </ul>   
4 </div>
5
6 <div id="opac-main-search" class="yui-g">
7
8    <div id="masthead">
9    <!-- TMPL_IF NAME="opacsmallimage" --><h1 id="libraryname" style="background-image: url('http://www.myacpl.org/img/AthensLibraries_Logo.gif');"><!-- TMPL_ELSE --><h1 id="libraryname"><!-- /TMPL_IF --><a href="/cgi-bin/koha/opac-main.pl"><!-- TMPL_IF NAME="LibraryName" --><!-- TMPL_VAR NAME="LibraryName" --><!-- TMPL_ELSE -->Koha Online Catalog<!-- /TMPL_IF --></a></h1>
10    </div>
11
12 <div id="fluid">
13 <div id="fluid-offset">
14 <div id="fluid-content-1">
15     <form name="searchform" method="get" action="/cgi-bin/koha/opac-search.pl" id="searchform">
16         <label for="masthead_search"> Search <!-- TMPL_IF name="mylibraryfirst" --> <!-- TMPL_IF name="loggedinusername" -->(in <!-- TMPL_VAR name="LoginBranchcode" --> only)<!-- /TMPL_IF --><!-- /TMPL_IF --></label>
17         <select name="idx" id="masthead_search">
18         <!-- TMPL_IF NAME="ms_kw" -->
19         <option selected="selected" value="">Library Catalog</option>
20                 <!-- TMPL_ELSE -->
21         <option value="">Library Catalog</option>
22                 <!-- /TMPL_IF -->
23                 <!-- TMPL_IF NAME="ms_ti" -->
24         <option selected="selected" value="ti">Title</option>
25                 <!-- TMPL_ELSE -->
26         <option value="ti">Title</option>
27                 <!-- /TMPL_IF -->
28                 <!-- TMPL_IF NAME="ms_au" -->
29         <option selected="selected" value="au">Author</option>
30                 <!-- TMPL_ELSE -->
31         <option value="au">Author</option>
32                 <!-- /TMPL_IF -->
33                 <!-- TMPL_IF NAME="ms_su" -->
34         <option selected="selected" value="su">Subject</option>
35                 <!-- TMPL_ELSE -->
36         <option value="su">Subject</option>
37                 <!-- /TMPL_IF -->
38                 <!-- TMPL_IF NAME="ms_isbn" -->
39                 <option selected="selected" value="isbn">ISBN</option>
40                 <!-- TMPL_ELSE -->
41                 <option value="isbn">ISBN</option>
42                 <!-- /TMPL_IF -->
43                 <!-- TMPL_IF NAME="ms_se" -->
44         <option selected="selected" value="se">Series</option>
45                 <!-- TMPL_ELSE -->
46         <option value="se">Series</option>
47                 <!-- /TMPL_IF -->
48                 <!-- TMPL_IF NAME="ms_callnum" -->
49         <option selected="selected" value="callnum">Call Number</option>
50                 <!-- TMPL_ELSE -->
51         <option value="callnum">Call Number</option>
52                 <!-- /TMPL_IF --></select>
53 <!-- TMPL_IF NAME="ms_value" -->
54         <input type="text" name="q" value="<!-- TMPL_VAR NAME="ms_value" -->"  style="width: 40%;" />
55 <!-- TMPL_ELSE -->
56         <input type="text" name="q" style="width: 40%;" />
57 <!-- /TMPL_IF -->
58         <!-- TMPL_IF name="mylibraryfirst" --><!-- TMPL_IF name="loggedinusername" -->
59             <input name="limit" value="<!-- TMPL_VAR name="LoginBranchcode" -->" type="hidden" />
60         <!-- /TMPL_IF --><!-- /TMPL_IF -->
61         <input type="submit" value="Search" class="submit" />
62     </form>
63
64 <!--    <!-- TMPL_IF NAME="opacbookbag" --><a class="cart" href="/cgi-bin/koha/opac-basket.pl" onclick="openBasket(); return false;" title="A &quot;shopping cart&quot; for your selections">Book Bag<span id="basket"><script language="javascript" type="text/javascript">if(basketcount){ document.write(basketcount) };</script></span></a><!-- /TMPL_IF --> -->
65         
66         <div id="moresearches"><a href="/cgi-bin/koha/opac-search.pl">Advanced Search</a><!-- TMPL_IF name="OpacBrowser" --> | <a href="/cgi-bin/koha/opac-browser.pl">Browse by Hierarchy</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacAuthorities" --> | <a href="/cgi-bin/koha/opac-authorities-home.pl">Browse by Subject</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacCloud" --> | <a href="/cgi-bin/koha/opac-tags_subject.pl">Tag Cloud</a><!-- /TMPL_IF --><!-- TMPL_IF name="OpacTopissue" --> | <a href="/cgi-bin/koha/opac-topissues.pl">Most Popular</a><!-- /TMPL_IF --></div>
67
68 </div>
69 <div id="fluid-content-2">
70
71 <script type="text/javascript">
72 $(document).ready(function() {
73           //  <!-- TMPL_IF NAME="opacbookbag" -->var cartButton = new YAHOO.widget.Button("cartmenulink");<!-- /TMPL_IF -->
74                 //<!--TMPL_IF NAME="virtualshelves" -->var listsButton = new YAHOO.widget.Button("listsmenulink");<!-- /TMPL_IF -->
75  });
76  
77    <!--TMPL_IF NAME="virtualshelves" -->YAHOO.util.Event.onContentReady("listsmenu", function () {
78         var listMenu = new YAHOO.widget.Menu("listsmenu", { lazyload: true });
79                 listMenu.render();
80                 listMenu.cfg.setProperty("context", ["listsmenulink", "tr", "br"]);
81                 listMenu.subscribe("show", listMenu.focus);
82         function positionlistMenu() {
83                     listMenu.align("tr", "br");
84                 }
85                 YAHOO.util.Event.addListener("listsmenulink", "click", listMenu.show, null, listMenu);
86                 YAHOO.widget.Overlay.windowResizeEvent.subscribe(positionlistMenu);
87     });<!-- /TMPL_IF -->
88     
89                 <!-- TMPL_IF NAME="opacbookbag" -->function init() {
90                         var cartOverlay = new YAHOO.widget.Overlay("cartDetails", { context:["cartmenulink","tr","br"],
91                                                                                                                                                                           visible:false,
92                                                                                                                                                                           width:"200px" } );
93                         // cartOverlay.setHeader("Overlay #3 from Script");
94                         cartOverlay.setBody("Your cart contains 3 items.");
95                         // cartOverlay.setFooter("End of Overlay #3");
96                         cartOverlay.render(document.body);
97
98                         YAHOO.util.Event.addListener("cartmenulink", "mouseover", cartOverlay.show, cartOverlay, true);
99                         YAHOO.util.Event.addListener("cartmenulink", "mouseout", cartOverlay.hide, cartOverlay, true);
100                 }
101
102                 YAHOO.util.Event.addListener(window, "load", init);<!-- /TMPL_IF -->
103 </script>
104
105 <!-- TMPL_IF NAME="opacbookbag" --><a id="cartmenulink" href="#">Cart<span id="basket"><script language="javascript" type="text/javascript">if(basketcount){ document.write(basketcount) };</script></span></a><!-- /TMPL_IF -->
106 <!--TMPL_IF NAME="virtualshelves" --><a id="listsmenulink" href="#">Lists</a><!-- /TMPL_IF -->
107
108 <!-- TMPL_IF NAME="virtualshelves" -->
109 <div id="listsmenu" class="yuimenu">
110     <div class="bd">
111 <!-- TMPL_IF NAME="loggedinusername" --><h4>Your Lists</h4>
112                 <!-- TMPL_IF NAME="barshelves" -->
113                         <ul class="first-of-type">
114                         <!-- TMPL_LOOP NAME="barshelvesloop" -->
115                         <li class="yuimenuitem"><a href="/cgi-bin/koha/opac-shelves.pl?viewshelf=<!-- TMPL_VAR NAME="shelfnumber" -->"><!-- TMPL_VAR NAME="shelfname" --></a></li>
116                         <!-- /TMPL_LOOP -->
117                         </ul>   
118                 <!-- /TMPL_IF -->
119                         <ul class="second-of-type">
120             <li class="yuimenuitem"><a class="yuimenuitemlabel" href="/cgi-bin/koha/opac-shelves.pl">Manage Lists</a></li>
121         </ul>
122                 </li><!-- TMPL_ELSE --><ul class="first-of-type"><li><a href="/cgi-bin/koha/opac-user.pl">Log in to Create Your Own Lists</a></li></ul><!-- /TMPL_IF -->
123           </div>
124 </div>
125 <!-- /TMPL_IF -->
126
127
128 </div>
129 </div>
130 </div>
131
132 </div>
133
134         <div id="breadcrumbs" class="yui-g">
135
136 <!-- TMPL_IF NAME="searchdesc" --><p><!-- TMPL_IF name="total" --><strong>&ldquo;<!-- TMPL_VAR NAME="query_desc" --><!-- TMPL_VAR NAME="limit_desc" -->&rdquo; </strong>returned <!-- TMPL_VAR NAME="total" --> results. <!-- TMPL_IF NAME="related" --> (related searches: <!-- TMPL_LOOP NAME="related" --><!-- TMPL_VAR NAME="related_search" --><!-- /TMPL_LOOP -->). <!-- /TMPL_IF -->
137
138 <!-- TMPL_ELSE -->
139 <!-- TMPL_IF NAME="searchdesc" -->
140 <strong>No Result found !</strong>
141 <p>
142     No results match your search for <span style="font-weight: bold;">&ldquo;<!-- TMPL_VAR NAME="query_desc" --><!-- TMPL_VAR NAME="limit_desc" -->&rdquo;</span> in <!-- TMPL_VAR NAME="LibraryName" --> Catalog.
143 </p>
144 <!-- TMPL_ELSE -->
145 <strong> No result found !</strong>
146 <p>
147     You did not specify any search criteria.
148 </p>
149 </div>
150 <!-- /TMPL_IF -->
151 <!-- /TMPL_IF --></p><!-- /TMPL_IF -->
152 </div>