diff --git a/templates/static/checks/issues2.html b/templates/static/checks/issues2.html
index e24f4a2..6b30cfa 100644
--- a/templates/static/checks/issues2.html
+++ b/templates/static/checks/issues2.html
@@ -175,7 +175,13 @@
var m2 = issue.History.length > 1 ? moment(issue.History.slice(-2)[0].Timestamp) : moment();
$($("td", currentIssue.html).get(0))
- .text(currentIssue.issue.Node.Name + " [ "+ currentIssue.issue.Node.UniqueIdentity +" ]");
+ .empty()
+ .append(
+ $("")
+ .text(currentIssue.issue.Node.Name + " [ "+ currentIssue.issue.Node.UniqueIdentity +" ]")
+ .attr("href","/static/checks/node.html#" + currentIssue.issue.Node.ID)
+ .attr("target","_blank")
+ );
$($("td", currentIssue.html).get(1))
.text(currentIssue.issue.Node.Comment);
$($("td", currentIssue.html).get(2))
diff --git a/templates/static/checks/node.html b/templates/static/checks/node.html
new file mode 100644
index 0000000..4d08b6e
--- /dev/null
+++ b/templates/static/checks/node.html
@@ -0,0 +1,226 @@
+<%frame "frame.html"%>
+
+
Knoten ()
+
+
+ Graphen Intervall:
+
+
+
+
+
+
+
+ Check |
+ Zeit in aktuellem Status |
+ Verlauf |
+ Messwerte |
+
+
+
+
+
+
+
+
+
+
+
diff --git a/templates/static/css/style.css b/templates/static/css/style.css
index b53fd3f..c114f3f 100644
--- a/templates/static/css/style.css
+++ b/templates/static/css/style.css
@@ -11,7 +11,6 @@
bottom: 0px;
left: 0px;
right: 0px;
-
}
div {
@@ -33,10 +32,6 @@ h1,h2,h3,h4,h5,h6 {
padding:2px;
}
-table {
- width: 98%;
-}
-
h1 > div {
display: inline;
}
@@ -55,16 +50,47 @@ a {
color: inherit;
}
-/*!
-button {
- border: 1px solid black;
- border-radius: 4px;
- padding: 6px;
-
- width: 140px;
- font-weight: 800;
+table {
+ border-collapse: collapse;
}
-*/
+
+table > thead {
+ font-style: italic;
+ background-color: #A0D0FF;
+ transition: background-color 1000ms;
+}
+
+table > tbody {
+ font-style: italic;
+}
+
+table td {
+ vertical-align: top;
+
+ padding: 4px;
+ padding-left: 8px;
+ padding-right: 8px;
+
+ margin: 0px;
+
+ border-bottom: 1px solid #A0D0FF;
+}
+table td:first-child {
+ border-left: 1px solid #A0D0FF;
+}
+table td:last-child {
+ border-right: 1px solid #A0D0FF;
+}
+
+table > tbody tr {
+ transition: background-color 250ms;
+}
+table > tbody tr:hover {
+ background-color: #D0FFFF;
+ color: black;
+ transition: background-color 250ms;
+}
+
#header {
top: 0px;
@@ -142,6 +168,10 @@ button {
overflow-x: scroll;
}
+.align-right {
+ text-align: right;
+}
+
.fill {
flex-grow: 1;
flex-shrink: 1;
@@ -157,6 +187,10 @@ button {
position: relative;
}
+.wrap {
+ flex-wrap: wrap;
+}
+
.flex.row {
flex-direction: row;
}
@@ -378,7 +412,7 @@ fieldset > label {
.issue-OK {
border-color: white;
- background-color: white;
+ background-color: inherit;
color: green;
}
.issue-WARN {