EchoTex_Payroll/HRM.UI/ClientApp/src/app/adhoc-feature/letter-generate/letter-generate.component.html

74 lines
3.2 KiB
HTML

<app-loading-panel></app-loading-panel>
<fieldset style="margin-top: 10px;">
<div class="card card-w-title">
<div class="p-grid" style="margin-top: auto;">
<div class="p-col-2" >
<label >Select Employee : </label>
</div>
<div class="p-col-10">
<app-employee-picker [MultiSelect]="true" (ItemSelected)="GetSelectedEmployee($event)"></app-employee-picker>
</div>
</div>
<kendo-grid [scrollable]="true"
[resizable]="true" [data]="employees">
<kendo-grid-column field="employeeNo" title="Employee NO" width="15%" [style]="{'text-align': 'left'}">
</kendo-grid-column>
<kendo-grid-column field="name" title="Employee Name" width="30%" [style]="{'text-align': 'left'}">
</kendo-grid-column>
<kendo-grid-column field="name" title="Joining Date" width="15%" [style]="{'text-align': 'left'}">
</kendo-grid-column>
<kendo-grid-command-column title="Appointment Letter For Staff" width="20%">
<ng-template kendoGridCellTemplate let-dataItem>
<button kendoButton type="button" (click)="forStuffOrWorker(dataItem, 'for Staff')" [primary] = true>Letter For Staff</button>
</ng-template>
</kendo-grid-command-column>
<kendo-grid-command-column title="Appointment Letter For Worker" width="20%">
<ng-template kendoGridCellTemplate let-dataItem>
<button kendoButton type="button" (click)="forStuffOrWorker(dataItem, 'for Worker')" [primary] = true>Letter For Worker</button>
</ng-template>
</kendo-grid-command-column>
<!-- <kendo-grid-command-column title="Payment" width="40%">
<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
<button kendoButton class="k-primary" style="width: 60px; margin-right: 5px" >1st Half</button>
<button kendoButton class="k-primary" style="width: 60px; margin-right: 5px" >2nd Half</button>
</ng-template>
</kendo-grid-command-column> -->
</kendo-grid>
</div>
</fieldset>
<div class="card" *ngIf="showPopUp" class="blur-background">
<kendo-window [height]="600" title="{{PDFTitle}}" *ngIf="showPopUp" (close)="closeForm()" [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-ml" type='application/pdf' [zoom]="zoomLevel"></iframe>
</div>
</kendo-window>
</div>
<!-- <div class="card" *ngIf="showPopUp" class="blur-background">
<kendo-window [height]="600" title="{{PDFTitle}}" *ngIf="showPopUp" (close)="closeForm()"
[style]="{'min-width': '70%','max-width': '100%', 'max-height': '100%'}">
<div class='embed-responsive'>
<iframe class="pdf-viewer" id="pdf-viewer-leaveApply" type='application/pdf' [zoom]="zoomLevel"></iframe>
</div>
</kendo-window>
</div> -->