Fixed animation not syncing bug and added container icon.

This commit is contained in:
Sean Li 2015-02-04 12:54:43 -08:00
Родитель 9709e5fec4
Коммит a26ef466cf
9 изменённых файлов: 9 добавлений и 8 удалений

Двоичные данные
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 {