usr.bin/dsynth/progress.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6
   7     <title>Synth</title>
   8
   9     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  10     <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js" type="text/javascript" charset="utf-8"></script>
  11     <link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
  12     <link href="progress.css" type="text/css" rel="stylesheet" />
  13     <script src="progress.js" type="text/javascript"></script>
  14
  15     <link rel="icon" type="image/png" href="favicon.png">
  16   </head>
  17   <body>
  18     <div id="header">
  19         <table class="layout">
  20           <tr>
  21             <td>
  22               <div id="logo">
  23                 <img src="dsynth.png" alt="logo" />
  24               </div>
  25             </td>
  26             <td>
  27               <div id="build_info">
  28                 <table>
  29                   <tr>
  30                     <th>Profile:</th>
  31                     <td id="profile"></td>
  32                   </tr>
  33                   <tr>
  34                     <th>Polling:</th>
  35                     <td id="polling"></td>
  36                   </tr>
  37                   <tr>
  38                     <th>Kickoff:</th>
  39                     <td id="kickoff"></td>
  40                   </tr>
  41                 </table>
  42               </div>
  43             </td>
  44             <td>
  45               <div id="stats">
  46                 <table>
  47                   <thead>
  48                     <tr>
  49                       <th>Total</th>
  50                       <th>Built</th>
  51                       <th>Meta</th>
  52                       <th>Failed</th>
  53                       <th>Ignored</th>
  54                       <th>Skipped</th>
  55                       <th>Remaining</th>
  56                     </tr>
  57                   </thead>
  58                   <tbody>
  59                     <tr>
  60                       <td id="stats_queued" class="queued" onclick="filter('')" title="Clear search filter"></td>
  61                       <td id="stats_built" class="built" onclick="filter('built')" title="Click to filter for built packages"></td>
  62                       <td id="stats_meta" class="meta" onclick="filter('meta')" title="Click to filter for meta packages"></td>
  63                       <td id="stats_failed" class="failed" onclick="filter('failed')" title="Click to filter for build failures"></td>
  64                       <td id="stats_ignored" class="ignored" onclick="filter('ignored')" title="Click to filter for ignored ports"></td>
  65                       <td id="stats_skipped" class="skipped" onclick="filter('skipped')" title="Click to filter for skipped ports"></td>
  66                       <td id="stats_remains" class="remains"></td>
  67                     </tr>
  68                   </tbody>
  69                 </table>
  70               </div>
  71               <div id="stress">
  72                 <table>
  73                   <thead>
  74                     <tr>
  75                       <th>Load</th>
  76                       <th>Swapinfo</th>
  77                       <th>Elapsed</th>
  78                       <th>Pkg/hour</th>
  79                       <th title="Packages build rate over last 500 seconds" id="impulse_label">Impulse</th>
  80                     </tr>
  81                   </thead>
  82                   <tbody>
  83                     <tr>
  84                       <td id="stats_load"></td>
  85                       <td id="stats_swapinfo"></td>
  86                       <td id="stats_elapsed"></td>
  87                       <td id="stats_pkghour"></td>
  88                       <td id="stats_impulse"></td>
  89                     </tr>
  90                   </tbody>
  91                 </table>
  92               </div>
  93             </td>
  94           </tr>
  95         </table>
  96     </div><!-- #header -->
  97     <div id="main">
  98       <div id="builders_zone_2">
  99         <table class="builders_table" id="builders_body">
 100           <thead class="builders">
 101             <tr>
 102               <td>ID</td>
 103               <td>Duration</td>
 104               <td>Build Phase</td>
 105               <td>Origin</td>
 106               <td>Lines</td>
 107             </tr>
 108           </thead>
 109           <tbody class="builders"></tbody>
 110         </table>
 111       </div>
 112
 113       <div id="report">
 114         <table id="report_table">
 115           <thead>
 116             <tr>
 117               <th title="Click on number to search on origin">No.</th>
 118               <th>Elapsed</th>
 119               <th>ID</th>
 120               <th>Result</th>
 121               <th>Origin</th>
 122               <th>Information</th>
 123               <th>Skip</th>
 124               <th>Duration</th>
 125             </tr>
 126           </thead>
 127           <tbody id="report_body"></tbody>
 128         </table>
 129       </div>
 130     </div>
 131
 132     <div id="footer">
 133       <div id="nav">
 134         Progress
 135       </div>
 136       <div id="progress">
 137         <canvas id="progressbar" width=952 height=22></canvas>
 138       </div>
 139     </div>
 140   </body>
 141 </html>