Skip to content
This repository was archived by the owner on Oct 21, 2022. It is now read-only.

Commit 7892327

Browse files
authored
Add color legend and change font (#78)
1 parent ed5d418 commit 7892327

1 file changed

Lines changed: 41 additions & 5 deletions

File tree

dashboard/grid-template.html

Lines changed: 41 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,27 @@
2626
margin: 0.5em;
2727
}
2828

29+
legend {
30+
display: block;
31+
padding-left: 2px;
32+
padding-right: 2px;
33+
border: none;
34+
}
35+
36+
.legend-box {
37+
width: 240px;
38+
height: 20px;
39+
margin: 5px;
40+
border: 1px solid rgba(0, 0, 0, .2);
41+
position: relative;
42+
}
43+
44+
.row {
45+
display : flex;
46+
align-items : center;
47+
margin-bottom: 15px;
48+
}
49+
2950
td:hover pre {
3051
overflow: auto;
3152
min-height: 1.2em;
@@ -43,7 +64,7 @@
4364
}
4465

4566
.self-install_error {
46-
background-color: purple;
67+
background-color: red;
4768
}
4869

4970
.self-check_warning {
@@ -63,24 +84,39 @@
6384
}
6485

6586
.check_warning {
66-
background-color: yellow;
87+
background-color: orange;
6788
}
6889
</style>
6990
</head>
7091

7192
<body>
72-
<b>Dashboard updated on: </b><b>{{ current_timestamp }}</b>
93+
<font face="verdana"><b>Dashboard updated on: </b><b>{{ current_timestamp }}</b></font>
94+
<fieldset>
95+
<legend><b><font face="verdana">Color legend:</font></b></legend>
96+
<div class="row">
97+
<div class="legend-box self-unknown"><b><font face="verdana" color="white">Self-Unknown</font></b></div>
98+
<div class="legend-box self-success"><b><font face="verdana" color="white">Self-Success</font></b></div>
99+
<div class="legend-box self-install_error"><b><font face="verdana" color="white">Self-InstallError</font></b></div>
100+
<div class="legend-box self-check_warning"><b><font face="verdana" color="white">Self-CheckWarning</font></b></div>
101+
</div>
102+
<div class="row">
103+
<div class="legend-box unknown"><b><font face="verdana" color="white">Pairwise-Unknown</font></b></div>
104+
<div class="legend-box success"><b><font face="verdana" color="white">Pairwise-Success</font></b></div>
105+
<div class="legend-box install_error"><b><font face="verdana" color="white">Pairwise-InstallError</font></b></div>
106+
<div class="legend-box check_warning"><b><font face="verdana" color="white">Pairwise-CheckWarning</font></b></div>
107+
</div>
108+
</fieldset>
73109
<table>
74110
<tr>
75111
<td></td>
76112
{% for col_package in packages %}
77-
<td>{{ col_package.friendly_name }}</td>
113+
<td><font face="verdana">{{ col_package.friendly_name }}</font></td>
78114
{% endfor %}
79115
</tr>
80116
{% for row_package in packages %}
81117
{% set row = loop.index0 %}
82118
<tr>
83-
<td>{{ row_package.friendly_name }}</td>
119+
<td><font face="verdana">{{ row_package.friendly_name }}</font></td>
84120
{% for col_package in packages %}
85121
{% set column = loop.index0 %}
86122
{% if column <= row %}

0 commit comments

Comments
 (0)