From 2b5c638fbae9fd9c993ece3b1c1325c2bb2bf7f4 Mon Sep 17 00:00:00 2001
From: Stephen Salinas <ssalinas@hubspot.com>
Date: Tue, 21 Mar 2017 08:25:42 -0400
Subject: [PATCH] Add links between tailer versions

---
 SingularityUI/app/components/logs/Header.jsx    | 15 +++++++++++++++
 SingularityUI/app/components/logs/NewHeader.jsx | 13 +++++++++++++
 SingularityUI/app/rootComponent.jsx             |  2 +-
 SingularityUI/app/router.jsx                    |  3 +++
 4 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/SingularityUI/app/components/logs/Header.jsx b/SingularityUI/app/components/logs/Header.jsx
index 6a0ac1083e..3e359a4e52 100644
--- a/SingularityUI/app/components/logs/Header.jsx
+++ b/SingularityUI/app/components/logs/Header.jsx
@@ -40,6 +40,20 @@ class Header extends React.Component {
     );
   }
 
+  renderSwitchToNewTailer() {
+    if (!this.props.taskGroupHasMultipleTasks) {
+      if ((this.props.taskGroupCount === 1)) {
+        return (<Link to={`/task/${this.props.firstTaskId}/tail/${this.props.path}`}>
+          <button type="button" className="btn btn-sm btn-default">Switch to new tailer</button>
+        </Link>);
+      } else if ((this.props.taskGroupCount > 1)) {
+        return (<Link to={`/request/${this.props.requestId}/tail/${this.props.path}`}>
+          <button type="button" className="btn btn-sm btn-default">Switch to new tailer</button>
+        </Link>);
+      }
+    }
+  }
+
   render() {
     return (
       <div className="tail-header">
@@ -60,6 +74,7 @@ class Header extends React.Component {
             </ul>
           </div>
           <div className="col-md-3 hidden-xs tail-buttons">
+            {this.renderSwitchToNewTailer()}
             <SearchDropdown />
             <TasksDropdown />
             <ColorDropdown />
diff --git a/SingularityUI/app/components/logs/NewHeader.jsx b/SingularityUI/app/components/logs/NewHeader.jsx
index 25b4d0f3d0..86b11ee472 100644
--- a/SingularityUI/app/components/logs/NewHeader.jsx
+++ b/SingularityUI/app/components/logs/NewHeader.jsx
@@ -61,6 +61,18 @@ class NewHeader extends React.Component {
     }
   }
 
+  renderSwitchToOldTailer() {
+    if ((this.props.tailerGroupCount === 1)) {
+      return (<Link to={`/task/${this.props.taskIds[0]}/old-tail/${this.props.paths[0]}`}>
+        <button type="button" className="btn btn-sm btn-default">Back to old tailer</button>
+      </Link>);
+    } else if ((this.props.tailerGroupCount > 1)) {
+      return (<Link to={`/request/${this.props.requestIds[0]}/old-tail/${this.props.paths[0]}`}>
+        <button type="button" className="btn btn-sm btn-default">Back to old tailer</button>
+      </Link>);
+    }
+  }
+
   render() {
     if (!this.props.ready) {
       return (<div>Loading...</div>);
@@ -80,6 +92,7 @@ class NewHeader extends React.Component {
             </ul>
           </div>
           <div className="col-md-3 hidden-xs tail-buttons">
+            {this.renderSwitchToOldTailer()}
             {this.renderTasksDropdown()}
             <NewColorDropdown activeColor={this.props.activeColor} onSetColor={this.props.setColor} />
             {this.renderAnchorButtons()}
diff --git a/SingularityUI/app/rootComponent.jsx b/SingularityUI/app/rootComponent.jsx
index e0f5486186..15a9fbe1ca 100644
--- a/SingularityUI/app/rootComponent.jsx
+++ b/SingularityUI/app/rootComponent.jsx
@@ -76,7 +76,7 @@ const rootComponent = (Wrapped, refresh = null, refreshInterval = true, pageMarg
   }
 
   componentDidMount() {
-    const onLoadPromise = onLoad(this.props);
+    const onLoadPromise = this.dispatchOnLoad();
     if (onLoadPromise) {
       onLoadPromise.catch((reason) => setTimeout(() => { throw new Error(reason); }));
     }
diff --git a/SingularityUI/app/router.jsx b/SingularityUI/app/router.jsx
index 10b3320420..bd1948e672 100644
--- a/SingularityUI/app/router.jsx
+++ b/SingularityUI/app/router.jsx
@@ -26,6 +26,7 @@ import Disasters from './components/disasters/Disasters';
 import TaskLogTailerContainer from './containers/TaskLogTailerContainer';
 import RequestLogTailerContainer from './containers/RequestLogTailerContainer';
 import CustomLogTailerContainer from './containers/CustomLogTailerContainer';
+import { Tail, AggregateTail } from './components/logs/Tail';
 
 const getFilenameFromSplat = (splat) => _.last(splat.split('/'));
 
@@ -42,6 +43,7 @@ const routes = (
       <Route path=":requestId/task-search" component={TaskSearch} title="Task Search" />
       <Route path=":requestId/deploy" component={NewDeployForm} title="New Deploy" />
       <Route path=":requestId/deploy/:deployId" component={DeployDetail} title={(params) => `Deploy ${params.deployId}`} />
+      <Route path=":requestId/old-tail/**" component={AggregateTail} title={(params) => `Tail of ${getFilenameFromSplat(params.splat)}`} />
       <Route path=":requestId/tail/**" component={RequestLogTailerContainer} title={(params) => `Tail of ${getFilenameFromSplat(params.splat)}`} />
       <Route path=":requestId/instance/:instanceNo" component={TaskInstanceRedirect} />
       <IndexRoute component={NotFound} title="Not Found" />
@@ -49,6 +51,7 @@ const routes = (
     <Route path="tasks(/:state)(/:requestsSubFilter)(/:searchFilter)" component={TasksPage} title="Tasks" />
     <Route path="task">
       <Route path=":taskId(/files**)" component={TaskDetail} title={(params) => params.taskId} />
+      <Route path=":taskId/old-tail/**" component={Tail} title={(params) => `Tail of ${getFilenameFromSplat(params.splat)}`} />
       <Route path=":taskId/tail/**" component={TaskLogTailerContainer} title={(params) => `Tail of ${getFilenameFromSplat(params.splat)}`} />
       <IndexRoute component={NotFound} title="Not Found" />
     </Route>