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

Added in csv restore

Browse Source
This commit is contained in:
Henry Whitaker
2020-06-17 18:22:06 +01:00
parent 771e9824ff
commit 02659e7968
3 changed files with 143 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
resources/js/components/Data/Restore.js vendored
View File

@@ -1,8 +1,9 @@
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Button, Modal, Form, Tooltip, OverlayTrigger } from 'react-bootstrap';
import { Button, Modal, Form, Tooltip, OverlayTrigger, Dropdown, DropdownButton } from 'react-bootstrap';
import { toast } from 'react-toastify';
import Axios from 'axios';
import CSVFileValidator from 'csv-file-validator';
export default class Restore extends Component {
constructor(props) {
@@ -12,13 +13,15 @@ export default class Restore extends Component {
show: false,
data: null,
uploadReady: false,
filename: 'Upload your backup JSON'
filename: 'Upload your backup',
format: 'json'
};
}
showModal = () => {
showModal = (format) => {
this.setState({
show: true
show: true,
format: format
});
}
@@ -28,22 +31,84 @@ export default class Restore extends Component {
});
}
readFile = (e) => {
readFile = (e, format) => {
var file = e.target.files[0];
var reader = new FileReader();
reader.readAsText(file, 'UTF-8');
reader.onload = function(evt) {
try {
var data = evt.target.result.trim();
var data = JSON.parse(data);
this.setState({
data: data,
uploadReady: true,
filename: file.name
});
} catch(e) {
console.log(e);
toast.error('Your upload file is not valid JSON');
var data = evt.target.result.trim();
if(format == 'csv') {
var csv = data.substr(45);
var config = {
headers: [
{
name: "id",
inputName: 'id',
required: false,
},
{
name: "ping",
inputName: 'ping',
required: true,
requiredError: function (headerName, rowNumber, columnNumber) {
return `${headerName} is required in the ${rowNumber} row / ${columnNumber} column`
}
},
{
name: "upload",
inputName: 'upload',
required: true,
requiredError: function (headerName, rowNumber, columnNumber) {
return `${headerName} is required in the ${rowNumber} row / ${columnNumber} column`
}
},
{
name: "download",
inputName: 'download',
required: true,
requiredError: function (headerName, rowNumber, columnNumber) {
return `${headerName} is required in the ${rowNumber} row / ${columnNumber} column`
}
},
{
name: "created_at",
inputName: 'created_at',
required: false,
},
{
name: "updated_at",
inputName: 'updated_at',
required: false,
}
]
};
CSVFileValidator(csv, config)
.then((e) => {
if(e.inValidMessages.length > 0) {
toast.error('Your upload file is not valid ' + format.toUpperCase());
} else {
this.setState({
data: data,
uploadReady: true,
filename: file.name
});
}
})
.catch((e) => {
toast.error('Your upload file is not valid ' + format.toUpperCase());
})
} else {
try {
var data = JSON.parse(data);
this.setState({
data: data,
uploadReady: true,
filename: file.name
});
} catch(e) {
console.log(e);
toast.error('Your upload file is not valid ' + format.toUpperCase());
}
}
}.bind(this)
reader.onerror = function (evt) {
@@ -52,7 +117,7 @@ export default class Restore extends Component {
}
uploadFile = () => {
var data = { data: this.state.data };
var data = { data: this.state.data, format: this.state.format };
var url = 'api/restore';
Axios.post(url, data)
@@ -62,7 +127,7 @@ export default class Restore extends Component {
show: false,
data: null,
uploadReady: false,
filename: 'Upload your backup JSON'
filename: 'Upload your backup'
});
})
.catch((err) => {
@@ -77,21 +142,24 @@ export default class Restore extends Component {
return (
<>
<Button variant="secondary" className="mx-2" onClick={this.showModal}>Restore</Button>
<DropdownButton variant="secondary" title="Restore" className="m-2 d-inline-block">
<Dropdown.Item href="#" onClick={() => { this.showModal('json') }}>JSON</Dropdown.Item>
<Dropdown.Item href="#" onClick={() => { this.showModal('csv') }}>CSV</Dropdown.Item>
</DropdownButton>
<Modal show={show} onHide={this.hideModal} animation={true}>
<Modal.Header closeButton>
<Modal.Title>Restore from a backup</Modal.Title>
</Modal.Header>
<Modal.Body>
<p>Upload your JSON backup file here:</p>
<p>Upload your {this.state.format.toUpperCase()} backup file here:</p>
<Form.File
id="restoreFileInput"
label="Upload JSON file"
label={"Upload " + this.state.format.toUpperCase() + " file"}
className="mb-3"
custom
>
<Form.File.Input onChange={this.readFile} />
<Form.File.Input onChange={(e) => { this.readFile(e, this.state.format) }} />
<Form.File.Label data-browse="Choose file">
{filename}
</Form.File.Label>