Merge pull request #25 from RIT-SWEN-261-02/need-image

Need image support + need page image styling

1 files changed, 21 insertions, 7 deletions

diff --git a/ufund-ui/src/app/components/need-list/need-list.component.ts b/ufund-ui/src/app/components/need-list/need-list.component.ts
index ed14d6a..ae6bc99 100644
--- a/ufund-ui/src/app/components/need-list/need-list.component.ts
+++ b/ufund-ui/src/app/components/need-list/need-list.component.ts
@@ -1,5 +1,5 @@
 import {Component, EventEmitter, Output} from '@angular/core';
-import {Need} from '../../models/Need';
+import {GoalType, Need} from '../../models/Need';
 import {CupboardService} from '../../services/cupboard.service';
 import {UsersService} from '../../services/users.service';
 import {userType} from '../../models/User';
@@ -72,14 +72,28 @@ export class NeedListComponent {
   itemsPerPage: number = 5;
   totalPages: number = Math.ceil(this.needs.length / this.itemsPerPage);
 
+  getPrefix(need: Need) {
+      return (need.type === GoalType.MONETARY) ? "$" : "";
+  }
+
   decrementPage() {
     this.currentPage--;
-    this.updateVisibleNeeds();    
+    this.updateVisibleNeeds();
   }
 
   incrementPage() {
     this.currentPage++;
-    this.updateVisibleNeeds();    
+    this.updateVisibleNeeds();
+  }
+
+  lastPage() {
+      this.currentPage = this.totalPages - 1
+      this.updateVisibleNeeds()
+  }
+
+  firstPage() {
+      this.currentPage = 0
+      this.updateVisibleNeeds()
   }
 
   editNeedsPerPage() {
@@ -140,7 +154,7 @@ export class NeedListComponent {
 
   ngOnInit(): void {
     this.refresh()
-   
+
   }
 
   changeSortMode(form : any) {
@@ -224,6 +238,7 @@ export class NeedListComponent {
     if (currentUser) {
       if (!currentUser.basket.includes(need.id)) {
         currentUser.basket.push(need.id);
+        this.toastService.sendToast(ToastType.INFO, "Need added to your basket!")
         this.usersService.updateUser(currentUser)
             .pipe(catchError((err, _) =>  {
                 console.error(err);
@@ -273,8 +288,7 @@ export class NeedListComponent {
         button.style.visibility = 'hidden';
       }
   }
-}
-function not(location: string) {
-  throw new Error('Function not implemented.');
+
+    protected readonly GoalType = GoalType;
 }