haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 18:30:53 +00:00
Code Issues Releases Wiki Activity

console log upload message (#3083)

Browse Source 
* console log upload message

* add error message prompt
This commit is contained in:
杨顺强
2019-03-09 11:40:05 +08:00
committed by Daniel Pan
parent 2bf8e8ee7a
commit e650cfd4be
3 changed files with 45 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/components/file-uploader/upload-list-item.js
View File

@@ -1,4 +1,4 @@
import React from 'react';
import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
@@ -33,26 +33,35 @@ class UploadListItem extends React.Component {
render() {
let { item } = this.props;
let progress = Math.round(item.resumableFile.progress() * 100);
let error = item.resumableFile.error;
return (
<tr className="file-upload-item">
<td className="upload-name ellipsis">{item.resumableFile.relativePath}</td>
<td className="upload-name">
<div className="ellipsis">{item.resumableFile.relativePath}</div>
<div className="message err-message ml-0">{error}</div>
</td>
<td className="upload-progress">
<span className="file-size">{this.formatFileSize(item.resumableFile.size)}</span>
{progress !== 100 &&
{!item.resumableFile.error && progress !== 100 &&
<div className="progress">
<div className="progress-bar" role="progressbar" style={{width: `${progress}%`}} aria-valuenow={progress} aria-valuemin="0" aria-valuemax="100"></div>
</div>
}
</td>
<td className="upload-operation">
{(!item.isSaved && progress !== 100) && (
<a href="#" onClick={this.onUploadCancel}>{gettext('cancel')}</a>
)}
{(!item.isSaved && progress === 100) && (
<span className="saving">{gettext('saving...')}</span>
)}
{item.isSaved && (
<span className="uploaded">{gettext('uploaded')}</span>
{!item.resumableFile.error && (
<Fragment>
{(!item.isSaved && progress !== 100) && (
<a href="#" onClick={this.onUploadCancel}>{gettext('cancel')}</a>
)}
{(!item.isSaved && progress === 100) && (
<span className="saving">{gettext('saving...')}</span>
)}
{item.isSaved && (
<span className="uploaded">{gettext('uploaded')}</span>
)}
</Fragment>
)}
</td>
</tr>