1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Loading Job Status...</title> 5 <link rel="stylesheet" href="base.css" type="text/css"> 6 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 7 <script type="text/javascript" src="jquery.js"></script> 8 <script type="text/javascript" src="jquery-json.js"></script> 9 <script type="text/javascript" src="jquery-url.js"></script> 10 <script type="text/javascript" src="status.js"></script> 11 <script type="text/javascript"> 12 google.load('visualization', '1.0', {'packages': ['corechart']}); 13 google.setOnLoadCallback(initDetail); 14 </script> 15 </head> 16 <body> 17 18 <div id="butter" style="display: none"></div> 19 20 <div id="control"> 21 <span id="overview-link"> 22 <a href="status">« Back to Overview</a> 23 | 24 </span> 25 <span id="job-control"></span> 26 <!-- 27 Add refresh control. 28 --> 29 </div> 30 31 <h1 id="detail-page-title">Loading Job Status...</h1> 32 <h3 id="detail-page-undertext"></h3> 33 34 <div id="detail"> 35 36 <div id="detail-graph"></div> 37 38 <div id="detail-params-container"> 39 <h2>Overview</h2> 40 <ul id="detail-params"></ul> 41 </div> 42 43 <div id="aggregated-counters-container"> 44 <h2>Counters</h2> 45 <ul id="aggregated-counters"></ul> 46 </div> 47 48 <div style="clear: both"></div> 49 50 <div> 51 <h2>Shard status</h2> 52 <table class="status-table"> 53 <thead> 54 <tr> 55 <th>Shard</th> 56 <th>Status</th> 57 <th>Description</th> 58 <th>Last work item</th> 59 <th>Time elapsed</th> 60 </tr> 61 </thead> 62 63 <tbody id="mapper-shard-status"></tbody> 64 </table> 65 </div> 66 </div> 67 68 </body> 69 </html> 70
