mirror of https://github.com/docker/docs.git
Merge pull request #363 from koddsson/master-update-tags-on-mount
Update tags on mounting ImageCard component.
This commit is contained in:
commit
d94f9d325f
|
@ -75,7 +75,7 @@ var ContainerHome = React.createClass({
|
||||||
body = (
|
body = (
|
||||||
<div className="details-progress">
|
<div className="details-progress">
|
||||||
<h3>An error occurred:</h3>
|
<h3>An error occurred:</h3>
|
||||||
<h2>{this.props.error}</h2>
|
<h2>{this.props.error.statusCode} {this.props.error.reason} - {this.props.error.json}</h2>
|
||||||
<h3>If you feel that this error is invalid, please <a onClick={this.handleErrorClick}>file a ticket on our GitHub repo.</a></h3>
|
<h3>If you feel that this error is invalid, please <a onClick={this.handleErrorClick}>file a ticket on our GitHub repo.</a></h3>
|
||||||
<Radial progress={100} error={true} thick={true} transparent={true}/>
|
<Radial progress={100} error={true} thick={true} transparent={true}/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -31,11 +31,11 @@ var ImageCard = React.createClass({
|
||||||
handleTagOverlayClick: function (name) {
|
handleTagOverlayClick: function (name) {
|
||||||
var $tagOverlay = $(this.getDOMNode()).find('.tag-overlay');
|
var $tagOverlay = $(this.getDOMNode()).find('.tag-overlay');
|
||||||
$tagOverlay.fadeIn(300);
|
$tagOverlay.fadeIn(300);
|
||||||
$.get('https://registry.hub.docker.com/v1/repositories/' + name + '/tags', function (result) {
|
$.get('https://registry.hub.docker.com/v1/repositories/' + name + '/tags', result => {
|
||||||
this.setState({
|
this.setState({
|
||||||
tags: result
|
tags: result
|
||||||
});
|
});
|
||||||
}.bind(this));
|
});
|
||||||
},
|
},
|
||||||
handleCloseTagOverlay: function () {
|
handleCloseTagOverlay: function () {
|
||||||
var $tagOverlay = $(this.getDOMNode()).find('.tag-overlay');
|
var $tagOverlay = $(this.getDOMNode()).find('.tag-overlay');
|
||||||
|
@ -50,6 +50,14 @@ var ImageCard = React.createClass({
|
||||||
}
|
}
|
||||||
util.exec(['open', $repoUri + this.props.image.name]);
|
util.exec(['open', $repoUri + this.props.image.name]);
|
||||||
},
|
},
|
||||||
|
componentDidMount: function() {
|
||||||
|
$.get('https://registry.hub.docker.com/v1/repositories/' + this.props.image.name + '/tags', result => {
|
||||||
|
this.setState({
|
||||||
|
tags: result,
|
||||||
|
chosenTag: result[0].name
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
render: function () {
|
render: function () {
|
||||||
var self = this;
|
var self = this;
|
||||||
var name;
|
var name;
|
||||||
|
|
Loading…
Reference in New Issue