EchoTex_Payroll/HRM.UI/ClientApp/src/app/reports/emp-leave-balance/emp-leave-balance.component.html

<app-loading-panel> </app-loading-panel>
<div class="card card-w-card">
    <div class="p-grid">
        <!-- <div class="p-col-12 p-md-6 p-lg-2">
            <label>Select Employee:</label>
        </div> -->
        <div class="p-col-12 p-md-6 p-lg-2">
            <app-employee-picker (ItemSelected)="GetSelectedEmployee($event)"></app-employee-picker>
        </div>
        <div class="p-col-12 p-md-6 p-lg-3">
            <div class="p-grid">
                <div class="p-col-4">
                    <label>From Date </label>
                </div>
                <div class="p-col-8">
                    <kendo-datepicker format="dd MMM yyyy" [(ngModel)]="fromDate" style="width:100%"></kendo-datepicker>
                </div>
            </div>
        </div>
        <div class="p-col-12 p-md-6 p-lg-3">
            <div class="p-grid">
                <div class="p-col-4">
                    <label>To Date </label>
                </div>
                <div class="p-col-8">
                    <kendo-datepicker format="dd MMM yyyy" [(ngModel)]="toDate" style="width:100%"></kendo-datepicker>
                </div>
            </div>
        </div>
        <div class="p-col-12 p-md-6 p-lg-3">
            <div class="p-grid">
                <div class="p-col-4">
                    <label>Leave Type </label>
                </div>
                <div class="p-col-8">
                    <kendo-dropdownlist [data]="leaveList" [(ngModel)]="leaveId"
                        [defaultItem]="{ description: 'All', id: null }" [textField]="'description'"
                        [valueField]="'id'" [valuePrimitive]="true" style="width: 100%"
                        class="form-control form-control-sm input-sm">
                    </kendo-dropdownlist>
                </div>
            </div>
        </div>
        <div class="p-col-12 p-md-6 p-lg-1" align="right">
            <button type="button" class="k-primary" (click)="preview()" icon="preview" kendoButton>Preview</button>
        </div>
        <!-- <div class="p-col-12 p-md-6 p-lg-2">
            <label>Leave Year:</label>
        </div>
        <div class="p-col-12 p-md-6 p-lg-2">
            <kendo-dropdownlist [data]="leaveYearList"
                                [(ngModel)]="leaveYearId"
                                [defaultItem]="{ name: 'Select Leave Year...', id: null }"
                                [textField]="'name'"
                                [valueField]="'id'"
                                [valuePrimitive]="true"
                                style="width: 100%"
                                class="form-control form-control-sm input-sm"
            >
            </kendo-dropdownlist>
        </div> -->
    </div>
</div>
<kendo-dialog *ngIf="showPopUp" (close)="closeForm()" title="{{PDFTitle}}" [height]="500" [width]="800">


    <div class="p-grid">
        <div class="p-col-12">
            <!--<pdf-viewer [src]="src" style="width: 400px; height: 500px"
        [show-borders]="true"></pdf-viewer>-->
            <!--<ngx-extended-pdf-viewer [src]="getSrcDocument()"
                             backgroundColor="#ffffff"
                             [height]="'90vh'"
                             [useBrowserLocale]="true"
                             [showOpenFileButton]="false"
                             [showPresentationModeButton]="true"
                             [handTool]="false"
                             *ngIf="blocFilterOpened">
    </ngx-extended-pdf-viewer>-->

            <ngx-extended-pdf-viewer [src]="src" [showBookmarkButton]="false" [showOpenFileButton]="false"
                [showSidebarButton]="false" [textLayer]="false" [enableDragAndDrop]="false"
                [showSecondaryToolbarButton]="false" [zoom]="'page-width'" [useBrowserLocale]="true" [height]="'70vh'"
                [handTool]="true">
            </ngx-extended-pdf-viewer>
        </div>
    </div>
</kendo-dialog>