debug commit

mtlynch · Nov 23, 2017 · a4d0b92 · a4d0b92
1 parent a7f834b
commit a4d0b92
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/app/_components/recipe-list/recipe-list.component.html b/src/app/_components/recipe-list/recipe-list.component.html
@@ -15,6 +15,9 @@
   <div class="container" *ngIf="keywordsRaw && keywordsRaw.length > 0">
     <p>Found {{ recipes.length }} matching recipes</p>
   </div>
+  <p>page is {{currentPage}}</p>
+  <button (click)="resetPage()">Reset page</button>
+  <button (click)="filterRecipes()">Filter recipes</button>
   <div *ngIf="loaded">
     <pagination [boundaryLinks]="true"
                 [totalItems]="recipes.length"
@@ -23,6 +26,7 @@
                 class="pagination-sm"
                 [maxSize]="maxPageButtons"
                 previousText="Previous"
+                (pageChanged)="pageChanged($event)"
                 nextText="Next"
                 firstText="First"
                 lastText="Last">

diff --git a/src/app/_components/recipe-list/recipe-list.component.ts b/src/app/_components/recipe-list/recipe-list.component.ts
@@ -83,8 +83,15 @@ export class RecipeListComponent implements OnInit {
     return this.currentCategory === category ? 'btn-primary' : 'btn-default';
   }
 
-  private filterRecipes() {
+  resetPage() {
+    console.log('called resetPage');
     this.currentPage = 1;
+  }
+
+  filterRecipes() {
+    console.log(`currentPage=${this.currentPage}`);
+    this.currentPage = 1;
+    console.log(`currentPage=${this.currentPage}`);
     let recipes: any[] = [];
     if (this.currentCategory != null) {
       recipes = this.recipesRaw.filter(recipe => recipe.category === this.currentCategory);
@@ -94,6 +101,12 @@ export class RecipeListComponent implements OnInit {
     recipes = this.searchPipe.transform(recipes, this.keywords);
     recipes = this.arraySortPipe.transform(recipes, 'publishedTime');
     this.recipes = recipes;
+    this.currentPage = 1;
+  }
+
+  pageChanged(e) {
+    console.log('page changed');
+    console.log(e);
   }
 
   matchingIngredients(ingredients) {