EchoTex_Payroll/HRM.UI/ClientApp/src/app/common-interface/data-upload/data-upload.component.html
2024-10-14 10:01:49 +06:00

114 lines
4.6 KiB
HTML

<app-loading-panel></app-loading-panel>
<div class="card" style="padding: 1%;">
<div class="p-grid">
<ng-container *ngIf="itemDropDown">
<div class="p-lg-2">
<label for="bloodGroup" class="form-control form-control-sm">{{itemName}}</label>
</div>
<div class="p-lg-1"></div>
<div class="p-lg-3">
<kendo-dropdownlist [(ngModel)]="itemid"
[data]="ItemData"
[defaultItem]="{ name: 'Select a Item', itemid: null }"
[textField]="'name'"
[valueField]="'itemid'"
(valueChange)="ItemSelectionChange($event)"
[valuePrimitive]="true"
id="itemid">
</kendo-dropdownlist>
</div>
</ng-container>
<ng-container *ngIf="itemDropDownTwo">
<div class="p-lg-2">
<label for="bloodGroup" class="form-control form-control-sm">{{itemNameTwo}}</label>
</div>
<div class="p-lg-1"></div>
<div class="p-lg-3">
<kendo-dropdownlist [(ngModel)]="itemidTwo"
[data]="ItemDataTwo"
[defaultItem]="{ name: 'Select a Item', itemid: null }"
[textField]="'name'"
[valueField]="'itemid'"
[valuePrimitive]="true"
id="itemid">
</kendo-dropdownlist>
</div>
</ng-container>
<ng-container *ngIf="ifSelectMonth">
<div class="p-col-2">
{{selectedDatetext }}
</div>
<div class="p-lg-1">:</div>
<div class="p-col-3">
<kendo-datepicker #ot_Month
[activeView]="activeView"
[bottomView]="bottomView"
[format]="dateFormat"
[(ngModel)]="selectedDate"
style="width: 100%">
</kendo-datepicker>
</div>
</ng-container>
</div>
<div class="p-grid">
<div class="p-lg-2">
<label>Worksheet Name</label>
</div>
<div class="p-lg-1">
<label>:</label>
</div>
<div class="p-lg-9">
<label>{{sheetName}}</label>
</div>
<div class="p-lg-2">
<label>Column Name</label>
</div>
<div class="p-lg-1">
<label>:</label>
</div>
<div class="p-lg-9">
<label>{{scolName}}</label>
</div>
</div>
</div>
<div class="card">
<div class="p-grid" style="padding: 1%; align-items: center;">
<div class="p-col-12">
<input id="fupEmpPhoto" pInputText (change)="selectFile($event)" type="file" style="width: 40%;">
<button class="k-button k-primary" style="margin-left:3px;" kendoButton icon="upload" [disabled]="this.selectedFiles?.length == 0" (click)="UploadFile()">
Upload
</button>
<button class="k-button k-primary" style="margin-left:3px;" kendoButton icon="download" [disabled]="this.selectedFiles?.length == 0" (click)="exportAsExcelFile()">
Sample File Download
</button>
</div>
</div>
</div>
<div class="card">
<div class="p-col-12">
<kendo-grid [data]="uploadErrorOrSuccess">
<kendo-grid-checkbox-column [class]="{'text-center': true}"
[columnMenu]="false"
[headerClass]="{'text-center': true}"
[resizable]="false"
[width]="45"
showSelectAll="true"></kendo-grid-checkbox-column>
<kendo-grid-column field="rowNo" title="Excel Row">
</kendo-grid-column>
<kendo-grid-column field="message" title="Message">
</kendo-grid-column>
<kendo-grid-column field="employeeNo" title="Employee ID">
</kendo-grid-column>
</kendo-grid>
</div>
<!--<div class="p-col-12" align="right">
<button (click)="save()" class="p-button-outlined" label="Save" pButton
style="width: 150px; margin-right: 20px;" type="button"></button>
</div>-->
</div>