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 *ngIf="reportID == 724">

        <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" style="margin: auto;">
                        <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" style="margin: auto;">
                        <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" style="margin: auto;">
                        <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%">
                        </kendo-dropdownlist>
                    </div>
                </div>
            </div>
            <div class="p-col-12 p-md-6 p-lg-1" align="right">
                <button type="button" kendoButton icon="file-pdf" [primary]="true" (click)="preview('PDF')" style="margin-right: 10px;">Preview</button>
                <button type="button" kendoButton icon="file-excel" [primary]="true" (click)="preview('EXCEL')">Export</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>
    
    <div *ngIf="reportID == 727">
        <div class="p-grid">
            <div class="p-col-12 p-md-6 p-lg-4">
                <div class="p-grid">
                    <div class="p-col-4" style="margin: auto;">
                        <label>Select Employee</label>
                    </div>
                    <div class="p-col-8">
                        <app-employee-picker (ItemSelected)="GetSelectedEmployee($event)"></app-employee-picker>
                    </div>
                </div>
            </div>
            <div class="p-col-12 p-md-6 p-lg-4">
                <div class="p-grid">
                    <div class="p-col-4" style="margin: auto;">
                        <label>Authorized Person</label>
                    </div>
                    <div class="p-col-8">
                        <kendo-dropdownlist [data]="authPersons" [(ngModel)]="personID"
                            [textField]="'name'" [valueField]="'id'" 
                            [valuePrimitive]="true" style="width: 100%">
                        </kendo-dropdownlist>
                    </div>
                </div>
            </div>
            
            <div class="p-col-12 p-md-12 p-lg-4" align="right">
                <button type="button" kendoButton icon="file-pdf" [primary]="true" (click)="preview('PDF')" style="margin-right: 10px;">Preview</button>
                <button type="button" kendoButton icon="file-excel" [primary]="true" (click)="preview('EXCEL')">Export</button>
            </div>

        </div>
    </div>
</div>

<!-- <kendo-window *ngIf="showPopUp" (close)="closeForm()" title="{{PDFTitle}}" [height]="500" [width]="800">
    <div class="p-grid">
        <div class="p-col-12">
            <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-window>
 -->


<div class="card" *ngIf="showPopUp" class="blur-background">
    <kendo-window [height]="600" class='window-viewer' title="{{PDFTitle}}" *ngIf="showPopUp" (close)="closeForm()">
    <!-- [height]="600" [style]="{'min-width': '70%','max-width': '100%', 'max-height': '100%'}"> -->
        <app-loading-panel> </app-loading-panel>
        <div class='embed-responsive'>
            <iframe class="pdf-viewer" id="pdf-viewer-report" type='application/pdf' [zoom]="zoomLevel"></iframe>
        </div>
    </kendo-window>
</div>