github/polaris
1
0
Fork 0
mirror of https://github.com/FairwindsOps/polaris.git synced 2026-05-20 08:04:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

use font-awesome icons

Browse Source
This commit is contained in:
Bobby Brennan
2019-03-15 14:09:31 +00:00
parent deacad7724
commit 4548d87042
3 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pkg/dashboard/dashboard.go
View File

@@ -33,14 +33,14 @@ func MainHandler(w http.ResponseWriter, r *http.Request, c conf.Configuration, k
"getSuccessWidth": func(rs validator.ResultSummary, fullWidth int) uint {
return uint(float64(rs.Successes) / float64(rs.Successes+rs.Warnings+rs.Failures) * float64(fullWidth))
},
"getCharCode": func(rm validator.ResultMessage) string {
"getIcon": func(rm validator.ResultMessage) string {
switch rm.Type {
case "success":
return "9745"
return "fas fa-check"
case "warning":
return "9888"
return "fas fa-exclamation"
default:
return "9746"
return "fas fa-times"
}
},
}).ParseFiles(TEMPLATE_FILE)

5
pkg/dashboard/templates/dashboard.gohtml
View File

@@ -11,6 +11,7 @@
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link rel="stylesheet" href="/static/css/normalize.css">
<link rel="stylesheet" href="/static/css/main.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/cash/3.0.0-beta.3/cash.min.js"></script>
@@ -54,7 +55,7 @@
<h4>Pod:</h4>
<ul>
{{ range $message := .Messages}}
<li class="{{ .Type }}"><span>&#{{ getCharCode $message }};</span> {{ .Message }}</li>
<li class="{{ .Type }}"><i class="{{ getIcon $message }}"></i> {{ .Message }}</li>
{{ end }}
</ul>
</div>
@@ -63,7 +64,7 @@
<h4>Container: {{ .Name }}</h4>
<ul>
{{ range $message := .Messages}}
<li class="{{ .Type }}"><span>&#{{ getCharCode $message }};</span> {{ .Message }}</li>
<li class="{{ .Type }}"><i class="{{ getIcon $message }}"></i> {{ .Message }}</li>
{{ end }}
</ul>
</div>

15
public/css/main.css
View File

@@ -159,26 +159,31 @@ body {
color: #6a6a6a;
}
.namespace-content .extra span {
.namespace-content .extra ul li {
margin-bottom: 5px;
}
.namespace-content .extra i {
display: inline-block;
margin-right: 10px;
text-align: center;
width: 20px;
font-size: 20px;
font-weight: bold;
position: relative;
bottom: -1px;
bottom: -3px;
}
.namespace-content .extra .success span {
.namespace-content .extra .success i {
color: #8BD2DC;
}
.namespace-content .extra .warning span {
.namespace-content .extra .warning i {
color: #f26c21;
font-size: 15px;
}
.namespace-content .extra .failure span {
.namespace-content .extra .failure i {
color: #a11f4c;
}