List elements hardcoded. Navigation to different task lists

monikaja · Dec 5, 2017 · 4fa776d · 4fa776d
1 parent 8ce8ccd
commit 4fa776d
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 18 deletions.
diff --git a/src/pages/lists/lists.html b/src/pages/lists/lists.html
@@ -6,7 +6,7 @@
 -->
 <ion-header>
 
-  <ion-navbar>
+  <ion-navbar color="secondary">
     <ion-title>My lists</ion-title>
   </ion-navbar>
 
@@ -15,7 +15,7 @@
 
 <ion-content padding>
  <ion-list>
-   <ion-item *ngFor="let list of listService.list" (click)="goToList()">{{list.name}}</ion-item>
+   <ion-item *ngFor="let list of listService.list" (click)="goToList(list)">{{list.name}}</ion-item>
  </ion-list>
 </ion-content>
 <ion-fab right bottom>

diff --git a/src/pages/lists/lists.ts b/src/pages/lists/lists.ts
@@ -4,6 +4,7 @@ import { TodosPage} from "../todos/todos";
 import { AlertController} from "ionic-angular";
 
 import { ListServiceProvider} from "../../providers/list-service/list-service";
+import { ListModel} from "../../data/list-model";
 
 /**
  * Generated class for the ListsPage page.
@@ -23,8 +24,8 @@ export class ListsPage {
               public alertCtrl: AlertController, public listService:ListServiceProvider) {
   }
 
-  goToList(list:string):void{
-    this.navCtrl.push(TodosPage);
+  goToList(list: ListModel):void{
+    this.navCtrl.push(TodosPage, {list});
   }
 
   showAddList(){

diff --git a/src/pages/todos/todos.html b/src/pages/todos/todos.html
@@ -7,14 +7,15 @@
 <ion-header>
 
   <ion-navbar color="primary">
-    <ion-title>To Do List</ion-title>
+    <ion-title>{{list.name}}</ion-title>
   </ion-navbar>
 
 </ion-header>
 
 
 <ion-content padding>
   <ion-list no-lines>
+    <ion-item *ngIf="!todoService.todos || todoService.todos.length===0">Add tasks to the list</ion-item>
     <ion-item-sliding *ngFor="let todo of todoService.todos | undoneTodosPipe">
 
       <ion-item>

diff --git a/src/pages/todos/todos.ts b/src/pages/todos/todos.ts
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { IonicPage, ModalController, NavController, NavParams } from 'ionic-angular';
 import { AddTaskModalPage } from "../add-task-modal/add-task-modal";
 import { TodoServiceProvider } from "../../providers/todo-service/todo-service";
+import { ListModel} from "../../data/list-model";
 
 /**
  * Generated class for the TodosPage page.
@@ -21,7 +22,10 @@ export class TodosPage {
               public navParams: NavParams,
               private modalCtrl : ModalController,
               public todoService: TodoServiceProvider) {
+    this.list = this.navParams.get('list');
+    this.todoService.loadFromList(this.list.id);
   }
+  private list:ListModel;
 
   addItem():void{
     let modal = this.modalCtrl.create(AddTaskModalPage);

diff --git a/src/providers/todo-service/todo-service.ts b/src/providers/todo-service/todo-service.ts
@@ -13,21 +13,25 @@ export class TodoServiceProvider {
   private todos: any[];
 
   constructor(public http: HttpClientModule) {
-    this.getTodos();
   }
 
-  getTodos():void{
-    this.todos = [
-      {desc: 'hola que tal esto es una tarea', isDone: false},
-      {desc: 'checked Task', isDone: true},
-      {desc: 'hola que tal esto es una tarea', isDone: false},
-      {desc: 'hola que tal esto es una tarea', isDone: false},
-      {desc: 'hola que tal esto es una tarea', isDone: false},
-      {desc: 'checked Task', isDone: true},
-      {desc: 'hola que tal esto es una tarea', isDone: false},
-      {desc: 'hola que tal esto es una tarea', isDone: false},
-      {desc: 'hola que tal esto es una tarea', isDone: false}
-    ];
+  loadFromList(id:number):void{
+    if(id<3){
+      this.todos = [];
+    }
+    else{
+      this.todos = [
+        {desc: 'hola que tal esto es una tarea', isDone: false},
+        {desc: 'checked Task', isDone: true},
+        {desc: 'hola que tal esto es una tarea', isDone: false},
+        {desc: 'hola que tal esto es una tarea', isDone: false},
+        {desc: 'hola que tal esto es una tarea', isDone: false},
+        {desc: 'checked Task', isDone: true},
+        {desc: 'hola que tal esto es una tarea', isDone: false},
+        {desc: 'hola que tal esto es una tarea', isDone: false},
+        {desc: 'hola que tal esto es una tarea', isDone: false}
+      ];
+    }
   }
 
   toogleChecked(item):void{