mirrors/Speedtest-Tracker
1
0
Fork 0
mirror of https://github.com/henrywhitaker3/Speedtest-Tracker.git synced 2025-12-24 06:28:27 +01:00
Code Issues Projects Releases Wiki Activity

Added widget for last result

Browse Source
This commit is contained in:
Henry Whitaker
2020-04-08 17:20:09 +01:00
parent c99ffa535b
commit 170c9ab446
370 changed files with 14391 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
resources/js/components/Graphics/LatestResults.js vendored Normal file
View File

@@ -0,0 +1,110 @@
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Axios from 'axios';
import Widget from './Widget';
import { Container, Row, Spinner } from 'react-bootstrap';
import { Col } from 'react-bootstrap';
export default class LatestResults extends Component {
constructor(props) {
super(props)
this.state = {
token: this.props.token,
data: {},
interval: null,
loading: true,
}
}
componentDidMount = () => {
this.getData();
var int = setInterval(this.getData, 10000);
this.setState({
interval: int,
});
}
getData = () => {
var url = '/api/speedtest/latest?token=' + this.state.token.access_token;
Axios.get(url)
.then((resp) => {
this.setState({
data: resp.data,
loading: false
});
})
.catch((err) => {
console.log(err);
})
}
render() {
var loading = this.state.loading;
var data = this.state.data;
console.log(data);
if(loading) {
return (
<Container fluid>
<Row>
<Col sm={{ span: 12 }}>
<Spinner animation="grow" />
</Col>
</Row>
</Container>
);
} else {
return (
<Container fluid>
<Row>
<Col
lg={{ span: 2, offset: 3 }}
md={{ span: 4 }}
sm={{ span: 4 }}
className="my-2"
>
<Widget
title="Ping"
value={parseFloat(data.data.ping).toFixed(1)}
unit="ms"
icon="ping"
/>
</Col>
<Col
lg={{ span: 2 }}
md={{ span: 4 }}
sm={{ span: 4 }}
className="my-2"
>
<Widget
title="Download"
value={parseFloat(data.data.download).toFixed(1)}
unit="Mbit/s"
icon="dl"
/>
</Col>
<Col
lg={{ span: 2 }}
md={{ span: 4 }}
sm={{ span: 4 }}
className="my-2"
>
<Widget
title="Upload"
value={parseFloat(data.data.upload).toFixed(1)}
unit="Mbit/s"
icon="ul"
/>
</Col>
</Row>
</Container>
);
}
}
}
if (document.getElementById('LatestResults')) {
ReactDOM.render(<LatestResults />, document.getElementById('LatestResults'));
}