mirror/seaweedfs
1
0
Fork 0
mirror of https://github.com/seaweedfs/seaweedfs.git synced 2024-12-05 03:29:03 +08:00
Code Issues Packages Projects Releases Wiki Activity
21d0a013d5
seaweedfs/weed/server/volume_server_ui/templates.go

225 lines
6.3 KiB
Go
Raw Normal View History

Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
package master_ui
import (
DiskStats: adding Total & Percent Usage making relevant data visible and readable.
2020-02-24 04:33:47 +08:00
"fmt"
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
"html/template"
tweaking ui
2015-03-23 03:50:04 +08:00
"strconv"
"strings"
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
)
DiskStats: adding Total & Percent Usage making relevant data visible and readable.
2020-02-24 04:33:47 +08:00
func bytesToHumanReadble(b uint64) string {
const unit = 1024
if b < unit {
return fmt.Sprintf("%d B", b)
}
div, exp := uint64(unit), 0
for n := b / unit; n >= unit; n /= unit {
div *= unit
exp++
}
return fmt.Sprintf("%.2f %ciB", float64(b)/float64(div), "KMGTPE"[exp])
}
func percentFrom(total uint64, part_of uint64) string {
return fmt.Sprintf("%.2f", (float64(part_of)/float64(total))*100)
}
tweaking ui
2015-03-23 03:50:04 +08:00
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{
DiskStats: adding Total & Percent Usage making relevant data visible and readable.
2020-02-24 04:33:47 +08:00
"join": join,
"bytesToHumanReadble": bytesToHumanReadble,
"percentFrom": percentFrom,
tweaking ui
2015-03-23 03:50:04 +08:00
}
var StatusTpl = template.Must(template.New("status").Funcs(funcMap).Parse(`<!DOCTYPE html>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
<html>
<head>
More consistency with SeaweedFS name Among the changes, this replaces a couple instances of "Seaweed File System" with "SeaweedFS", for the same reason that nobody says "Mongo Data Base".
2015-04-17 05:11:25 +08:00
<title>SeaweedFS {{ .Version }}</title>
embed static resources via statik
2018-10-08 12:42:57 +08:00
<link rel="stylesheet" href="/seaweedfsstatic/bootstrap/3.3.1/css/bootstrap.min.css">
<script type="text/javascript" src="/seaweedfsstatic/javascript/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="/seaweedfsstatic/javascript/jquery-sparklines/2.1.2/jquery.sparkline.min.js"></script>
tweaking ui
2015-03-23 03:50:04 +08:00
<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>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
</head>
<body>
<div class="container">
<div class="page-header">
[ui] seaweedfs logo and icon
2015-04-18 02:26:27 +08:00
<h1>
fix url
2018-12-28 06:43:36 +08:00
<a href="https://github.com/chrislusf/seaweedfs"><img src="/seaweedfsstatic/seaweed50x50.png"></img></a>
[ui] seaweedfs logo and icon
2015-04-18 02:26:27 +08:00
SeaweedFS <small>{{ .Version }}</small>
</h1>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
</div>
<div class="row">
<div class="col-sm-6">
<h2>Disk Stats</h2>
DiskStats: adding Total & Percent Usage making relevant data visible and readable.
2020-02-24 04:33:47 +08:00
<table class="table table-striped">
<thead>
<tr>
<th>Path</th>
<th>Total</th>
<th>Free</th>
adjust UI
2020-02-24 14:00:19 +08:00
<th>Usage</th>
DiskStats: adding Total & Percent Usage making relevant data visible and readable.
2020-02-24 04:33:47 +08:00
</tr>
</thead>
<tbody>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
{{ range .DiskStatuses }}
<tr>
DiskStats: adding Total & Percent Usage making relevant data visible and readable.
2020-02-24 04:33:47 +08:00
<td>{{ .Dir }}</td>
<td>{{ bytesToHumanReadble .All }}</td>
display bug, header is Free but data was Used
2020-02-24 13:47:27 +08:00
<td>{{ bytesToHumanReadble .Free }}</td>
adjust UI
2020-02-24 14:00:19 +08:00
<td>{{ percentFrom .All .Used}}%</td>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
</tr>
{{ end }}
DiskStats: adding Total & Percent Usage making relevant data visible and readable.
2020-02-24 04:33:47 +08:00
</tbody>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
</table>
</div>
<div class="col-sm-6">
<h2>System Stats</h2>
<table class="table table-condensed table-striped">
<tr>
use fixed list of masters in both filer and volume servers
2018-06-01 15:39:39 +08:00
<th>Masters</th>
<td>{{.Masters}}</td>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
</tr>
tweaking ui
2015-03-23 03:50:04 +08:00
<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>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
{{ 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>
tweaking ui
2015-03-23 03:50:04 +08:00
<th>Collection</th>
volume ui add readonly status
2019-12-25 06:55:26 +08:00
<th>Data Size</th>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
<th>Files</th>
<th>Trash</th>
<th>TTL</th>
volume ui add readonly status
2019-12-25 06:55:26 +08:00
<th>ReadOnly</th>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
</tr>
</thead>
<tbody>
{{ range .Volumes }}
<tr>
<td><code>{{ .Id }}</code></td>
tweaking ui
2015-03-23 03:50:04 +08:00
<td>{{ .Collection }}</td>
making volume stats size info readable.
2020-04-16 10:08:08 +08:00
<td>{{ bytesToHumanReadble .Size }}</td>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
<td>{{ .FileCount }}</td>
making volume stats size info readable.
2020-04-16 10:08:08 +08:00
<td>{{ .DeleteCount }} / {{bytesToHumanReadble .DeletedByteCount}}</td>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
<td>{{ .Ttl }}</td>
volume ui add readonly status
2019-12-25 06:55:26 +08:00
<td>{{ .ReadOnly }}</td>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
</tr>
{{ end }}
</tbody>
</table>
</div>
display remote volumes on volume server ui page
2019-12-03 15:23:54 +08:00
<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>
making volume stats size info readable.
2020-04-16 10:08:08 +08:00
<td>{{ bytesToHumanReadble .Size }}</td>
display remote volumes on volume server ui page
2019-12-03 15:23:54 +08:00
<td>{{ .FileCount }}</td>
making volume stats size info readable.
2020-04-16 10:08:08 +08:00
<td>{{ .DeleteCount }} / {{bytesToHumanReadble .DeletedByteCount}}</td>
display remote volumes on volume server ui page
2019-12-03 15:23:54 +08:00
<td>{{ .RemoteStorageName }}</td>
<td>{{ .RemoteStorageKey }}</td>
</tr>
{{ end }}
</tbody>
</table>
</div>
ui add ec shard statuses
2019-06-05 12:52:37 +08:00
<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>
making volume stats size info readable.
2020-04-16 10:08:08 +08:00
<td>{{ bytesToHumanReadble .ShardSize }}</td>
ui add ec shard statuses
2019-06-05 12:52:37 +08:00
<td>{{ .ShardIdList }}</td>
<td>{{ .CreatedAt.Format "02 Jan 06 15:04 -0700" }}</td>
</tr>
{{ end }}
</tbody>
</table>
</div>
Add Initial Seaweed File System UI
2015-03-20 01:39:22 +08:00
</div>
</body>
</html>
`))
Reference in New Issue Copy Permalink