mirror of
https://github.com/seaweedfs/seaweedfs.git
synced 2024-01-19 02:48:24 +00:00
217 lines
6.3 KiB
Go
217 lines
6.3 KiB
Go
package volume_server_ui
|
|
|
|
import (
|
|
"fmt"
|
|
"github.com/chrislusf/seaweedfs/weed/util"
|
|
"html/template"
|
|
"strconv"
|
|
"strings"
|
|
)
|
|
|
|
func percentFrom(total uint64, part_of uint64) string {
|
|
return fmt.Sprintf("%.2f", (float64(part_of)/float64(total))*100)
|
|
}
|
|
|
|
func join(data []int64) string {
|
|
var ret []string
|
|
for _, d := range data {
|
|
ret = append(ret, strconv.Itoa(int(d)))
|
|
}
|
|
return strings.Join(ret, ",")
|
|
}
|
|
|
|
var funcMap = template.FuncMap{
|
|
"join": join,
|
|
"bytesToHumanReadable": util.BytesToHumanReadable,
|
|
"percentFrom": percentFrom,
|
|
}
|
|
|
|
var StatusTpl = template.Must(template.New("status").Funcs(funcMap).Parse(`<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>SeaweedFS {{ .Version }}</title>
|
|
<link rel="stylesheet" href="/seaweedfsstatic/bootstrap/3.3.1/css/bootstrap.min.css">
|
|
<script type="text/javascript" src="/seaweedfsstatic/javascript/jquery-3.6.0.min.js"></script>
|
|
<script type="text/javascript" src="/seaweedfsstatic/javascript/jquery-sparklines/2.1.2/jquery.sparkline.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
var periods = ['second', 'minute', 'hour', 'day'];
|
|
for (i = 0; i < periods.length; i++) {
|
|
var period = periods[i];
|
|
$('.inlinesparkline-'+period).sparkline('html', {
|
|
type: 'line',
|
|
barColor: 'red',
|
|
tooltipSuffix:' request per '+period,
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
<style>
|
|
#jqstooltip{
|
|
height: 28px !important;
|
|
width: 150px !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="page-header">
|
|
<h1>
|
|
<a href="https://github.com/chrislusf/seaweedfs"><img src="/seaweedfsstatic/seaweed50x50.png"></img></a>
|
|
SeaweedFS <small>{{ .Version }}</small>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h2>Disk Stats</h2>
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Path</th>
|
|
<th>Disk</th>
|
|
<th>Total</th>
|
|
<th>Free</th>
|
|
<th>Usage</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{ range .DiskStatuses }}
|
|
<tr>
|
|
<td>{{ .Dir }}</td>
|
|
<td>{{ .DiskType }}</td>
|
|
<td>{{ bytesToHumanReadable .All }}</td>
|
|
<td>{{ bytesToHumanReadable .Free }}</td>
|
|
<td>{{ percentFrom .All .Used}}%</td>
|
|
</tr>
|
|
{{ end }}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<h2>System Stats</h2>
|
|
<table class="table table-condensed table-striped">
|
|
<tr>
|
|
<th>Masters</th>
|
|
<td>{{.Masters}}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Weekly # ReadRequests</th>
|
|
<td><span class="inlinesparkline-day">{{ .Counters.ReadRequests.WeekCounter.ToList | join }}</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Daily # ReadRequests</th>
|
|
<td><span class="inlinesparkline-hour">{{ .Counters.ReadRequests.DayCounter.ToList | join }}</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Hourly # ReadRequests</th>
|
|
<td><span class="inlinesparkline-minute">{{ .Counters.ReadRequests.HourCounter.ToList | join }}</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Last Minute # ReadRequests</th>
|
|
<td><span class="inlinesparkline-second">{{ .Counters.ReadRequests.MinuteCounter.ToList | join }}</span></td>
|
|
</tr>
|
|
{{ range $key, $val := .Stats }}
|
|
<tr>
|
|
<th>{{ $key }}</th>
|
|
<td>{{ $val }}</td>
|
|
</tr>
|
|
{{ end }}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h2>Volumes</h2>
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Id</th>
|
|
<th>Collection</th>
|
|
<th>Disk</th>
|
|
<th>Data Size</th>
|
|
<th>Files</th>
|
|
<th>Trash</th>
|
|
<th>TTL</th>
|
|
<th>ReadOnly</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{ range .Volumes }}
|
|
<tr>
|
|
<td><code>{{ .Id }}</code></td>
|
|
<td>{{ .Collection }}</td>
|
|
<td>{{ .DiskType }}</td>
|
|
<td>{{ bytesToHumanReadable .Size }}</td>
|
|
<td>{{ .FileCount }}</td>
|
|
<td>{{ .DeleteCount }} / {{bytesToHumanReadable .DeletedByteCount}}</td>
|
|
<td>{{ .Ttl }}</td>
|
|
<td>{{ .ReadOnly }}</td>
|
|
</tr>
|
|
{{ end }}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h2>Remote Volumes</h2>
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Id</th>
|
|
<th>Collection</th>
|
|
<th>Size</th>
|
|
<th>Files</th>
|
|
<th>Trash</th>
|
|
<th>Remote</th>
|
|
<th>Key</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{ range .RemoteVolumes }}
|
|
<tr>
|
|
<td><code>{{ .Id }}</code></td>
|
|
<td>{{ .Collection }}</td>
|
|
<td>{{ bytesToHumanReadable .Size }}</td>
|
|
<td>{{ .FileCount }}</td>
|
|
<td>{{ .DeleteCount }} / {{bytesToHumanReadable .DeletedByteCount}}</td>
|
|
<td>{{ .RemoteStorageName }}</td>
|
|
<td>{{ .RemoteStorageKey }}</td>
|
|
</tr>
|
|
{{ end }}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h2>Erasure Coding Shards</h2>
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Id</th>
|
|
<th>Collection</th>
|
|
<th>Shard Size</th>
|
|
<th>Shards</th>
|
|
<th>CreatedAt</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{ range .EcVolumes }}
|
|
<tr>
|
|
<td><code>{{ .VolumeId }}</code></td>
|
|
<td>{{ .Collection }}</td>
|
|
<td>{{ bytesToHumanReadable .ShardSize }}</td>
|
|
<td>{{ .ShardIdList }}</td>
|
|
<td>{{ .CreatedAt.Format "02 Jan 06 15:04 -0700" }}</td>
|
|
</tr>
|
|
{{ end }}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|
|
`))
|