diff --git a/src/App.js b/src/App.js index c603e2d..cb33b50 100644 --- a/src/App.js +++ b/src/App.js @@ -18,6 +18,7 @@ class App extends Component { /> */} +
diff --git a/src/components/AccessToken.js b/src/components/AccessToken.js index b0014f1..7201228 100644 --- a/src/components/AccessToken.js +++ b/src/components/AccessToken.js @@ -1,10 +1,30 @@ import React from 'react'; import axios from 'axios'; +var globToken = '' + +const GetToken = () => { + const vars = { + credentials: 'NXR5N2d4bUFmUWxVSERIZG03a2dhcVh3SzVJYTp3cElPVVJuSkpjVHRPNnJPUlltWVlQcTR3WGth', + token: undefined, + device: '123', + } + + const headers = { + 'Content-Type': 'application/x-www-form-urlencoded', + 'Authorization': 'Basic ' + vars.credentials + }; + + axios.post('https://api.vasttrafik.se/token','grant_type=client_credentials&scope=device_'+vars.device, { headers }) + .then(response => { + console.log(response); + globToken = response.data.access_token + }); +} + class AccessToken extends React.Component { state = { - token: 'No token', - responseFromVT: 'No response' + token: 'No Token', } handleChange = event => { @@ -14,56 +34,32 @@ class AccessToken extends React.Component { handleSubmit = event => { event.preventDefault(); - const headers = { - 'Content-Type': 'application/x-www-form-urlencoded', - 'Authorization': 'Basic ' + this.state.token - }; this.setState({ - token: 'Attempting to send token' - }) + credentials: 'Attempting to send token' + }); + GetToken(); + } - axios.post('https://api.vasttrafik.se/token', { headers }) - .then(response => { - this.setState({ - responseFromVT: response.data.access_token, - token: 'token sent' - }) - .error(res => { - this.setState({ - responseFromVT: "some error", - token: "some error occured" - }) - }) - }) + handleFetch = event => { + event.preventDefault(); + this.setState({token: globToken}) } render() { return (
-
-

- {this.state.responseFromVT} -

{this.state.token}

+
+ +
) } } + export default AccessToken - -//'https://reqres.in/api/articles' - -//'https://api.vasttrafik.se/token' - -//grant_type=client_credentials&scope= - -//5ty7gxmAfQlUHDHdm7kgaqXwK5Ia -//wpIOURnJJcTtO6rORYmYYPq4wXka \ No newline at end of file diff --git a/src/components/NearbyStation.js b/src/components/NearbyStation.js index 2e50077..bd48b26 100644 --- a/src/components/NearbyStation.js +++ b/src/components/NearbyStation.js @@ -1,28 +1,15 @@ import React from 'react'; import axios from 'axios'; -/* -const StopLocation = ({ name, id, lat, long, track }) => ( -
-
-

{name}

-

{id}

-

{lat}

-

{lon}

-

{track}

-
-
-); -*/ class NearbyStation extends React.Component { state = { - lat: '57.5987', - long: '11.9454', - token: '2d596c20-a6e7-3272-8df6-51ed2468da63', + lat: '57.7', + long: '12.0', stops: [], + token: undefined, + device: '123', } - handleChangeLat = event => { this.setState({ lat: event.target.value}); } @@ -31,6 +18,10 @@ class NearbyStation extends React.Component { this.setState({ long: event.target.value}); } + handleChangeToken = event => { + this.setState({ token: event.target.value}) + } + handleSubmit = event => { event.preventDefault(); @@ -61,7 +52,11 @@ class NearbyStation extends React.Component { Longitude coord: - + +

{this.state.lat}