Order By Ascending and Descending option for favorite

arjunrkr · Oct 12, 2017 · 4daaf39 · 4daaf39
1 parent 5ec78e8
commit 4daaf39
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/src/app/home-fav.component.html b/src/app/home-fav.component.html
@@ -6,10 +6,13 @@ <h2>This is Cinema Paradiso</h2>
 </div>
 <div class="breadcrumb">
   <label class='active'>Favorites</label>
-  <div  *ngIf="movies.length > 0" class='active' style='float:right;'>Sort By
-    <a (click)="sortBy('release_date')">Year <i class='glyphicon glyphicon-sort-by-attributes'></i></a> | 
-    <a (click)="sortBy('vote_average')">Rating <i class='glyphicon glyphicon-sort-by-attributes'></i></a> | 
-    <a (click)="sortBy('title')">Name <i class='glyphicon glyphicon-sort-by-attributes'></i></a>  
+  <div  *ngIf="movies.length > 0" class='active' style='float:right;'>Sort By: 
+    Year    <a (click)="orderBy('release_date','asc')"><i class='glyphicon glyphicon-sort-by-attributes'></i></a>  
+            <a (click)="orderBy('release_date','desc')"><i class='glyphicon glyphicon-sort-by-attributes-alt'></i></a> | 
+    Rating  <a (click)="orderBy('vote_average','asc')"><i class='glyphicon glyphicon-sort-by-attributes'></i></a> 
+            <a (click)="orderBy('vote_average','desc')"><i class='glyphicon glyphicon-sort-by-attributes-alt'></i></a> | 
+    Name    <a (click)="orderBy('title','asc')"><i class='glyphicon glyphicon-sort-by-attributes'></i></a>  
+            <a (click)="orderBy('title','desc')"><i class='glyphicon glyphicon-sort-by-attributes-alt'></i></a>  
   </div>
 </div>
 

diff --git a/src/app/home-fav.component.ts b/src/app/home-fav.component.ts
@@ -31,9 +31,9 @@ export class HomeFavComponent implements OnInit {
     isFav(id: number): string {
         return this.apiSerivce.isFavMovie(id);
     }
-    sortBy(srtval: string): void {
+    orderBy(srtval: string, order: string): void {
         // return '';
-        this.movies = this.apiSerivce.sortByService(srtval);
+        this.movies = this.apiSerivce.orderByService(srtval, order);
     }
     showInfo(msg: string) {
         this.toastr.info(msg, null, { positionClass: 'toast-bottom-right', animate: 'flyRight' });

diff --git a/src/app/movies.service.ts b/src/app/movies.service.ts
@@ -22,10 +22,10 @@ export class MovieService {
         return JSON.parse(localStorage.getItem('FavMovies'));
     }
 
-    sortByService(srtVal): any {
+    orderByService(srtVal, order): any {
         let data = [];
         data = JSON.parse(localStorage.getItem('FavMovies')) || [];
-        data = _.sortBy(data, [srtVal]);
+        data = _.orderBy(data, [srtVal], [order]);
         // localStorage.setItem('FavMovies', JSON.stringify(data));
         return data;
     }