Add: Multiple disruptions

We fix broken git

src/APIexamples/user1.json

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

src/APIexamples/user2.json

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

src/APIexamples/user3.json

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

src/APIexamples/user4.json

@@ -1,5 +1,5 @@
 {
     "name":"4",
     "deviceId":"4",
-    "location":"9021014014225000"
+    "stoppointgid":"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/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,39 @@
 import addNotification from "react-push-notification";
 
+import globData from '../GlobalData.js';
+
+import ex1 from '../APIexamples/disruption1.json'
+import ex2 from '../APIexamples/disruption2.json'
+
 import Button from './Button.js';
 import disruptIcon from '../img/flash.svg';
 
-
 class DisruptionButton extends Button {
+	state = {
+		jsonLocation: this.props.path,
+		disruption: ""
+	}
+
+
 	genDisrupt = () => {
+		this.state.disruption = ""
+		if(this.state.jsonLocation === "ex1"){
+			for (let stopPoint of ex1.affectedStopPoints) {
+				if(stopPoint.gid === globData.user.stoppointgid){
+					this.state.disruption = ex1
+				}
+			}
+		} else if (this.state.jsonLocation === "ex2"){
+			for (let stopPoint of ex2.affectedStopPoints) {
+				if(stopPoint.gid === globData.user.stoppointgid){
+					this.state.disruption = ex2
+				}
+			}
+		}
+
+		console.log(this.state.disruption)
+		globData.disruption = this.state.disruption
+
 		addNotification({
 			title: "Warning",
 			subtitle: "This is a subtitle",

src/components/NavigationDrawer.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 
 import globalData from '../GlobalData.js';
 import DisruptionButton from "./DisruptionButton.js";
+import SelectUserButton from "./SelectUserButton.js"
 import Popup from './Popup.js';
 import Button from './Button.js';
 
@@ -63,7 +64,12 @@ class NavigationDrawer extends Component {
                         <span>example@gmail.com</span>
                     </header>
                     <div id="navList">
-                        <DisruptionButton onClick={[this.showPopup, this.close]} />
+                        <SelectUserButton path={"user1"} username="user1"/>
+                        <SelectUserButton path={"user2"} username="user2"/>
+                        <SelectUserButton path={"user3"} username="user3"/>
+                        <SelectUserButton path={"user4"} username="user4"/>
+                        <DisruptionButton path={"ex1"} onClick={[this.showPopup, this.close]} />
+                        <DisruptionButton path={"ex2"} onClick={[this.showPopup, this.close]} />
                     </div>
                     <hr />
                     <span id="version">Projektgrupp 3 - Utmaning 7</span>

src/components/SelectUserButton.js

@@ -0,0 +1,36 @@
+
+import globData from '../GlobalData.js';
+
+import user1 from '../APIexamples/user1.json'
+import user2 from '../APIexamples/user2.json'
+import user3 from '../APIexamples/user3.json'
+import user4 from '../APIexamples/user4.json'
+
+import Button from './Button.js';
+import disruptIcon from '../img/flash.svg';
+
+class SelectUserButton extends Button {
+	selectUser = () => {
+        if(this.props.path === "user1"){
+            globData.user = user1
+        }else if (this.props.path === "user2"){
+            globData.user = user2
+        }else if (this.props.path === "user3"){
+            globData.user = user3
+        }else if (this.props.path === "user4"){
+            globData.user = user4
+        }
+	}
+
+	render() {
+		return (
+			<Button onClick={[this.selectUser]} className="disruptBtn">
+				<img src={disruptIcon} alt="" />
+				<span>{this.props.username}</span>
+			</Button>
+		);
+	}
+}
+
+
+export default SelectUserButton;