Fixed animation not syncing bug and added container icon.
Двоичные данные
images/container-white.png
До Ширина: | Высота: | Размер: 128 B После Ширина: | Высота: | Размер: 163 B |
Двоичные данные
images/container-white@2x.png
До Ширина: | Высота: | Размер: 193 B После Ширина: | Высота: | Размер: 215 B |
Двоичные данные
images/container.png
До Ширина: | Высота: | Размер: 126 B После Ширина: | Высота: | Размер: 158 B |
Двоичные данные
images/container@2x.png
До Ширина: | Высота: | Размер: 201 B После Ширина: | Высота: | Размер: 228 B |
|
@ -65,7 +65,7 @@ var ContainerDetails = React.createClass({
|
|||
this.setState({
|
||||
progress: ContainerStore.progress(this.getParams().name),
|
||||
env: ContainerUtil.env(container),
|
||||
page: this.PAGE_LOGS
|
||||
page: this.PAGE_HOME
|
||||
});
|
||||
var ports = ContainerUtil.ports(container);
|
||||
var webPorts = ['80', '8000', '8080', '3000', '5000', '2368'];
|
||||
|
|
|
@ -3,11 +3,15 @@ var ContainerListItem = require('./ContainerListItem.react');
|
|||
var ContainerListNewItem = require('./ContainerListNewItem.react');
|
||||
|
||||
var ContainerList = React.createClass({
|
||||
componentWillMount: function () {
|
||||
this._start = Date.now();
|
||||
},
|
||||
render: function () {
|
||||
var self = this;
|
||||
var containers = this.props.containers.map(function (container) {
|
||||
console.log(container);
|
||||
return (
|
||||
<ContainerListItem container={container} />
|
||||
<ContainerListItem container={container} start={self._start}/>
|
||||
);
|
||||
});
|
||||
return (
|
||||
|
|
|
@ -7,9 +7,6 @@ var dialog = remote.require('dialog');
|
|||
var ContainerStore = require('./ContainerStore');
|
||||
|
||||
var ContainerListItem = React.createClass({
|
||||
componentWillMount: function () {
|
||||
this._start = Date.now();
|
||||
},
|
||||
handleItemMouseEnter: function () {
|
||||
var $action = $(this.getDOMNode()).find('.action');
|
||||
$action.show();
|
||||
|
@ -49,7 +46,7 @@ var ContainerListItem = React.createClass({
|
|||
|
||||
// Synchronize all animations
|
||||
var style = {
|
||||
WebkitAnimationDelay: (self._start - Date.now()) + 'ms'
|
||||
WebkitAnimationDelay: (self.props.start - Date.now()) + 'ms'
|
||||
};
|
||||
|
||||
var state;
|
||||
|
|
|
@ -98,7 +98,7 @@ var NewContainer = React.createClass({
|
|||
render: function () {
|
||||
var self = this;
|
||||
var title = this.state.query ? 'Results' : 'Recommended';
|
||||
var data = this.state.results.slice(0, 7);
|
||||
var data = this.state.results.slice(0, 6);
|
||||
|
||||
var results;
|
||||
if (data.length) {
|
||||
|
|
|
@ -121,7 +121,7 @@
|
|||
.new-container {
|
||||
padding: 35px 20px 32px 25px;
|
||||
.new-container-header {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 28px;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
.text {
|
||||
|
|