mirror of
https://gitee.com/milvus-io/milvus.git
synced 2025-12-06 17:18:35 +08:00
90 lines
3.1 KiB
HTML
90 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Milvus WebUI - Data Component</title>
|
|
<meta name="description" content="Milvus Management WebUI">
|
|
<link href="./static/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="./static/css/style.css" rel="stylesheet">
|
|
<script src="./static/js/jquery.min.js"></script>
|
|
<script src="./static/js/bootstrap.min.js"></script>
|
|
<script src="./static/js/bootstrap.bundle.min.js"></script>
|
|
<script src="./static/js/render.js"></script>
|
|
<script src="./static/js/common.js"></script>
|
|
<script src="./static/js/mockdata.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid">
|
|
<div id="header"></div>
|
|
<div class="row">
|
|
<div class="col-md-2">
|
|
</div>
|
|
<div class="col-md-8">
|
|
<h2>Data Channels</h2>
|
|
<table class="table table-bordered">
|
|
<thead class="thead-light">
|
|
<tr>
|
|
<th scope="col">Channel Name</th>
|
|
<th scope="col">Watch State</th>
|
|
<th scope="col">Node ID</th>
|
|
<th scope="col">Latest Time Tick</th>
|
|
<th scope="col">Start Watch Ts</th>
|
|
<th scope="col">Checkpoint Ts</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="dataChannelsTableBody"></tbody>
|
|
</table>
|
|
|
|
<div style="display: flex; justify-content: space-between;">
|
|
<p id="dchannel_totalCount"></p>
|
|
<div id="dchannelPaginationControls"></div>
|
|
</div>
|
|
|
|
<!-- Notifications Container -->
|
|
<div id="notificationsDChannels"></div>
|
|
|
|
|
|
<h2>Data Segments</h2>
|
|
<table class="table table-bordered">
|
|
<thead class="thead-light">
|
|
<tr>
|
|
<th scope="col">Segment ID</th>
|
|
<th scope="col">Collection ID</th>
|
|
<th scope="col">Partition ID</th>
|
|
<th scope="col">Channel</th>
|
|
<th scope="col">Num of Rows</th>
|
|
<th scope="col">State</th>
|
|
<th scope="col">Level</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="dataSegmentsTableBody"></tbody>
|
|
</table>
|
|
|
|
<div style="display: flex; justify-content: space-between;">
|
|
<p id="dsegment_totalCount"></p>
|
|
<div id="dsegmentPaginationControls"></div>
|
|
</div>
|
|
|
|
<!-- Notifications Container -->
|
|
<div id="notificationsDSegments"></div>
|
|
|
|
</div>
|
|
<div class="col-md-2">
|
|
</div>
|
|
</div>
|
|
<div id="footer"></div>
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function(){
|
|
$('#header').load("header.html");
|
|
$('#footer').load("footer.html");
|
|
});
|
|
|
|
fetchAndRenderDataChannels(startPage, paginationSize);
|
|
fetchAndRenderDataSegments(dataSegmentsStartPage, dataSegmentsPaginationSize);
|
|
</script>
|
|
</body>
|
|
</html> |