Store in GIT

app/pages/reader/reader.component.ts

@@ -0,0 +1,74 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { DataService } from './../../services/data.service';
+import { IntervalObservable } from 'rxjs/observable/IntervalObservable';
+import { Subscription } from 'rxjs/Subscription';
+
+import { Reader } from "./../../classes/reader.class";
+import { Plane } from "./../../classes/plane.class";
+import { Params, ActivatedRoute, Router } from '@angular/router';
+
+
+@Component({
+  selector: 'app-reader',
+  templateUrl: './reader.component.html',
+  styleUrls: ['./reader.component.css']
+})
+
+export class ReaderComponent implements OnInit, OnDestroy {
+
+	loading:boolean = true;
+	error:boolean = false;
+	name:string = "Loading";
+	id:number = 0;
+	
+	public reader:Reader = new Reader(0, "", null);
+
+	public subscription:Subscription;
+
+	constructor(private route: ActivatedRoute, private router: Router, private data:DataService){}
+
+
+	getReader(id:number): void {
+		this.data.load().then(()=> {
+			this.data
+		      .reader(id)
+		      .subscribe(b => {
+
+		      	var status = b.status_code;
+
+		      	if(status != 200 && b.data.length != 1)
+		      	{
+		      		this.loading = false;
+		      		this.error = true;
+		      	}	
+		      	else{      	
+
+			      	this.reader = Reader.toReader(b.data[0]);
+			      	this.name = this.reader.reader_id;
+			      	this.loading = false;
+			      }
+
+		      });
+		});
+	}
+
+	ngOnInit(): void {
+		this.id = this.route.snapshot.params['id'];
+
+	    this.getReader(this.id);
+
+        this.subscription = IntervalObservable.create(5000).subscribe(() => {
+        	console.log("Reloading data...");
+            this.getReader(this.id);
+        });
+	}
+
+	ngOnDestroy(): void {
+	    this.subscription.unsubscribe();
+	}
+
+	onClick(plane: Plane): void {
+      this.router.navigate(['/plane', plane.id]);
+    }
+
+}