From ce7387cab3a04190219abee395fe4c1a0ef7bc43 Mon Sep 17 00:00:00 2001
From: Laurenz <git@laure.nz>
Date: Thu, 13 Oct 2022 14:46:04 +0200
Subject: [PATCH] Pretty-print json-stringified measurement values

---
 .../web_gui/src/app/shared/trimmed-text.component.ts     | 2 +-
 .../web_gui/src/app/stations/station/station-data.ts     | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/openhtf/output/web_gui/src/app/shared/trimmed-text.component.ts b/openhtf/output/web_gui/src/app/shared/trimmed-text.component.ts
index 818289f3c..f6d465802 100644
--- a/openhtf/output/web_gui/src/app/shared/trimmed-text.component.ts
+++ b/openhtf/output/web_gui/src/app/shared/trimmed-text.component.ts
@@ -22,7 +22,7 @@ import { Component, Input } from '@angular/core';
 
 const ellipsis = '…';
 const template = `
-  {{ trimmedContent }}
+  <div style="white-space: pre-wrap;">{{ trimmedContent }}</div>
   <button *ngIf="buttonLabel !== null" type="button" class="htf-link-button"
           (click)="onClick()">
     {{ buttonLabel }}
diff --git a/openhtf/output/web_gui/src/app/stations/station/station-data.ts b/openhtf/output/web_gui/src/app/stations/station/station-data.ts
index 5fe15420f..a4a8f5cde 100644
--- a/openhtf/output/web_gui/src/app/stations/station/station-data.ts
+++ b/openhtf/output/web_gui/src/app/stations/station/station-data.ts
@@ -205,11 +205,12 @@ function makePhase(phase: RawPhase, running: boolean) {
     measurements = Object.keys(phase.measurements).map(key => {
       const rawMeasuredValue = phase.measurements[key].measured_value;
       let measuredValue = null;
-      if (typeof rawMeasuredValue === 'object') {
-        measuredValue = JSON.stringify(rawMeasuredValue);
-      } else if (typeof rawMeasuredValue !== 'undefined') {
-        measuredValue = `${rawMeasuredValue}`;
+      if (typeof rawMeasuredValue === 'string') {
+        measuredValue = rawMeasuredValue.trim();
+      } else {
+        JSON.stringify(rawMeasuredValue, null, 2);
       }
+
       return new Measurement({
         name: phase.measurements[key].name,
         validators: phase.measurements[key].validators || null,