<section (scroll)="onScroll($event)">
    <div class="modal_bg" *ngIf="is_modal_visible" (scroll)="onScroll($event)">
        <div class="overlay"></div>
        <div class="modal-dialog-box">
            <div class="modal-content" *ngIf="type==2"  >
                <div class="modal-header" (click)="forgotSubmit()">
                    <h2 >Title : {{content_data.list.title}} <strong>{{statusText}}</strong></h2>
                    <button type="button" class="close close_btn" data-dismiss="modal" (click)="onCloseModal('video')"><img src="assets/img/close.svg" /></button>
                    <h6>Change Language</h6>
                    <select [(ngModel)]="defaultValue" (ngModelChange)='onOptionsSelected($event)'>
                        <option *ngFor="let value of pdf_languages" [ngValue]="value">{{value}}</option>
                      </select>
                </div>
                <video [src]="file_url" id="videoID" width="320" height="250" controls controlsList="nodownload" CONTROLLER="true" AUTOPLAY="false" name="IBM Video" poster="https://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/377_loading_gif/final.gif"></video>
            </div>
            <div class="modal-content" *ngIf="type==3">
                <div class="modal-header">
                    <h2>Title : {{content_data.list.title}} <strong>{{statusText}}</strong></h2>
                    <button type="button" class="close close_btn" data-dismiss="modal" (click)="onCloseModal('video')">&#8592;</button>
                </div>
                 <audio controls id="audioID"  >
                    <source [src]="content_data.list.file_url" type="audio/mp3">
                </audio> 
            </div>
            <div class="modal-content" *ngIf="type==1" (scroll)="onScroll($event)">
                <img  *ngIf="pdf_preloader"  class="pdf_preloader" src="assets/img/pdf_loader.gif" />
                
                <div *ngIf="isLoaded" class="next_prev">
                    
                    <div class="zoom_con" *ngIf="!pdf_preloader">
                        <button class="pull-left" (click)="pdfZoommMinus()">-</button>
                        <button class="pull-center"><img src="assets/img/zoom-in.png" /></button>
                        <button class="pull-right" (click)="pdfZoomPlus()">+</button>
                    </div>
                </div>
                <div class="modal-header">
                    <h2>Title : {{content_data.list.title}} </h2>
                    <button type="button" class="close close_btn" data-dismiss="modal" (click)="onCloseModal('video')"><img src="assets/img/close.svg" /></button>
                     <h6>Change Language</h6>
                    <select [(ngModel)]="defaultValue" (ngModelChange)='onOptionsSelected($event)'>
                        <option *ngFor="let value of pdf_languages" [ngValue]="value">{{value}}</option>
                      </select>

                </div>
                <pdf-viewer [(page)]="pageVariable" [show-all]="true" (after-load-complete)="callBackFn($event)" (page-rendered)="pageRendered($event)" (on-progress)="onProgress($event)" [zoom]="pdf_zoom" [original-size]="false" [src]="file_url" [render-text]="true" style="display: block;"></pdf-viewer>
            </div>
        </div>
    </div>
</section>
 