feat: highlight HTTP status code 0 (or undefined)

closes #267
micmro · Apr 18, 2021 · 717d974 · 717d974
1 parent 168f312
commit 717d974
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/css-raw/perf-cascade.css b/src/css-raw/perf-cascade.css
@@ -39,19 +39,25 @@
 .row-item:focus .even {fill: #000; opacity: 0.2; }
 
 .row-item .rect-holder text {fill: #aaa}
+.row-item.status0 .even,
 .row-item.status5xx .even {fill: #f66;}
+.row-item.status0 .odd,
 .row-item.status5xx .odd {fill: #f00;}
 .row-item.status4xx .even{fill: #c33;}
 .row-item.status4xx .odd {fill: #c00;}
 .row-item.status3xx .even {fill: #ff6;}
 .row-item.status3xx .odd {fill: #ff0;}
 
+.row-item.status0 .even,
+.row-item.status0 .odd,
 .row-item.status5xx .even,
 .row-item.status5xx .odd,
 .row-item.status4xx .even,
 .row-item.status4xx .odd,
 .row-item.status3xx .even,
 .row-item.status3xx .odd {opacity: 0.3;}
+.row-item.status0:hover .even,
+.row-item.status0:hover .odd,
 .row-item.status5xx:hover .even,
 .row-item.status5xx:hover .odd,
 .row-item.status4xx:hover .even,

diff --git a/src/ts/transformers/helpers.ts b/src/ts/transformers/helpers.ts
@@ -132,6 +132,9 @@ export function makeRowCssClasses(status: number): string {
     isInStatusCodeRange(status, 300, 399)) {
     // 304 == Not Modified, so not an issue
     classes.push("status3xx");
+  } else if (status === 0 || status === undefined) {
+    // eg connection refused, or connection timeout etc then the http status code defaults to 0
+    classes.push("status0");
   }
   return classes.join(" ");
 }