

<div class="pdfHeader">
  <img class="headerProfPic" src= {{profUrl}}  (error)="onError($event, userName)">
  <div class="feed-ownerName" [innerHTML]= "userName"></div>
  <div class="selectAll">
    <mat-slide-toggle *ngIf = "totalPages > 0" 
        [checked] = " selectedPages && selectedPages.length == totalPages " 
        [labelPosition]="'before'" 
        (change)="onSelectAllChange($event)" >
        Select All 
    </mat-slide-toggle>
    <div> Selected Pages ( {{selectedPages.length}}/{{totalPages}} ) </div>
  </div>
</div>

   <pdf-viewer [src]="pdf_url"
  [original-size]="true"
  [render-text]="false"
  (page-rendered)="pageRender($event)"
  (after-load-complete)="loadComplete($event)" class="pdfViewerContainer">
 </pdf-viewer>
