EchoTex_Payroll/HRM.UI/ClientApp/src/app/adhoc-feature/letter-generate/letter-generate.component.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> -->