Pretty-print json-stringified measurement values

Author: lalten

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 }}

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,