project list works

Author: silencer07

src/app/app.component.ts

@@ -28,8 +28,8 @@ export class MyApp {
 
     // used for an example of ngFor and navigation
     this.pages = [
-      { title: 'Home', component: HomePage },
-      { title: 'List', component: ListPage }
+      { title: 'Project List', component: ListPage },
+      { title: 'Create Project', component: HomePage }
     ];
   }
 

src/app/app.module.ts

@@ -11,6 +11,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
 import { AuthService } from '../providers/auth-service/auth-service';
 import { IonicStorageModule } from '@ionic/storage';
 import {LoginPage} from "../pages/login/login";
+import { ProjectProvider } from '../providers/project/project';
 
 const pages = [
     MyApp,
@@ -32,7 +33,8 @@ const pages = [
     StatusBar,
     SplashScreen,
     {provide: ErrorHandler, useClass: IonicErrorHandler},
-    AuthService
+    AuthService,
+    ProjectProvider
   ]
 })
 export class AppModule {}

src/pages/list/list.html

@@ -3,21 +3,14 @@
     <button ion-button menuToggle>
       <ion-icon name="menu"></ion-icon>
     </button>
-    <ion-title>List</ion-title>
+    <ion-title>Project List</ion-title>
   </ion-navbar>
 </ion-header>
 
 <ion-content>
   <ion-list>
     <button ion-item *ngFor="let item of items" (click)="itemTapped($event, item)">
-      <ion-icon [name]="item.icon" item-left></ion-icon>
-      {{item.title}}
-      <div class="item-note" item-right>
-        {{item.note}}
-      </div>
+      {{item.id}} - {{item.name}}
     </button>
   </ion-list>
-  <div *ngIf="selectedItem" padding>
-    You navigated here from <b>{{selectedItem.title}}</b>
-  </div>
 </ion-content>

src/pages/list/list.ts

@@ -1,5 +1,8 @@
 import { Component } from '@angular/core';
 import { NavController, NavParams } from 'ionic-angular';
+import {HomePage} from "../home/home";
+import {Project} from "../../model/project";
+import {ProjectProvider} from "../../providers/project/project";
 
 @Component({
   selector: 'page-list',
@@ -8,29 +11,14 @@ import { NavController, NavParams } from 'ionic-angular';
 export class ListPage {
   selectedItem: any;
   icons: string[];
-  items: Array<{title: string, note: string, icon: string}>;
+  items: Array<Project>;
 
-  constructor(public navCtrl: NavController, public navParams: NavParams) {
-    // If we navigated to this page, we will have an item available as a nav param
-    this.selectedItem = navParams.get('item');
-
-    // Let's populate this page with some filler content for funzies
-    this.icons = ['flask', 'wifi', 'beer', 'football', 'basketball', 'paper-plane',
-    'american-football', 'boat', 'bluetooth', 'build'];
-
-    this.items = [];
-    for (let i = 1; i < 11; i++) {
-      this.items.push({
-        title: 'Item ' + i,
-        note: 'This is item #' + i,
-        icon: this.icons[Math.floor(Math.random() * this.icons.length)]
-      });
-    }
+  constructor(public navCtrl: NavController, public navParams: NavParams, private projectProvider: ProjectProvider) {
+    this.projectProvider.list().subscribe(projects => this.items = projects);
   }
 
   itemTapped(event, item) {
-    // That's right, we're pushing to ourselves!
-    this.navCtrl.push(ListPage, {
+    this.navCtrl.push(HomePage, {
       item: item
     });
   }

src/pages/login/login.ts

@@ -3,7 +3,7 @@ import {AlertController, IonicPage, LoadingController, NavController, NavParams}
 import {FormBuilder, FormGroup, Validators} from "@angular/forms";
 import {AuthService} from "../../providers/auth-service/auth-service";
 import {User} from "../../model/user";
-import {HomePage} from "../home/home";
+import {ListPage} from "../list/list";
 
 /**
  * Generated class for the LoginPage page.
@@ -44,7 +44,7 @@ export class LoginPage {
       this.authService.authenticate(this.form.value)
         .subscribe((user: User) => {
           loader.dismiss();
-          this.navCtrl.setRoot(HomePage);
+          this.navCtrl.setRoot(ListPage);
         }, (error: any) => {
           loader.dismiss();
           let message = this.alertController.create({