offline.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <link href="lib/bootstrap/v3/css/bootstrap.min.css" rel="stylesheet" media="screen">
  6. <link href="lib/bootstrap/v3/css/bootstrap-theme.min.css" rel="stylesheet" media="screen">
  7. <link href="lib/qtip2/jquery.qtip.min.css" rel="stylesheet" media="screen">
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <script src="lib/bootstrap/v3/js/jquery.js"></script>
  10. <script src="lib/bootstrap/v3/js/bootstrap.min.js"></script>
  11. <script src="lib/holder.min.js"></script>
  12. <script src="lib/localforage.min.js"></script>
  13. <script src="lib/qtip2/jquery.qtip.min.js"></script>
  14. <title>The Epube</title>
  15. <link type="text/css" rel="stylesheet" media="screen" href="css/index.css" />
  16. <link rel="shortcut icon" type="image/png" href="img/favicon.png" />
  17. <link rel="icon" sizes="192x192" href="img/favicon_hires.png">
  18. <link rel="manifest" href="manifest.json">
  19. <meta name="mobile-web-app-capable" content="yes">
  20. <script src="js/offline.js"></script>
  21. <script src="js/common.js"></script>
  22. </head>
  23. <body>
  24. <div class="navbar navbar-default navbar-static-top">
  25. <div class="container">
  26. <div class="navbar-header">
  27. <span class="navbar-brand"><a href="offline.html">The Epube</a></span>
  28. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse" aria-expanded="false">
  29. <span class="sr-only">Toggle navigation</span>
  30. <span class="icon-bar"></span>
  31. <span class="icon-bar"></span>
  32. <span class="icon-bar"></span>
  33. </button>
  34. </div>
  35. <div class="collapse navbar-collapse" id="nav-collapse">
  36. <ul class="nav navbar-nav">
  37. <li><a href="index.php">All</a></li>
  38. <li><a href="index.php?mode=favorites">Favorites</a></li>
  39. <li class="active"><a href="offline.html">Local</a></li>
  40. </ul>
  41. <form onsubmit="return false;" class="navbar-form navbar-right">
  42. <button type="submit" onclick="offline_clear()" class="btn btn-danger">Remove all</button>
  43. </form>
  44. <form class="navbar-form navbar-right">
  45. <input type="text" class="form-control search_query" name="query" class="form-control"
  46. value="">
  47. <button type="submit" class="btn btn-default">Search</button>
  48. </form>
  49. </div>
  50. </div>
  51. </div>
  52. <script type="text/javascript">
  53. $(document).ready(function() {
  54. if ('serviceWorker' in navigator) {
  55. navigator.serviceWorker
  56. .register('worker.js')
  57. .then(function() {
  58. console.log("service worker registered");
  59. });
  60. }
  61. var query = $.urlParam("query");
  62. if (query)
  63. $(".search_query").val(query);
  64. populate_list();
  65. });
  66. </script>
  67. <div class="container">
  68. <div class="modal fade" id="summary-modal" tabindex="-1" role="dialog">
  69. <div class="modal-dialog" role="document">
  70. <div class="modal-content">
  71. <div class="modal-header">
  72. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  73. <h4 class="modal-title">Summary</h4>
  74. </div>
  75. <div class="modal-body">
  76. <div class="book-summary"> </div>
  77. </div>
  78. <div class="modal-footer">
  79. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="row" id="books_container"> </div>
  85. </div>
  86. </body>
  87. </html>