docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #965 from FrenchBen/helper 

Added hub docs link within container
This commit is contained in:
Jeffrey Morgan 2015-08-28 16:30:08 -07:00
parent b21ab918fe ee5b9e06f5
commit 9d830fc5ac
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/ContainerDetailsSubheader.react.js
View File

@ -87,6 +87,16 @@ var ContainerDetailsSubheader = React.createClass({
containerActions.start(this.props.container.Name); containerActions.start(this.props.container.Name);
} }
}, },
handleDocs: function () {
let repoUri = 'https://hub.docker.com/r/';
let imageName = this.props.container.Config.Image.split(':')[0];
if (imageName.indexOf('/') === -1) {
repoUri = repoUri + 'library/' + imageName;
} else {
repoUri = repoUri + imageName;
}
shell.openExternal(repoUri);
},
handleTerminal: function () { handleTerminal: function () {
if (!this.disableTerminal()) { if (!this.disableTerminal()) {
metrics.track('Terminaled Into Container'); metrics.track('Terminaled Into Container');
@ -119,6 +129,10 @@ var ContainerDetailsSubheader = React.createClass({
action: true, action: true,
disabled: this.disableTerminal() disabled: this.disableTerminal()
}); });
var docsActionClass = classNames({
action: true,
disabled: false
});
var currentRoutes = _.map(this.context.router.getCurrentRoutes(), r => r.name); var currentRoutes = _.map(this.context.router.getCurrentRoutes(), r => r.name);
var currentRoute = _.last(currentRoutes); var currentRoute = _.last(currentRoutes);
@ -149,6 +163,7 @@ var ContainerDetailsSubheader = React.createClass({
</div> </div>
); );
} }
return ( return (
<div className="details-subheader"> <div className="details-subheader">
<div className="details-header-actions"> <div className="details-header-actions">
@ -161,6 +176,10 @@ var ContainerDetailsSubheader = React.createClass({
<div className="action-icon" onClick={this.handleTerminal}><span className="icon icon-docker-exec"></span></div> <div className="action-icon" onClick={this.handleTerminal}><span className="icon icon-docker-exec"></span></div>
<div className="btn-label">EXEC</div> <div className="btn-label">EXEC</div>
</div> </div>
<div className={docsActionClass}>
<div className="action-icon" onClick={this.handleDocs}><span className="icon icon-open-external"></span></div>
<div className="btn-label">DOCS</div>
</div>
</div> </div>
<div className="details-subheader-tabs"> <div className="details-subheader-tabs">
<span className={tabHomeClasses} onClick={this.showHome}>Home</span> <span className={tabHomeClasses} onClick={this.showHome}>Home</span>