app/index.html

   1 <html class="no-js">
   2   <head>
   3     <title>eBook Library</title>
   4     <link href="lib.css" rel="stylesheet" type="text/css"/>
   5     <meta charset="utf-8"/>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   7   </head>
   8
   9   <body onload="onSearch();">
  10     <form onmouseenter="ToolTip.stopTooltipTimer();">
  11       <input id="search" onclick="onSearch();" type="button" value="Search"/>
  12       <span class="term">Author: <input id="aut" type="text"/></span>
  13       <span class="term">Title: <input id="tit" type="text"/></span>
  14       <span class="term">Series: <input id="ser" type="text"/></span>
  15       <span class="term">Language: <input id="lan" type="text"/></span>
  16       <span class="term">Lists: <input id="lst" type="text"/></span>
  17       <span class="term">
  18         Sort:
  19         <select id="srt">
  20           <option value="aut">Author</option>
  21           <option value="arr">New Arrivals</option>
  22           <!-- <option value="pub">Publication</option> (not yet implemented)-->
  23           <option value="tit">Title</option>
  24         </select>
  25       </span>
  26     </form>
  27
  28     <div class="pager">
  29       <input id="back" onclick="onPrev();" value="Back" type="button"/>
  30       <input id="forward" onclick="onNext();" value="Forward" type="button"/>
  31       Showing <span id="first">0</span> through <span id="last">0</span> out of <span id="count">0</span> matching books.
  32       <br/>
  33       <div class="slidercontainer">
  34         <input id="slider" class="slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
  35       </div>
  36     </div>
  37
  38     <div id="books">(No books found)</div>
  39
  40     <div id="details" class="tooltip" onclick="hideDetails();">(No information available)</div>
  41
  42     <div class="pager">
  43       <input id="bottom_back" onclick="onPrev();" value="Back" type="button"/>
  44       <input id="bottom_forward" onclick="onNext();" value="Forward" type="button"/>
  45       Showing <span id="bottom_first">0</span> through <span id="bottom_last">0</span> out of <span id="bottom_count">0</span> matching books.
  46       <br/>
  47       <div class="slidercontainer">
  48         <input id="bottom_slider" class="slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
  49       </div>
  50     </div>
  51
  52     <script src="modernizr-custom.js"></script>
  53     <script src="unfetch.js"></script>
  54     <script src="lib.min.js"></script>
  55   </body>
  56 </html>