Made more updates per Tony's spread sheet.

Author: Billy Ernest

SEBrowser/SEBrowser.csproj.user

@@ -9,7 +9,7 @@
     <IISExpressWindowsAuthentication>enabled</IISExpressWindowsAuthentication>
     <IISExpressUseClassicPipelineMode />
     <UseGlobalApplicationHostFile />
-    <LastActiveSolutionConfig>Debug|Any CPU</LastActiveSolutionConfig>
+    <LastActiveSolutionConfig>Release|Any CPU</LastActiveSolutionConfig>
     <ProjectView>ShowAllFiles</ProjectView>
     <NameOfLastUsedPublishProfile>FolderProfile</NameOfLastUsedPublishProfile>
   </PropertyGroup>

SEBrowser/Scripts/SEBrowser.js

@@ -26,6 +26,7 @@ import SEBrowserService from './../../../TS/Services/SEBrowser';
 
 export default class EventSearchFaultSegments extends React.Component<{ EventID: number }, {tableRows: Array<JSX.Element>, count: number }>{
     seBrowserService: SEBrowserService;
+    handle: JQuery.jqXHR;
     constructor(props, context) {
         super(props, context);
 
@@ -35,13 +36,16 @@ export default class EventSearchFaultSegments extends React.Component<{ EventID:
             tableRows: [],
             count: 0
         };
+
+        this.handle = null;
     }
 
     componentDidMount() {
         if (this.props.EventID >= 0)
             this.createTableRows(this.props.EventID);
     }
     componentWillUnmount() {
+        if (this.handle.abort != undefined) this.handle.abort();
     }
     componentWillReceiveProps(nextProps) {
         if (nextProps.EventID >= 0)
@@ -50,12 +54,13 @@ export default class EventSearchFaultSegments extends React.Component<{ EventID:
 
 
     createTableRows(eventID: number) {
-        this.seBrowserService.getEventSearchAsssetFaultSegmentsData(eventID).done(data => {
+        this.handle = this.seBrowserService.getEventSearchAsssetFaultSegmentsData(eventID).done(data => {
             var rows = data.map((d,i) =>
                 <tr key={i}>
                     <td>{d.SegmentType}</td>
                     <td>{moment(d.StartTime).format('HH:mm:ss.SSS')}</td>
                     <td>{moment(d.EndTime).format('HH:mm:ss.SSS')}</td>
+                    <td>{(moment(d.EndTime).diff(moment(d.StartTime))/16.66667).toFixed(1)}</td>
                 </tr>)
 
             this.setState({ tableRows: rows , count: rows.length});
@@ -70,7 +75,7 @@ export default class EventSearchFaultSegments extends React.Component<{ EventID:
                 <div className="card-body">
                     <table className="table">
                         <thead>
-                            <tr><th>Evolution</th><th>Inception</th><th>End</th></tr>
+                            <tr><th>Evolution</th><th>Inception</th><th>End</th><th>Duration (c)</th></tr>
                         </thead>
                         <tbody>
                             {this.state.tableRows}

SEBrowser/Scripts/TSX/Components/EventSearch/EventSearchAssetFaultSegments.tsx

@@ -81,11 +81,11 @@ function EventSearchFileInfo(props: { EventID: number }) {
 
     return (
         <div className="card">
-            <div className="card-header">File Info:</div>
+            <div className="card-header">File Info:
+                <a className="pull-right" target="_blank" href={scInstance + `?name=ConfigurationHistory&MeterKey=${meterKey}&MeterConfigurationID=${meterConfigurationID}`}>Meter Configuration Via System Center</a>
+            </div>
 
             <div className="card-body">
-                <table className="table"><thead><tr><td style={{ borderBottom: '2px solid #dee2e6' }}><a href={scInstance + `?name=ConfigurationHistory&MeterKey=${meterKey}&MeterConfigurationID=${meterConfigurationID}`}>Meter Configuration Via System Center</a></td></tr></thead></table>
-
                 <table className="table"><thead><tr><th>File:</th><td style={{borderBottom: '2px solid #dee2e6'}}>{fileName}</td></tr></thead></table>
                 <h6>Mapped Channels</h6>
                 <table className="table">

SEBrowser/Scripts/TSX/Components/EventSearch/EventSearchFileInfo.tsx

@@ -25,7 +25,7 @@ import React from 'react';
 
 const LineParameters = (props: { EventID: number }) => {
     const [hidden, setHidden] = React.useState<boolean>(true);
-    const [lineParameters, setLineParameters] = React.useState<{ Length?: number,X0?: number, X1?: number, R1?: number, R0?: number}>(null);
+    const [lineParameters, setLineParameters] = React.useState<{ ID?: number, Length?: number,X0?: number, X1?: number, R1?: number, R0?: number}>(null);
     React.useEffect(() => {
         return GetData();
     }, [props.EventID]);
@@ -71,7 +71,9 @@ const LineParameters = (props: { EventID: number }) => {
     if (lineParameters == null) return null;
     return (
         <div className="card" hidden={hidden}>
-            <div className="card-header">Line Parameters:</div>
+            <div className="card-header">Line Parameters:
+                <a className="pull-right" target="_blank" href={`${scInstance}?name=Asset&AssetID=${lineParameters.ID}`}>Line Configuration Via System Center</a>
+            </div>
             <div className="card-body">
                 <table className='table'>
                     <thead>

SEBrowser/Scripts/TSX/Components/EventSearch/LineParameters.tsx

@@ -78,7 +78,7 @@ const FaultInfo = (props: { EventID: number }) => {
             <div className="card-body">
                 <table className='table'>
                     <tbody>
-                        <tr><td>Fault Inception Time: </td><td>{faultInfo.FaultTime}</td></tr>
+                        <tr><td>Fault Inception Time: </td><td>{moment(faultInfo.FaultTime).format('YYYY-MM-DD HH:mm:ss.SSS')} (Central Time)</td></tr>
                         <tr><td>Fault Duration: </td><td>{faultInfo.FaultDuration} cycles / {(faultInfo.FaultDuration == undefined ? '': (faultInfo.FaultDuration * 16.6).toFixed(2))} ms</td></tr>
                         <tr><td>Fault Type: </td><td>{faultInfo.FaultType}</td></tr>
                         <tr><td>Location: </td><td>{faultInfo.FaultDistance}  miles from {faultInfo.StationName}({faultInfo.StationID}) on {faultInfo.LineName}({faultInfo.LineAssetKey})</td></tr>