api/ui/debug/batch.html (62 lines of code) (raw):
<!DOCTYPE html>
<html>
<head>
<title>Debugger</title>
<meta name="referrer" content="no-referrer" />
<link rel="stylesheet" type="text/css" href="css/batch.css">
<link rel="stylesheet" type="text/css" href="../node_modules/jquery-datetimepicker/build/jquery.datetimepicker.min.css">
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../node_modules/jquery-datetimepicker/build/jquery.datetimepicker.full.js"></script>
</head>
<body>
<h2>Batch Viewer</h2>
<table style="width:100%">
<tr>
<td>
<table>
<tr><td><div id="shard-pick"></div></td></tr>
<tr><td><div id="batch-load"></div></td></tr>
</table>
</td>
<td>
<div id="primary-key-view"></div>
</td>
</tr>
</table>
<hr>
<div>
<table class="grid-table" style="width: 100%">
<tr>
<td style="width: 10%; border-right: solid 2px #3b4151;">
<table style="width:100%">
<thead>
<th>BatchID</th>
<th>BatchSize</th>
</thead>
</table>
<div style="width:100%; height: 1200px; overflow:auto;">
<table class="batch-table hover-table" style="width: 100%;">
<tbody id="batch-table-body"></tbody>
</table>
</div>
</td>
<td style="width: 90%; padding-left: 20px;">
<div>
<div id="batch-pagination" class="pagination"></div>
<span id="row-jump">
<label for="row-number-input">Row: </label><input class="small-input" id="row-number-input" type="number" placeholder="0"/>
</span>
</div>
<div style="width:100%; height: 1200px; overflow:auto;">
<table class="data-table" style="width: 100%">
<thead id="table-header" class="data-table"></thead>
<tbody id="table-data" class="data-table"></tbody>
</table>
</div>
</td>
</tr>
</table>
</div>
<script src="js/batch.js"></script>
</body>
</html>