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

Added react lint support and fixed possible NaN 

Signed-off-by: FrenchBen <me@frenchben.com>
This commit is contained in:
FrenchBen 2015-08-31 14:05:38 -04:00
parent 9d830fc5ac
commit 98bb98934e
4 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.eslintrc
View File

@ -1,5 +1,8 @@
root: true root: true
plugins:
- react
ecmaFeatures: ecmaFeatures:
modules: true modules: true
jsx: true jsx: true

3
package.json
View File

@ -65,7 +65,8 @@
"babel": "^5.1.10", "babel": "^5.1.10",
"babel-jest": "^5.2.0", "babel-jest": "^5.2.0",
"electron-prebuilt": "^0.27.3", "electron-prebuilt": "^0.27.3",
"eslint": "^1.0.0", "eslint": "^1.3.1",
"eslint-plugin-react": "^3.3.0",
"grunt": "^0.4.5", "grunt": "^0.4.5",
"grunt-babel": "^5.0.1", "grunt-babel": "^5.0.1",
"grunt-chmod": "^1.0.3", "grunt-chmod": "^1.0.3",

2
src/app.js
View File

@ -9,7 +9,7 @@ import metrics from './utils/MetricsUtil';
import template from './menutemplate'; import template from './menutemplate';
import webUtil from './utils/WebUtil'; import webUtil from './utils/WebUtil';
import hubUtil from './utils/HubUtil'; import hubUtil from './utils/HubUtil';
var urlUtil = require ('./utils/URLUtil'); var urlUtil = require('./utils/URLUtil');
var app = remote.require('app'); var app = remote.require('app');
import request from 'request'; import request from 'request';
import docker from './utils/DockerUtil'; import docker from './utils/DockerUtil';

11
src/components/ContainerHome.react.js
View File

@ -13,12 +13,12 @@ var ContainerHome = React.createClass({
router: React.PropTypes.func router: React.PropTypes.func
}, },
componentDidMount: function() { componentDidMount: function () {
this.handleResize(); this.handleResize();
window.addEventListener('resize', this.handleResize); window.addEventListener('resize', this.handleResize);
}, },
componentWillUnmount: function() { componentWillUnmount: function () {
window.removeEventListener('resize', this.handleResize); window.removeEventListener('resize', this.handleResize);
}, },
@ -46,7 +46,7 @@ var ContainerHome = React.createClass({
render: function () { render: function () {
if (!this.props.container) { if (!this.props.container) {
return; return '';
} }
let body; let body;
@ -70,11 +70,14 @@ var ContainerHome = React.createClass({
} }
sum = sum / this.props.container.Progress.amount; sum = sum / this.props.container.Progress.amount;
if (isNaN(sum)) {
sum = 0;
}
body = ( body = (
<div className="details-progress"> <div className="details-progress">
<h2>Downloading Image</h2> <h2>Downloading Image</h2>
<h2>{(Math.round(sum*100)/100).toFixed(2)}%</h2> <h2>{ (Math.round(sum * 100) / 100).toFixed(2) }%</h2>
<div className="container-progress-wrapper"> <div className="container-progress-wrapper">
<ContainerProgress pBar1={values[0]} pBar2={values[1]} pBar3={values[2]} pBar4={values[3]}/> <ContainerProgress pBar1={values[0]} pBar2={values[1]} pBar3={values[2]} pBar4={values[3]}/>
</div> </div>