Store in GIT

app/pages/user/user.component.ts

@@ -0,0 +1,70 @@
+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 { User } from "./../../classes/user.class";
+import { Params, ActivatedRoute } from '@angular/router';
+
+
+@Component({
+  selector: 'app-user',
+  templateUrl: './user.component.html',
+  styleUrls: ['./user.component.css']
+})
+
+export class UserComponent implements OnInit, OnDestroy {
+
+	loading:boolean = true;
+	error:boolean = false;
+	name:string = "Loading";
+	id:number = 0;
+	
+	public user:User = new User(0, "Loading", "Loading", "Loading");
+
+	public subscription:Subscription;
+
+	constructor(private route: ActivatedRoute, private data:DataService){}
+
+
+	getUser(id:number): void {
+		this.data.load().then(()=> {
+			this.data
+		      .user(id)
+		      .subscribe(b => {
+
+		      	var status = b.status_code;
+
+		      	if(status != 200 && b.data.length != 1)
+		      	{
+		      		this.loading = false;
+		      		this.error = true;
+		      	}	
+		      	else{      	
+
+			      	this.user = User.toUser(b.data[0]);
+			      	this.name = this.user.name;
+			      	this.loading = false;
+			      }
+
+		      });
+		});
+	}
+
+	ngOnInit(): void {
+		this.id = this.route.snapshot.params['id'];
+
+	    this.getUser(this.id);
+
+        this.subscription = IntervalObservable.create(5000).subscribe(() => {
+        	console.log("Reloading data...");
+            this.getUser(this.id);
+        });
+	}
+
+	ngOnDestroy(): void {
+	    this.subscription.unsubscribe();
+	}
+
+}