koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt

   1 [% USE Koha %]
   2 [% USE Asset %]
   3 [% USE raw %]
   4 [% INCLUDE 'doc-head-open.inc' %]
   5 <title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog &rsaquo; Browse our catalog</title>
   6 [% INCLUDE 'doc-head-close.inc' %]
   7 [% BLOCK cssinclude %][% END %]
   8 [% INCLUDE 'bodytag.inc' bodyid='opac-browser' %]
   9 [% INCLUDE 'masthead.inc' %]
  10
  11 <div class="main">
  12     <ul class="breadcrumb">
  13         <li><a href="/cgi-bin/koha/opac-main.pl">Home</a>
  14         <span class="divider">&rsaquo;</span></li>
  15
  16         <li><a href="#">Browse search</a></li>
  17     </ul>
  18
  19     <div class="container-fluid">
  20         <div class="row-fluid">
  21     [% IF Koha.Preference('SearchEngine') == 'Elasticsearch' && Koha.Preference('OpacBrowseSearch') %]
  22         [% IF ( OpacNav || OpacNavBottom ) %]
  23
  24             <div class="span2">
  25                 <div id="navigation">
  26                 [% INCLUDE 'navigation.inc' %]
  27                 </div>
  28             </div>
  29         [% END %]
  30
  31         [% IF ( OpacNav ) %]
  32
  33             <div class="span10">
  34             [% ELSE %]
  35
  36             <div class="span12">
  37             [% END %]
  38
  39                 <div id="browse-search" class="maincontent">
  40                     <h1>Browse search</h1>
  41
  42                     <form>
  43                         <label for="browse-searchterm">Search for:</label>
  44                         <input type="search" id="browse-searchterm" name="searchterm" value="">
  45                         <label for="browse-searchfield" class="hide-text">Search type:</label>
  46                         <select id="browse-searchfield" name="searchfield">
  47                             <option value="author">Author</option>
  48                             <option value="subject">Subject</option>
  49                             <option value="title">Title</option>
  50                         </select>
  51
  52                         <div id="browse-searchfuzziness">
  53                             <label for="exact" class="radio inline"><input type="radio" name="browse-searchfuzziness" id="exact" value="0">Exact</label>
  54                             <label for="fuzzy" class="radio inline"><input type="radio" name="browse-searchfuzziness" id="fuzzy" value="1" checked="checked"> Fuzzy</label>
  55                             <label for="reallyfuzzy" class="radio inline"><input type="radio" name="browse-searchfuzziness" id="reallyfuzzy" value="2"> Really fuzzy</label>
  56                         </div>
  57                         <button class="btn btn-success" type="submit" accesskey="s">Search</button>
  58                     </form>
  59
  60                     <p id="browse-suggestionserror" class="error hidden">
  61                     An error occurred, please try again.</p>
  62
  63                     <div id="browse-resultswrapper" class="hidden">
  64                         <ul id="browse-searchresults" class="span3" start="-1" aria-live="polite">
  65                             <li class="loading hidden"><img src="[% interface | html %]/[% theme |html %]/images/loading.gif" alt=""> Loading</li>
  66
  67                             <li class="no-results hidden">Sorry, there are no results, try a different search term.</li>
  68                         </ul>
  69
  70                         <h3 id="browse-selection" class="span9"></h3>
  71
  72                         <div id="browse-selectionsearch" class="span9 hidden">
  73                             <div class="loading hidden">
  74                                 <img src="[% interface | html %]/[% theme | html %]/images/loading.gif" alt=""> Loading
  75                             </div>
  76
  77                             <div class="no-results hidden">No results</div>
  78
  79                             <ol aria-live="polite"></ol>
  80                         </div>
  81                     </div><!-- / .results-wrapper -->
  82                 </div><!-- / .userbrowser -->
  83             </div><!-- / .span10 -->
  84     [% ELSE %]
  85         <h3>This feature is not enabled</h3>
  86     [% END %]
  87         </div><!-- / .row-fluid -->
  88     </div><!-- / .container-fluid -->
  89 </div><!-- / .main -->
  90 [% INCLUDE 'opac-bottom.inc' %]
  91 [% BLOCK jsinclude %]
  92 [% Asset.js("/js/browse.js") | $raw %]
  93 </script>
  94 [% END %]