diff --git a/src/ImageCard.react.js b/src/ImageCard.react.js index b132aec25f..29a09efebf 100644 --- a/src/ImageCard.react.js +++ b/src/ImageCard.react.js @@ -5,6 +5,7 @@ var ContainerStore = require('./ContainerStore'); var metrics = require('./Metrics'); var OverlayTrigger = require('react-bootstrap').OverlayTrigger; var Tooltip = require('react-bootstrap').Tooltip; +var util = require('./Util'); var ImageCard = React.createClass({ getInitialState: function () { @@ -40,6 +41,15 @@ var ImageCard = React.createClass({ var $tagOverlay = $(this.getDOMNode()).find('.tag-overlay'); $tagOverlay.fadeOut(300); }, + handleRepoClick: function () { + var $repoUri = 'https://registry.hub.docker.com/'; + if (this.props.image.is_official) { + $repoUri = $repoUri + "_/"; + } else { + $repoUri = $repoUri + "u/"; + } + util.exec(['open', $repoUri + this.props.image.name]); + }, render: function () { var self = this; var name; @@ -57,8 +67,8 @@ var ImageCard = React.createClass({ name = (
{namespace}
- {this.props.image.name}}> - {repo} + View on DockerHub}> + {repo}
); @@ -67,7 +77,7 @@ var ImageCard = React.createClass({
{namespace}
{this.props.image.name}}> - {repo} + {repo}
); diff --git a/styles/new-container.less b/styles/new-container.less index 0a201ae8f3..a00f9c3eb3 100644 --- a/styles/new-container.less +++ b/styles/new-container.less @@ -186,6 +186,7 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + text-decoration: underline; } } .description {