koha-dev.rot13.org Git - srvgit/blob - 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     <nav aria-label="breadcrumb">
  13         <ul class="breadcrumb">
  14             <li class="breadcrumb-item">
  15                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
  16             </li>
  17             <li class="breadcrumb-item active" aria-current="page">
  18                 <a href="#">Browse search</a>
  19             </li>
  20         </ul>
  21     </nav>
  22
  23     <div class="container-fluid">
  24         <div class="row">
  25             [% IF ( OpacNav || OpacNavBottom ) %]
  26                 <div class="col-lg-2">
  27                     <div id="navigation">
  28                     [% INCLUDE 'navigation.inc' %]
  29                     </div>
  30                 </div>
  31             [% END %]
  32
  33             [% IF ( OpacNav ) %]
  34                 <div class="col-10 order-first order-md-first order-lg-2">
  35             [% ELSE %]
  36                 <div class="col order-first order-md-first order-lg-2">
  37             [% END %]
  38
  39             [% IF Koha.Preference('SearchEngine') == 'Elasticsearch' && Koha.Preference('OpacBrowseSearch') %]
  40                 <div id="browse-search" class="maincontent">
  41                     <h1>Browse search</h1>
  42
  43                     <form>
  44                         <label for="browse-searchterm">Search for:</label>
  45                         <input type="search" id="browse-searchterm" name="searchterm" value="">
  46                         <label for="browse-searchfield" class="hide-text">Search type:</label>
  47                         <select id="browse-searchfield" name="searchfield">
  48                             <option value="author">Author</option>
  49                             <option value="subject">Subject</option>
  50                             <option value="title">Title</option>
  51                         </select>
  52
  53                         <div id="browse-searchfuzziness">
  54                             <label for="exact" class="radio inline"><input type="radio" name="browse-searchfuzziness" id="exact" value="0">Exact</label>
  55                             <label for="fuzzy" class="radio inline"><input type="radio" name="browse-searchfuzziness" id="fuzzy" value="1" checked="checked"> Fuzzy</label>
  56                             <label for="reallyfuzzy" class="radio inline"><input type="radio" name="browse-searchfuzziness" id="reallyfuzzy" value="2"> Really fuzzy</label>
  57                         </div>
  58                         <button class="btn btn-success" type="submit" accesskey="s">Search</button>
  59                     </form>
  60
  61                     <p id="browse-suggestionserror" class="error hidden">
  62                     An error occurred, please try again.</p>
  63
  64                     <div id="browse-resultswrapper" class="d-none">
  65                         <ul id="browse-searchresults" start="-1" aria-live="polite">
  66                             <li class="loading hidden"><img src="[% interface | html %]/[% theme |html %]/images/loading.gif" alt=""> Loading</li>
  67
  68                             <li class="no-results hidden">Sorry, there are no results, try a different search term.</li>
  69                         </ul>
  70
  71                         <h3 id="browse-selection"></h3>
  72
  73                         <div id="browse-selectionsearch" class="d-none">
  74                             <div class="loading hidden">
  75                                 <img src="[% interface | html %]/[% theme | html %]/images/loading.gif" alt=""> Loading
  76                             </div>
  77
  78                             <div class="no-results hidden">No results</div>
  79
  80                             <ol aria-live="polite"></ol>
  81                         </div>
  82                     </div><!-- / #browse-resultswrapper -->
  83                 </div><!-- /#browse-search -->
  84             [% ELSE %]
  85                 <h3>This feature is not enabled</h3>
  86             [% END %]
  87
  88             </div><!-- / .col/col-10 -->
  89         </div><!-- / .row -->
  90     </div><!-- / .container-fluid -->
  91 </div><!-- / .main -->
  92
  93 [% INCLUDE 'opac-bottom.inc' %]
  94 [% BLOCK jsinclude %]
  95     [% Asset.js("/js/browse.js") | $raw %]
  96 [% END %]