Fix 2of2

Add: code to fetch disruption data and see if it is relevant

src/App.js

@@ -21,8 +21,6 @@ class App extends Component {
 		return (
 			<Router>
 				<div className="App">
-					<NearbyStation/>
-					<Disruption/>
 					<Route path="/" exact component={TicketsBuy} />
 					<Route path="/tickets" exact component={Tickets} />
 					<Route path="/ticketsBuy" exact component={TicketsBuy} />

src/GlobalData.js

@@ -1,11 +1,15 @@
 import User from './classes/User.js';
+import Disruption from './classes/Disruption.js'
 import Coordinates from "./classes/Coordinates.js";
 
 let globalData = {
     user: new User(
         "test",
         "123",
-        new Coordinates()
+        new Coordinates(),
+        "9022014014020001"
+    ),
+    disruption: new Disruption(
     )
 };
 

src/classes/Disruption.js

@@ -1,24 +1,11 @@
-/*
-    Denna klass är en modell för störningar.
-*/
 
 class Disruption {
-    constructor(startTime, locations, departures) {
-        this.startTime = startTime;
-        this.affectedLines = affectedLines;
-        this.departures = departures;
+    constructor(situationNumber, severity, title, affectedStopPoints) {
+        this.situationNumber = situationNumber;
+        this.severity = severity;
+        this.title = title;
+        this.affectedStopPoints = affectedStopPoints;
     }
 }
 
-/*
-Från västtrafiks api ett element i listan av hållplatser ser ut som följande
-      "id": "string",
-      "lon": "string",
-      "idx": "string",
-      "weight": "string",
-      "name": "string",
-      "track": "string",
-      "lat": "string"
-*/
-
 export default Disruption;

src/classes/User.js

@@ -7,7 +7,7 @@
 */
 
 class User {
-    constructor(name, deviceId, location) {
+    constructor(name, deviceId, location, stoppointgid) {
         this.name = name;
         this.deviceId = deviceId;
         this.location = location;

src/classes/disruption.js

@@ -1,11 +0,0 @@
-
-class Disruption {
-    constructor(situationNumber, severity, title, affectedStopPoints) {
-        this.situationNumber = situationNumber;
-        this.severity = severity;
-        this.title = title;
-        this.affectedStopPoints = affectedStopPoints;
-    }
-}
-
-export default User;

src/components/DisruptionButton.js

@@ -1,11 +1,33 @@
 import addNotification from "react-push-notification";
 
+import globData from '../GlobalData.js';
+
+import ex1 from '../APIexamples/disruption1.json'
+import ex2 from '../APIexamples/disruption1.json'
+
 import Button from './Button.js';
 import disruptIcon from '../img/flash.svg';
 
-
 class DisruptionButton extends Button {
+	state = {
+		jsonLocation: this.props.path,
+		user: globData.user,
+		disruption: ""
+	}
+
+
 	genDisrupt = () => {
+		console.log(globData.disruption)
+		for (let stopPoint of ex1.affectedStopPoints) {
+			if(stopPoint.gid === this.state.user.stoppointgid){
+				this.state.disruption = ex1
+			}
+		}
+
+		globData.disruption = this.state.disruption
+
+		console.log(globData.disruption)
+
 		addNotification({
 			title: "Warning",
 			subtitle: "This is a subtitle",

src/components/NavigationDrawer.js

@@ -63,7 +63,7 @@ class NavigationDrawer extends Component {
                         <span>example@gmail.com</span>
                     </header>
                     <div id="navList">
-                        <DisruptionButton onClick={[this.showPopup, this.close]} />
+                        <DisruptionButton path={"ex1"} onClick={[this.showPopup, this.close]} />
                     </div>
                     <hr />
                     <span id="version">Projektgrupp 3 - Utmaning 7</span>