add battle service

src/app/app.module.ts

@@ -5,6 +5,7 @@ import { HomePage } from '../pages/home/home';
 import { LoginPage } from '../pages/login/login';
 import { Signin } from '../pages/signin/signin';
 import { TabsPage } from '../pages/tabs/tabs';
+import { BattlesService } from '../providers/battles-service';
 
 @NgModule({
   declarations: [
@@ -25,6 +26,8 @@ import { TabsPage } from '../pages/tabs/tabs';
     Signin,
     TabsPage
   ],
-  providers: []
+  providers: [
+    BattlesService
+  ]
 })
 export class AppModule {}

src/models/battle.ts

@@ -0,0 +1,3 @@
+export class Battle {
+  id: string;
+}

src/pages/home/home.ts

@@ -2,14 +2,26 @@ import { Component } from '@angular/core';
 
 import { NavController } from 'ionic-angular';
 
+import { Battle } from '../../models/battle';
+import { BattlesService } from '../../providers/battles-service';
+
 @Component({
   selector: 'page-home',
   templateUrl: 'home.html'
 })
 export class HomePage {
+  public battles: Battle[];
 
-  constructor(public navCtrl: NavController) {
-
+  constructor(public navCtrl: NavController, public battlesService: BattlesService) {
+  	this.load();
   }
 
-}
+  load() {
+    this.battlesService.load()
+    .subscribe((data) => {
+    	this.battles = data
+    	console.log(data);
+    });
+
+  }
+}

src/providers/battles-service.ts

@@ -0,0 +1,40 @@
+import { Injectable } from '@angular/core';
+import { Http, Headers } from '@angular/http';
+import { Observable } from 'rxjs/Rx';
+import 'rxjs/add/operator/map';
+
+import { Battle } from '../models/battle';
+
+const API = 'http://86.119.36.241:3000/';
+const HEAD = new Headers({
+  'Content-Type': 'application/json'
+//  'Access-Control-Allow-Origin': '*'
+});
+
+@Injectable()
+export class BattlesService {
+  constructor(public http: Http) {
+    console.log('Hello BattlesService Provider');
+  }
+
+  load(): Observable<Battle[]> {
+    return this.http.get(`${API}/battles`, {headers: HEAD})
+      .map(res => {
+        console.log(res);
+      })
+     /* .map(res => res.json().map(
+         res => {
+           let b = new Battle();
+           b.id = res.id;
+
+           return b;
+        }
+      ))*/
+      .catch(this.handleError);
+  }
+
+  private handleError(error) {
+    console.error(error);
+    return Observable.throw(error.json().error || 'Server error');
+  }
+}