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

Add: json files for scenarios

src/APIexamples/disruption1.json

@@ -0,0 +1,15 @@
+{
+    "situationNumber": "RT1",
+    "severity":"normal",
+    "title":"Stannar inte på dessa hållplatser",
+    "affectedStopPoints":[
+        {
+            "gid": "9022014014020001",
+            "name": "Ekelöv västra, Kungälv"
+        },
+        {
+            "gid": "9022014014751001",
+            "name": "Guddeby, Kungälv"
+        }
+    ]
+}

src/APIexamples/disruption2.json

@@ -0,0 +1,11 @@
+{
+    "situationNumber": "RT2",
+    "severity":"normal",
+    "title":"Försening",
+    "affectedStopPoints":[
+        {
+            "gid": "9021014014225000",
+            "name": "Skrämmenborg, Kungälv"
+        }
+    ]
+}

src/APIexamples/user1.json

@@ -0,0 +1,5 @@
+{
+    "name":"1",
+    "deviceId":"1",
+    "location":"9022014014754001"
+}

src/APIexamples/user2.json

@@ -0,0 +1,5 @@
+{
+    "name":"2",
+    "deviceId":"2",
+    "location":"9022014014020001"
+}

src/APIexamples/user3.json

@@ -0,0 +1,5 @@
+{
+    "name":"3",
+    "deviceId":"3",
+    "location":"9022014014751001"
+}

src/APIexamples/user4.json

@@ -0,0 +1,5 @@
+{
+    "name":"4",
+    "deviceId":"4",
+    "location":"9021014014225000"
+}

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/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

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

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>