Added first book gui implementation.

Author: tarlepp

app/bootstrap.ts

@@ -5,7 +5,7 @@ import {ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy} from 'angular2
 import {HTTP_PROVIDERS} from 'angular2/http';
 
 // 3rd party libraries
-import {AuthHttp} from 'angular2-jwt/angular2-jwt';
+import {AuthHttp, AuthConfig} from 'angular2-jwt/angular2-jwt';
 
 // And application itself
 import {AppCmp} from './components/app/app';
@@ -14,7 +14,10 @@ import {AppCmp} from './components/app/app';
 bootstrap(AppCmp, [
   ROUTER_PROVIDERS, HTTP_PROVIDERS,
   provide(LocationStrategy, { useClass: HashLocationStrategy }),
-  provide(AuthHttp, { useFactory: () => {
-    return new AuthHttp();
-  }})
+  provide(AuthConfig, {
+    useFactory: () => {
+      return new AuthConfig();
+    }
+  }),
+  AuthHttp
 ]);

app/components/examples/book/book.html

@@ -1 +1,5 @@
-book list here
+book list here
+
+<ul>
+    <li *ngFor="#book of books">{{book.title}}</li>
+</ul>

app/components/examples/book/book.ts

@@ -1,8 +1,35 @@
+// Angular2 specified stuff
 import {Component} from 'angular2/core';
+import {Headers} from 'angular2/http';
 
+// 3rd party libraries
+import {AuthHttp} from 'angular2-jwt/angular2-jwt';
+
+// Component setup
 @Component({
   selector: 'book',
-  templateUrl: './components/examples/book/book.html'
+  templateUrl: './components/examples/book/book.html',
+  providers: [AuthHttp]
 })
 
-export class BookCmp {}
+// Actual component class
+export class BookCmp {
+  books: any[];
+
+  private apiUrl = '<%= BACKEND_URL %>';
+
+  constructor(
+    private _authHttp: AuthHttp
+  ) {
+    let headers = new Headers();
+
+    headers.append('Content-Type', 'application/json');
+
+    this._authHttp.get(this.apiUrl + '/book?populate=author', {headers: headers})
+      .subscribe(
+        data => this.books = data.json(),
+        err => console.log(err),
+        () => console.log('Request Complete')
+      );
+  }
+}