index.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>SysRev</title>
   5     <meta charset="utf-8">
   6     <meta name="viewport" content="width=device-width, initial-scale=1">
   7     <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
   8     <link href="custom.css" rel="stylesheet">
   9   </head>
  10   <body>
  11     <div class="container">
  12       <h1>Systemic Review Study Selector</h1>
  13       <hr>
  14       <div id="loader">
  15         <div class="card">
  16           <div class="card-body">
  17             <h3 class="card-heading">List of saved bibliographies</h3>
  18             <ul id="all-bibs" class="list-group step-selector"></ul>
  19           </div>
  20         </div>
  21         <div class="mt-2">
  22           <input type="file" id="file-selector">
  23           <button class="btn btn-outline-success" id="load-file">Load File</button>
  24         </div>
  25       </div>
  26       <div id="step-1-div" class="d-none">
  27         <h2>Step 1: Select by title</h2>
  28         <div id="step-1" class="list-group step-selector">
  29         </div>
  30         <button class="btn btn-success mt-2" id="step-1to2">Next Step</button>
  31         <button class="btn btn-secondary float-right mt-2" id="step-back">Back</button>
  32       </div>
  33       <div id="step-2-div" class="d-none">
  34         <h2>Step 2: Select by abstract</h2>
  35         <div id="step-2" class="list-group step-selector">
  36         </div>
  37         <button class="btn btn-success mt-2" id="step-2to3">Next Step</button>
  38         <button class="btn btn-secondary float-right mt-2" id="step-2to1">Previous Step</button>
  39       </div>
  40       <div id="step-3-div" class="d-none">
  41         <h2>Step 3: Select by fulltext</h2>
  42         <div id="step-3" class="list-group step-selector">
  43         </div>
  44         <button class="btn btn-success mt-2" id="finish">Finish</button>
  45         <button class="btn btn-secondary float-right mt-2" id="step-3to2">Previous Step</button>
  46       </div>
  47       <div id="download-div" class="d-none">
  48         <h2>Final Selection</h2>
  49         <ul id="finished" class="list-group"></ul>
  50         <a class="btn btn-primary mt-2" href="#" download="download.json" id="download">Download</a>
  51         <button class="btn btn-secondary float-right mt-2" id="step-backto3">Previous Step</button>
  52       </div>
  53     </div>
  54     <script src="jquery.min.js"></script>
  55     <script src="bootstrap/js/bootstrap.bundle.min.js"></script>
  56     <script src="script.js"></script>
  57   </body>
  58 </html>