Implement new ui to dashboard

This commit is contained in:
Antoine GIRARD 2015-10-13 01:40:35 +02:00
parent a42514613f
commit e1c04f043b
2 changed files with 60 additions and 42 deletions

View File

@ -25,4 +25,25 @@
max-width: 200px; max-width: 200px;
} }
} }
.admin-desc,.admin-table {
padding: 20px;
}
dl.admin-dl-horizontal {
padding: 20px;
margin: 0;
dd{
margin-left: 240px;
}
dt {
font-weight: bolder;
float: left;
width: 250px;
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
} }

View File

@ -1,28 +1,26 @@
{{template "ng/base/head" .}} {{template "base/head" .}}
{{template "ng/base/header" .}} <div class="admin monitor">
<div id="admin-wrapper"> <div class="ui container">
<div id="setting-wrapper" class="main-wrapper"> <div class="ui grid">
<div id="repo-setting" class="container clear"> {{template "admin/navbar" .}}
{{template "admin/nav" .}} <div class="twelve wide column content">
<div class="grid-4-5 left"> {{template "base/alert" .}}
<div class="setting-content"> <h4 class="ui top attached header">
{{template "ng/base/alert" .}} {{.i18n.Tr "admin.dashboard.statistic"}}
<div id="setting-content"> </h4>
<div class="panel panel-radius"> <div class="ui attached table segment">
<div class="panel-header"> <p class="admin-desc">
<strong>{{.i18n.Tr "admin.dashboard.statistic"}}</strong> {{.i18n.Tr "admin.dashboard.statistic_info" .Stats.Counter.User .Stats.Counter.Org .Stats.Counter.PublicKey .Stats.Counter.Repo .Stats.Counter.Watch .Stats.Counter.Star .Stats.Counter.Action .Stats.Counter.Access .Stats.Counter.Issue .Stats.Counter.Comment .Stats.Counter.Oauth .Stats.Counter.Follow .Stats.Counter.Mirror .Stats.Counter.Release .Stats.Counter.LoginSource .Stats.Counter.Webhook .Stats.Counter.Milestone .Stats.Counter.Label .Stats.Counter.HookTask .Stats.Counter.Team .Stats.Counter.UpdateTask .Stats.Counter.Attachment | Str2html}}
</div> </p>
<div class="panel-body"> </div>
<p class="admin-desc"> <br>
{{.i18n.Tr "admin.dashboard.statistic_info" .Stats.Counter.User .Stats.Counter.Org .Stats.Counter.PublicKey .Stats.Counter.Repo .Stats.Counter.Watch .Stats.Counter.Star .Stats.Counter.Action .Stats.Counter.Access .Stats.Counter.Issue .Stats.Counter.Comment .Stats.Counter.Oauth .Stats.Counter.Follow .Stats.Counter.Mirror .Stats.Counter.Release .Stats.Counter.LoginSource .Stats.Counter.Webhook .Stats.Counter.Milestone .Stats.Counter.Label .Stats.Counter.HookTask .Stats.Counter.Team .Stats.Counter.UpdateTask .Stats.Counter.Attachment | Str2html}}
</div>
</div> <h4 class="ui top attached header">
<br> {{.i18n.Tr "admin.dashboard.operations"}}
<div class="panel panel-radius"> </h4>
<div class="panel-header"> <div class="ui attached table segment">
<strong>{{.i18n.Tr "admin.dashboard.operations"}}</strong>
</div>
<div class="panel-body admin-panel">
<div class="admin-table"> <div class="admin-table">
<table class="table"> <table class="table">
<tbody> <tbody>
@ -49,16 +47,16 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> <br>
<br>
<div class="panel panel-radius">
<div class="panel-header"> <h4 class="ui top attached header">
<strong>{{.i18n.Tr "admin.dashboard.system_status"}}</strong> {{.i18n.Tr "admin.dashboard.statistic"}}
</div> </h4>
<div class="panel-body"> <div class="ui attached table segment">
<dl class="dl-horizontal admin-dl-horizontal"> <dl class="dl-horizontal admin-dl-horizontal">
<dt>{{.i18n.Tr "admin.dashboard.server_uptime"}}</dt> <dt>{{.i18n.Tr "admin.dashboard.server_uptime"}}</dt>
<dd>{{.SysStatus.Uptime}}</dd> <dd>{{.SysStatus.Uptime}}</dd>
<dt>{{.i18n.Tr "admin.dashboard.current_goroutine"}}</dt> <dt>{{.i18n.Tr "admin.dashboard.current_goroutine"}}</dt>
@ -145,13 +143,12 @@
<dt>{{.i18n.Tr "admin.dashboard.gc_times"}}</dt> <dt>{{.i18n.Tr "admin.dashboard.gc_times"}}</dt>
<dd>{{.SysStatus.NumGC}}</dd> <dd>{{.SysStatus.NumGC}}</dd>
</dl> </dl>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<br>
</div>
</div> </div>
</div>
</div> </div>
{{template "ng/base/footer" .}} {{template "base/footer" .}}