126 lines
5.8 KiB
HTML
126 lines
5.8 KiB
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> |