Merge pull request #413 from sunbird-cb/dev-portal

Task #58402: Display of rating stars fix in summary
sunbird-cb · May 18, 2022 · 6508495 · 6508495
2 parents 24d7e95 + b9bdbb7
commit 6508495
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.html b/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.html
@@ -11,7 +11,7 @@
         <div class="margin-top-s mat-body-1 ws-mat-black60-text">
             {{ ratingSummary?.total_number_of_ratings | pipeCountTransform }} ratings</div>
     </div>
-    <div class="flex items-center margin-bottom-xs" *ngFor="let rating of ratingSummary?.breakDownReverse">
+    <div class="flex items-center margin-bottom-xs" *ngFor="let rating of ratingSummary?.breakDown.slice().reverse()">
         <div class="mat-body-2 bold-imp margin-right-m">{{rating.key}} star</div>
         <div class="flex items-center rating-progress">
             <mat-progress-bar [mode]="'determinate'" [matTooltip]="rating?.percent + ' %'"

diff --git a/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.ts b/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.ts
@@ -18,10 +18,10 @@ export class RatingSummaryComponent implements OnInit, OnChanges {
   }
 
   ngOnChanges() {
-     if (this.ratingSummary && this.ratingSummary.breakDown) {
-      this.ratingSummary.breakDownReverse = this.ratingSummary.breakDown.reverse()
-      // console.log('this.ratingSummary.breakDown', this.ratingSummary.breakDown)
-    }
+    //  if (this.ratingSummary && this.ratingSummary.breakDown) {
+    //   this.ratingSummary.breakDownReverse = this.ratingSummary.breakDown.reverse()
+    //   console.log('this.ratingSummary.breakDownReverse', this.ratingSummary.breakDownReverse)
+    // }
   }
 
   getRatingIcon(ratingIndex: number, avg: number): 'star' | 'star_border' | 'star_half' {