Merge pull request #469 from mesosphere/feature/2771-task-links-new-tab

Open task links in a new tab
mesosphere · Dec 7, 2015 · dacd363 · dacd363
2 parents 44d1821 + 0828322
commit dacd363
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -15,6 +15,7 @@
 - \#2727 - Integrate IP-Per-Container ipAddresses into task detail view
 - \#2714 - Global ellipsis in breadcrumbs
 - \#2785 - Prompt support for number input type
+- \#2771 - Open task links in a new tab
 
 ### Changed
 - Adjust the task list column order

diff --git a/src/js/components/TaskListItemComponent.jsx b/src/js/components/TaskListItemComponent.jsx
@@ -43,7 +43,9 @@ var TaskListItemComponent = React.createClass({
 
     if (ports != null && ports.length === 1) {
       return (
-        <a className="text-muted" href={`//${task.host}:${ports[0]}`}>
+        <a className="text-muted"
+            href={`//${task.host}:${ports[0]}`}
+            target="_blank">
           {`${task.host}:${ports[0]}`}
         </a>
       );
@@ -53,7 +55,9 @@ var TaskListItemComponent = React.createClass({
       let portNodes = ports.map(function (port) {
         return (
           <a key={`${task.host}:${port}`}
-              className="text-muted" href={`//${task.host}:${port}`}>
+              className="text-muted"
+              href={`//${task.host}:${port}`}
+              target="_blank">
             {port}
           </a>
         );