58 lines
3.4 KiB
HTML
58 lines
3.4 KiB
HTML
|
<app-loading-panel> </app-loading-panel>
|
||
|
|
<div class="card" style="padding:10px;">
|
||
|
|
<div class="p-grid">
|
||
|
|
<div class="p-col-12">
|
||
|
|
<div class="p-grid">
|
||
|
|
<div class="p-col-4 p-md-2">
|
||
|
|
<label>Employee(s)</label>
|
||
|
|
</div>
|
||
|
|
<div class="p-col-8 p-md-4">
|
||
|
|
<!-- <app-employee-picker (ItemSelected)="GetSelectedEmployee($event)" [setSelectedEmp]="selectedEmps"
|
||
|
|
[MultiSelect]="true"></app-employee-picker> -->
|
||
|
|
<app-employee-picker (ItemSelected)="GetSelectedEmployee($event)"
|
||
|
|
[MultiSelect]="true"></app-employee-picker>
|
||
|
|
</div>
|
||
|
|
<div class="p-col-4 p-md-2">
|
||
|
|
<label>Letter</label>
|
||
|
|
</div>
|
||
|
|
<div class="p-col-8 p-md-4">
|
||
|
|
<kendo-dropdownlist [(ngModel)]="selectedreportType" [data]="reportTypes" [textField]="'text'"
|
||
|
|
[valueField]="'value'" [defaultItem]="{ text: 'Select Letter..', value: null }"
|
||
|
|
(valueChange)="onSelectReport($event)">
|
||
|
|
</kendo-dropdownlist>
|
||
|
|
</div>
|
||
|
|
<div class="p-col-12">
|
||
|
|
<kendo-grid #grid [data]="selectedEmps" [kendoGridSelectBy]="'employeeID'" [selectedKeys]="mySelection" [pageable]="false" [sortable]="true" [reorderable]="true"
|
||
|
|
[resizable]="true">
|
||
|
|
<!-- <ng-template kendoGridToolbarTemplate>
|
||
|
|
<button type="button" kendoButton icon="delete" class="kt-delete" (click)="onClickRemoveAll()">
|
||
|
|
Remove All
|
||
|
|
</button>
|
||
|
|
<kendo-grid-spacer></kendo-grid-spacer>
|
||
|
|
<label>Attendance Count: {{employeeList.length}} </label>
|
||
|
|
</ng-template> -->
|
||
|
|
<kendo-grid-checkbox-column [resizable]="false" [width]="45" showSelectAll="true">
|
||
|
|
</kendo-grid-checkbox-column>
|
||
|
|
<kendo-grid-column field="employeeNo" title="Employee No" [width]="150">
|
||
|
|
</kendo-grid-column>
|
||
|
|
<kendo-grid-column field="name" title="Employee Name" [width]="220">
|
||
|
|
</kendo-grid-column>
|
||
|
|
<kendo-grid-column field="departmentName" title="Department" [width]="220">
|
||
|
|
</kendo-grid-column>
|
||
|
|
<kendo-grid-column field="gradeName" title="Grade" [width]="220">
|
||
|
|
</kendo-grid-column>
|
||
|
|
<!-- <kendo-grid-column title="Actions" width="25%" align="middle">
|
||
|
|
<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
|
||
|
|
<button kendoButton class="kt-delete" icon="delete" style="width: fit-content;"
|
||
|
|
(click)="onClickRemove(dataItem)">Remove</button>
|
||
|
|
</ng-template>
|
||
|
|
</kendo-grid-column> -->
|
||
|
|
</kendo-grid>
|
||
|
|
<div class="p-col-12" align="right">
|
||
|
|
<button kendoButton icon="upload" type="button" (click)="generateLetter()" [primary] = true>Generate</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|