1
0
mirror of https://github.com/ascribe/onion.git synced 2025-02-08 10:27:33 +01:00

fix bug in progress method

This commit is contained in:
Tim Daubenschütz 2015-09-07 17:49:38 +02:00
parent 1c4bf9915c
commit 3197fad1b6
2 changed files with 16 additions and 11 deletions

View File

@ -3,7 +3,7 @@
import React from 'react'; import React from 'react';
import FileDragAndDropPreview from './file_drag_and_drop_preview'; import FileDragAndDropPreview from './file_drag_and_drop_preview';
//import FileDragAndDropPreviewProgress from './file_drag_and_drop_preview_progress'; import FileDragAndDropPreviewProgress from './file_drag_and_drop_preview_progress';
let FileDragAndDropPreviewIterator = React.createClass({ let FileDragAndDropPreviewIterator = React.createClass({
@ -40,7 +40,7 @@ let FileDragAndDropPreviewIterator = React.createClass({
} }
})} })}
</div> </div>
{/* <FileDragAndDropPreviewProgress files={this.props.files} /> */} <FileDragAndDropPreviewProgress files={this.props.files} />
</div> </div>
); );
} else { } else {

View File

@ -10,8 +10,7 @@ let FileDragAndDropPreviewProgress = React.createClass({
calcOverallProgress() { calcOverallProgress() {
let overallProgress = 0; let overallProgress = 0;
let sizeOfAllFiles = 0; let sizeOfAllFiles = 0;
let files = this.props.files.filter((file) => file.status !== 'deleted' || file.status !== 'canceled'); let files = this.props.files.filter((file) => file.status !== 'deleted' && file.status !== 'canceled');
console.log(this.props.files.filter);
for(let i = 0; i < files.length; i++) { for(let i = 0; i < files.length; i++) {
sizeOfAllFiles += files[i].size; sizeOfAllFiles += files[i].size;
@ -22,16 +21,22 @@ let FileDragAndDropPreviewProgress = React.createClass({
} }
return overallProgress.toFixed(2); return overallProgress;
}, },
render() { render() {
return ( let overallProgress = this.calcOverallProgress();
<span
className="file-drag-and-drop-progress-time"> if(overallProgress !== 0) {
Overall progress: {this.calcOverallProgress()}% return (
</span> <span
); className="file-drag-and-drop-progress-time">
Overall progress: {overallProgress.toFixed(2)}%
</span>
);
} else {
return null;
}
} }
}); });