mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-28 08:06:56 +00:00
fix code format (#6365)
This commit is contained in:
@@ -4,10 +4,9 @@ import React, { Fragment } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import Resumablejs from '@seafile/resumablejs';
|
||||
import MD5 from 'MD5';
|
||||
import { resumableUploadFileBlockSize, maxUploadFileSize, maxNumberOfFilesForFileupload } from '../../utils/constants';
|
||||
import { gettext, resumableUploadFileBlockSize, maxUploadFileSize, maxNumberOfFilesForFileupload } from '../../utils/constants';
|
||||
import { seafileAPI } from '../../utils/seafile-api';
|
||||
import { Utils } from '../../utils/utils';
|
||||
import { gettext } from '../../utils/constants';
|
||||
import UploadProgressDialog from './upload-progress-dialog';
|
||||
import toaster from '../../components/toast';
|
||||
|
||||
@@ -145,7 +144,7 @@ class FileUploader extends React.Component {
|
||||
maxFileSizeErrorCallback = (file) => {
|
||||
let { forbidUploadFileList } = this.state;
|
||||
forbidUploadFileList.push(file);
|
||||
this.setState({forbidUploadFileList: forbidUploadFileList});
|
||||
this.setState({ forbidUploadFileList: forbidUploadFileList });
|
||||
};
|
||||
|
||||
onChunkingComplete = (resumableFile) => {
|
||||
@@ -156,12 +155,12 @@ class FileUploader extends React.Component {
|
||||
|
||||
resumableFile.formData = {};
|
||||
if (isFile) { // upload file
|
||||
resumableFile.formData = {
|
||||
resumableFile.formData = {
|
||||
parent_dir: path,
|
||||
};
|
||||
} else { // upload folder
|
||||
let relative_path = relativePath.slice(0, relativePath.lastIndexOf('/') + 1);
|
||||
resumableFile.formData = {
|
||||
resumableFile.formData = {
|
||||
parent_dir: path,
|
||||
relative_path: relative_path
|
||||
};
|
||||
@@ -303,7 +302,7 @@ class FileUploader extends React.Component {
|
||||
|
||||
onProgress = () => {
|
||||
let progress = Math.round(this.resumable.progress() * 100);
|
||||
this.setState({totalProgress: progress});
|
||||
this.setState({ totalProgress: progress });
|
||||
Utils.registerGlobalVariable('uploader', 'totalProgress', progress);
|
||||
};
|
||||
|
||||
@@ -336,7 +335,7 @@ class FileUploader extends React.Component {
|
||||
}
|
||||
return item;
|
||||
});
|
||||
this.setState({uploadFileList: uploadFileList});
|
||||
this.setState({ uploadFileList: uploadFileList });
|
||||
|
||||
return;
|
||||
}
|
||||
@@ -358,7 +357,7 @@ class FileUploader extends React.Component {
|
||||
}
|
||||
return item;
|
||||
});
|
||||
this.setState({uploadFileList: uploadFileList});
|
||||
this.setState({ uploadFileList: uploadFileList });
|
||||
|
||||
return;
|
||||
}
|
||||
@@ -380,7 +379,7 @@ class FileUploader extends React.Component {
|
||||
}
|
||||
return item;
|
||||
});
|
||||
this.setState({uploadFileList: uploadFileList});
|
||||
this.setState({ uploadFileList: uploadFileList });
|
||||
};
|
||||
|
||||
onFileError = (resumableFile, message) => {
|
||||
@@ -390,7 +389,7 @@ class FileUploader extends React.Component {
|
||||
} else {
|
||||
// eg: '{"error": "Internal error" \n }'
|
||||
let errorMessage = message.replace(/\n/g, '');
|
||||
errorMessage = JSON.parse(errorMessage);
|
||||
errorMessage = JSON.parse(errorMessage);
|
||||
error = errorMessage.error;
|
||||
if (error === 'File locked by others.') {
|
||||
error = gettext('File is locked by others.');
|
||||
@@ -408,7 +407,7 @@ class FileUploader extends React.Component {
|
||||
return item;
|
||||
});
|
||||
|
||||
this.loaded = 0; // reset loaded data;
|
||||
this.loaded = 0; // reset loaded data;
|
||||
this.setState({
|
||||
retryFileList: this.state.retryFileList,
|
||||
uploadFileList: uploadFileList
|
||||
@@ -435,7 +434,7 @@ class FileUploader extends React.Component {
|
||||
msg = gettext('Failed to upload {file_name}.')
|
||||
.replace('{file_name}', file.fileName);
|
||||
}
|
||||
toaster.danger(msg, {'id': 'file-error-msg'});
|
||||
toaster.danger(msg, { 'id': 'file-error-msg' });
|
||||
this.error = true;
|
||||
|
||||
// reset upload link loaded
|
||||
@@ -470,7 +469,7 @@ class FileUploader extends React.Component {
|
||||
};
|
||||
|
||||
generateUniqueIdentifier = (file) => {
|
||||
let relativePath = file.webkitRelativePath||file.relativePath||file.fileName||file.name;
|
||||
let relativePath = file.webkitRelativePath || file.relativePath || file.fileName || file.name;
|
||||
return MD5(relativePath + new Date()) + relativePath;
|
||||
};
|
||||
|
||||
@@ -498,7 +497,7 @@ class FileUploader extends React.Component {
|
||||
this.resumable.files = [];
|
||||
// reset upload link loaded
|
||||
this.isUploadLinkLoaded = false;
|
||||
this.setState({isUploadProgressDialogShow: false, uploadFileList: [], forbidUploadFileList: []});
|
||||
this.setState({ isUploadProgressDialogShow: false, uploadFileList: [], forbidUploadFileList: [] });
|
||||
Utils.registerGlobalVariable('uploader', 'isUploadProgressDialogShow', false);
|
||||
};
|
||||
|
||||
@@ -519,7 +518,7 @@ class FileUploader extends React.Component {
|
||||
this.loaded = 0;
|
||||
}
|
||||
|
||||
this.setState({uploadFileList: uploadFileList});
|
||||
this.setState({ uploadFileList: uploadFileList });
|
||||
};
|
||||
|
||||
onCancelAllUploading = () => {
|
||||
@@ -614,7 +613,7 @@ class FileUploader extends React.Component {
|
||||
};
|
||||
|
||||
cancelFileUpload = () => {
|
||||
this.resumable.files.pop(); //delete latest file;
|
||||
this.resumable.files.pop(); // delete latest file;
|
||||
};
|
||||
|
||||
render() {
|
||||
|
@@ -38,9 +38,10 @@ class SharedUploadLink extends React.Component {
|
||||
</div>
|
||||
<div className="o-auto">
|
||||
<div className="py-4 px-6 mx-auto rounded" id="upload-link-panel">
|
||||
<h3 className="h5 d-flex text-nowrap" dangerouslySetInnerHTML={{__html: gettext('Upload files to {folder_name_placeholder}')
|
||||
.replace('{folder_name_placeholder}', `<span class="op-target text-truncate mx-1">${Utils.HTMLescape(dirName)}</span>`)}}></h3>
|
||||
<p className="small shared-by" dangerouslySetInnerHTML={{__html: `${gettext('shared by:')} ${sharedBy.avatar} ${sharedBy.name}`}}></p>
|
||||
<h3 className="h5 d-flex text-nowrap" dangerouslySetInnerHTML={{ __html: gettext('Upload files to {folder_name_placeholder}')
|
||||
.replace('{folder_name_placeholder}', `<span class="op-target text-truncate mx-1">${Utils.HTMLescape(dirName)}</span>`) }}>
|
||||
</h3>
|
||||
<p className="small shared-by" dangerouslySetInnerHTML={{ __html: `${gettext('shared by:')} ${sharedBy.avatar} ${sharedBy.name}` }}></p>
|
||||
{noQuota ? (
|
||||
<div className="py-6 text-center">
|
||||
<span className="sf3-font sf3-font-tips warning-icon"></span>
|
||||
|
@@ -39,7 +39,7 @@ class UploadListItem extends React.Component {
|
||||
}
|
||||
}
|
||||
|
||||
this.setState({uploadState: uploadState});
|
||||
this.setState({ uploadState: uploadState });
|
||||
}
|
||||
|
||||
onUploadCancel = (e) => {
|
||||
@@ -89,7 +89,7 @@ class UploadListItem extends React.Component {
|
||||
{resumableFile.isUploading() && (
|
||||
<div className="progress-container">
|
||||
<div className="progress">
|
||||
<div className="progress-bar" role="progressbar" style={{width: `${progress}%`}} aria-valuenow={progress} aria-valuemin="0" aria-valuemax="100"></div>
|
||||
<div className="progress-bar" role="progressbar" style={{ width: `${progress}%` }} aria-valuenow={progress} aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
{(resumableFile.remainingTime === -1) && <div className="progress-text">{gettext('Preparing to upload...')}</div>}
|
||||
{(resumableFile.remainingTime > 0) && <div className="progress-text">{gettext('Remaining')}{' '}{Utils.formatTime(resumableFile.remainingTime)}</div>}
|
||||
@@ -99,7 +99,7 @@ class UploadListItem extends React.Component {
|
||||
{!resumableFile.isUploading() && (
|
||||
<div className="progress-container d-flex align-items-center">
|
||||
<div className="progress">
|
||||
<div className="progress-bar" role="progressbar" style={{width: `${progress}%`}} aria-valuenow={progress} aria-valuemin="0" aria-valuemax="100"></div>
|
||||
<div className="progress-bar" role="progressbar" style={{ width: `${progress}%` }} aria-valuenow={progress} aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
@@ -109,7 +109,7 @@ class UploadListItem extends React.Component {
|
||||
<>
|
||||
<div className="progress-container d-flex align-items-center">
|
||||
<div className="progress">
|
||||
<div className="progress-bar" role="progressbar" style={{width: `${progress}%`}} aria-valuenow={progress} aria-valuemin="0" aria-valuemax="100"></div>
|
||||
<div className="progress-bar" role="progressbar" style={{ width: `${progress}%` }} aria-valuenow={progress} aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
{this.state.uploadState === UPLOAD_UPLOADING && (
|
||||
@@ -134,7 +134,7 @@ class UploadListItem extends React.Component {
|
||||
{this.state.uploadState === UPLOAD_ERROR && (
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="upload-failure-icon sf3-font sf3-font-info mr-2"></span>
|
||||
<span className="upload-failure-msg" dangerouslySetInnerHTML={{__html: error}}></span>
|
||||
<span className="upload-failure-msg" dangerouslySetInnerHTML={{ __html: error }}></span>
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
|
@@ -16,7 +16,7 @@ const propTypes = {
|
||||
onUploadRetry: PropTypes.func.isRequired,
|
||||
onFileUpload: PropTypes.func.isRequired,
|
||||
onFolderUpload: PropTypes.func.isRequired,
|
||||
isUploading : PropTypes.bool.isRequired
|
||||
isUploading: PropTypes.bool.isRequired
|
||||
};
|
||||
|
||||
class UploadProgressDialog extends React.Component {
|
||||
@@ -95,7 +95,7 @@ class UploadProgressDialog extends React.Component {
|
||||
</div>
|
||||
{isUploading && (
|
||||
<div className="progress">
|
||||
<div className="progress-bar" role="progressbar" style={{width: `${totalProgress}%`}} aria-valuenow={totalProgress} aria-valuemin="0" aria-valuemax="100"></div>
|
||||
<div className="progress-bar" role="progressbar" style={{ width: `${totalProgress}%` }} aria-valuenow={totalProgress} aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user