<app-slider [valueStep]='300'>
<div class="commoncards" *ngFor="let reviewer of reviewerList">
<div class="row">
  <div class="col-lg-3">
    <app-avatar-pic  [pic]="image"  [initials]="getInitials('lakshmanan sabash')"></app-avatar-pic>

  </div>
  <div class="col-lg-6">
    <div class="reviewerDetails">
      <div class="reviewerName">
        <h2>{{reviewer.reviewerName}}</h2>
      </div>
      <div [class]="getStatus(reviewer.status)">
        <h3 class="reviewerStatusText">{{reviewer.status}}</h3>
      </div>
    </div>
  </div>
  <div class="col-lg-3"></div>
</div>
<div class="row">
  <div>
    <!--<app-scorering [score]="score(reviewer.score)"></app-scorering>-->

    <circle-progress [percent]="reviewer.score" [outerStrokeColor]="getOuterStrokeColour(reviewer.score)" [subtitle]="'SCORE'"></circle-progress>
  </div>
</div>
<div class="row">
  <div>
    <star-rating-comp [starType]="'svg'" [rating]="reviewer.score/20" [disabled]="true">
    </star-rating-comp>
  </div>

</div>
<div class="row">
  <div>
    <h3 class="reviewerComments">{{reviewer.comments}}</h3>
  </div>
</div>
</div>
</app-slider>
