zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2025-12-20 06:05:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Introduce uiSettings DB

Browse Source
This commit is contained in:
John Furrow
2016-01-30 20:21:42 -08:00
parent 750850584f
commit 86e8becde3
24 changed files with 353 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
client/source/scripts/components/sidebar/TransferData.js
View File

@@ -1,16 +1,18 @@
import React from 'react';
import ReactDOM from 'react-dom';
import ClientDataStore from '../../stores/ClientDataStore';
import Download from '../icons/Download';
import EventTypes from '../../constants/EventTypes';
import format from '../../util/formatData';
import LineChart from '../ui/LineChart';
import LoadingIndicator from '../ui/LoadingIndicator';
import TransferDataStore from '../../stores/TransferDataStore';
import Upload from '../icons/Upload';
const METHODS_TO_BIND = [
'onTransferDataRequestError',
'onTransferDataRequestSuccess'
'onTransferDataRequestSuccess',
'onTransferHistoryRequestSuccess'
];
class ClientStats extends React.Component {
@@ -19,6 +21,7 @@ class ClientStats extends React.Component {
this.state = {
sidebarWidth: 0,
transferHistoryRequestSuccess: false,
transferDataRequestError: false,
transferDataRequestSuccess: false
};
@@ -32,20 +35,25 @@ class ClientStats extends React.Component {
this.setState({
sidebarWidth: ReactDOM.findDOMNode(this).offsetWidth
});
ClientDataStore.listen(
EventTypes.CLIENT_TRANSFER_DATA_REQUEST_SUCCESS,
this.onTransferDataRequestSuccess
);
ClientDataStore.fetchTransferData();
TransferDataStore.listen(EventTypes.CLIENT_TRANSFER_DATA_REQUEST_SUCCESS,
this.onTransferDataRequestSuccess);
TransferDataStore.listen(EventTypes.CLIENT_TRANSFER_HISTORY_REQUEST_SUCCESS,
this.onTransferHistoryRequestSuccess);
TransferDataStore.fetchTransferData();
}
componentWillUnmount() {
ClientDataStore.unlisten(
TransferDataStore.unlisten(
EventTypes.CLIENT_TRANSFER_DATA_REQUEST_SUCCESS,
this.onTransferDataRequestSuccess
);
}
isLoading() {
return !this.state.transferHistoryRequestSuccess ||
!this.state.transferDataRequestSuccess;
}
onTransferDataRequestError() {
this.setState({
transferDataRequestError: true,
@@ -60,17 +68,25 @@ class ClientStats extends React.Component {
});
}
onTransferHistoryRequestSuccess() {
if (!this.state.transferHistoryRequestSuccess) {
this.setState({
transferHistoryRequestSuccess: true
});
}
}
render() {
if (this.state.transferDataRequestError) {
return <div>Error</div>;
} else if (!this.state.transferDataRequestSuccess) {
return <div>Loading</div>;
} else if (this.isLoading()) {
return <LoadingIndicator />;
}
let throttles = ClientDataStore.getThrottles();
let transferRate = ClientDataStore.getTransferRate();
let transferRates = ClientDataStore.getTransferRates();
let transferTotals = ClientDataStore.getTransferTotals();
let throttles = TransferDataStore.getThrottles();
let transferRate = TransferDataStore.getTransferRate();
let transferRates = TransferDataStore.getTransferRates();
let transferTotals = TransferDataStore.getTransferTotals();
let downloadRate = format.data(transferRate.download, '/s');
let downloadTotal = format.data(transferTotals.download);