opensource/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash.git synced 2025-11-04 05:27:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

cleanup (eslint): cleanup as per eslint rules

Browse Source
This commit is contained in:
Mickael Kerjean
2020-12-22 19:48:24 +11:00
parent d1a6cc6921
commit ef8fe6adb5
35 changed files with 385 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
client/components/upload_queue.js
View File

@ -1,28 +1,38 @@
import React from 'react';
import Path from 'path';
import React from "react";
import Path from "path";
import { Files } from '../model/';
import { confirm, notify, upload } from '../helpers/';
import { Icon, NgIf } from './';
import { t } from '../locales/';
import './upload_queue.scss';
import { Files } from "../model/";
import { confirm, notify, upload } from "../helpers/";
import { Icon, NgIf } from "./";
import { t } from "../locales/";
import "./upload_queue.scss";
const MAX_POOL_SIZE = 15;
function humanFileSize(bytes, si) {
var thresh = si ? 1000 : 1024;
if (Math.abs(bytes) < thresh) {
return bytes.toFixed(1) + ' B';
return bytes.toFixed(1) + " B";
}
var units = si
? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
: ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]
: ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
var u = -1;
do {
bytes /= thresh;
++u;
} while (Math.abs(bytes) >= thresh && u < units.length - 1);
return bytes.toFixed(1) + ' ' + units[u];
return bytes.toFixed(1) + " " + units[u];
}
function waitABit() {
return new Promise((done) => {
window.setTimeout(() => {
requestAnimationFrame(() => {
done();
});
}, 200);
});
}
export class UploadQueue extends React.Component {
@ -137,15 +147,6 @@ export class UploadQueue extends React.Component {
return this.runner(id);
});
} else {
function waitABit() {
return new Promise((done) => {
window.setTimeout(() => {
requestAnimationFrame(() => {
done();
});
}, 200);
});
}
return waitABit().then(() => this.runner(id));
}
}
@ -184,13 +185,13 @@ export class UploadQueue extends React.Component {
const processes = files.map((file) => {
let original_path = file.path;
file.path = Path.join(path, file.path);
if (file.type === 'file') {
if (files.length < 150) Files.touch(file.path, file.file, 'prepare_only');
if (file.type === "file") {
if (files.length < 150) Files.touch(file.path, file.file, "prepare_only");
return {
path: original_path,
parent: file._prior || null,
fn: Files.touch.bind(
Files, file.path, file.file, 'execute_only',
Files, file.path, file.file, "execute_only",
{
progress: (e) => this.updateProgress(original_path, e),
abort: (x) => this.updateAbort(original_path, x),
@ -198,12 +199,12 @@ export class UploadQueue extends React.Component {
)
};
} else {
Files.mkdir(file.path, 'prepare_only');
Files.mkdir(file.path, "prepare_only");
return {
id: file._id || null,
path: original_path,
parent: file._prior || null,
fn: Files.mkdir.bind(Files, file.path, 'execute_only')
fn: Files.mkdir.bind(Files, file.path, "execute_only")
};
}
});
@ -231,7 +232,7 @@ export class UploadQueue extends React.Component {
running: true,
error: null
});
Promise.all(Array.apply(null, Array(MAX_POOL_SIZE)).map((process, index) => {
Promise.all(Array.apply(null, Array(MAX_POOL_SIZE)).map(() => {
return this.runner();
})).then(() => {
this.setState({ running: false });
@ -260,7 +261,7 @@ export class UploadQueue extends React.Component {
calcSpeed() {
let now = Date.now();
let curSpeed = [];
for (const [key, value] of Object.entries(this.state.progress)) {
for (const [, value] of Object.entries(this.state.progress)) {
if (value.prev && now - value.time < 5 * 1000) {
let bytes = value.loaded - value.prev.loaded;
let timeMs = value.time - value.prev.time;
@ -315,7 +316,7 @@ export class UploadQueue extends React.Component {
className="file_path"
onClick={() => this.emphasis(process.path)}
>
{process.path.replace(/\//, '')}
{process.path.replace(/\//, "")}
</div>
{col_state(process)}
<div className="file_control">
@ -338,14 +339,14 @@ export class UploadQueue extends React.Component {
<span className="completed">{finished.length}</span>
<span className="grandTotal">{totalFiles}</span>
</div>
<Icon name="close" onClick={(e) => this.onClose()} />
<Icon name="close" onClick={() => this.onClose()} />
</h2>
<h3>{this.state.error ? this.state.error : this.getState()}</h3>
<div className="stats_content">
{this.renderRows(
finished,
"done",
(_) => (<div className="file_state file_state_done">{ t("Done") }</div>),
() => (<div className="file_state file_state_done">{ t("Done") }</div>),
)}
{this.renderRows(
currents,
@ -356,13 +357,13 @@ export class UploadQueue extends React.Component {
</div>
),
(p) => (
<Icon name="stop" onClick={(e) => this.abort(p)} ></Icon>
<Icon name="stop" onClick={() => this.abort(p)} ></Icon>
)
)}
{this.renderRows(
processes,
"todo",
(_) => (
() => (
<div className="file_state file_state_todo">{ t("Waiting") }</div>
)
)}
@ -370,14 +371,14 @@ export class UploadQueue extends React.Component {
failed,
"error",
(p) => (
(p.err && p.err.message == 'aborted')
(p.err && p.err.message == "aborted")
?
<div className="file_state file_state_error">{ t("Aborted") }</div>
:
<div className="file_state file_state_error">{ t("Error") }</div>
),
(p) => (
<Icon name="refresh" onClick={(e) => this.retryFiles(p)} ></Icon>
<Icon name="refresh" onClick={() => this.retryFiles(p)} ></Icon>
)
)}
</div>