yogeshrajput335 / bvportalui Goto Github PK

Refer will done by Employee so refer table will contain ReferBy(EmployeeId from Employee Table). Same Employee Id will saved in the Candidate table as ReferBy.

NEW UI CHANGES FOR ALL THE FORMS (ASSET DONE)

STEP 1: ADD PAGE NAME IN STORE in asset.component.ts
CONSTRUCTOR PARAMETER
private store: Store
CONSTRUCTOR BODY(Change Assets to respective page name)
this.store.dispatch(increment({message:"Assets"}));
ADD IMPORTS ON TOP
import { Store } from '@ngrx/store';
import { increment } from 'src/app/core/store/counter.actions';

STEP 2: ADD BOTTOMSHEET FOR FILTER in asset.component.ts
UPDATE TemplateRef in @angular/core
import { Component, ElementRef, OnInit, TemplateRef, ViewChild } from '@angular/core';
ADD MatBottomSheet IMPORT
import { MatBottomSheet } from '@angular/material/bottom-sheet';
CONSTRUCTOR PARAMETER
private bottomSheet: MatBottomSheet
ADD VIEWCHILD
@ViewChild('templateBottomSheet') TemplateBottomSheet: TemplateRef | undefined;
CALL loadSearchHistory IN OnInit
this.loadSearchHistory();
CREATE METHODS (Change asset-search to -search) add after last method
public openSearchFilter(){
if(this.TemplateBottomSheet)
this.bottomSheet.open(this.TemplateBottomSheet);
}
public closeSearchFilter(){
this.bottomSheet.dismiss();
}
searchHistory:string[] =[]
public onSearchFilter(data:any){
if(data.trim() != ""){
this.searchHistory =[]
this.loadSearchHistory()
if(!this.searchHistory.includes(data)){
this.searchHistory.push(data);
} else {
this.searchHistory = this.searchHistory.filter(i => i !== data)
this.searchHistory.push(data);
}
localStorage.setItem("asset-search", JSON.stringify(this.searchHistory));
}
if (!this.dataSource) {
return;
}
this.dataSource.filter = data;
this.bottomSheet.dismiss();
}
public loadSearchHistory(){
if (localStorage.getItem("asset-search") != null) {
this.searchHistory = JSON.parse(localStorage.getItem("asset-search")!.toString());
}
}
public onClearSearchHistory(){
localStorage.removeItem("asset-search")
this.searchHistory=[]
}

STEP 3: asset.component.html changes
COMMENT FILTER AND RELOAD DIV

ADD SEARCH & SHOW ALL RECORDS JUST BELOW ADD NEW BUTTON

	<a href="javascript:;" (click)="openSearchFilter()">Search</a>
    <a href="javascript:;" (click)="onSearchFilter('')" style="margin-left:4px">Show all records</a>
	
ADD BOTTOMSHEET TEMPLATE IN END 

	<ng-template let-bottomSheetRef="bottomSheetRef" #templateBottomSheet>
		<button mat-raised-button (click)="closeSearchFilter()" color="warn" class="cancelBtn">X</button>
		<mat-form-field appearance="outline">
		  <mat-label>Search</mat-label>
		  <input matInput #filter>
		</mat-form-field>
		<button mat-raised-button color="primary" (click)="onSearchFilter(filter.value)" >Search</button><br/>
		<a href="javascript:;" (click)="onSearchFilter('')">Show all records</a>
		<hr/>
		<div *ngIf="searchHistory.length==0">
		  No Search History
		</div>
		<div *ngIf="searchHistory.length>0" style="width:480px">
		  <div style="width:100%">
			<label>Search History</label>
			<a href="javascript:;" (click)="onClearSearchHistory()" *ngIf="searchHistory.length>0" style="float:right">Clear Search History</a>
		  </div>
			<mat-chip *ngFor="let item of searchHistory.reverse()" (click)="filter.value=item" style="margin-right:4px" >{{item}}</mat-chip>
		</div>
	  </ng-template>

STEP 3: asset.component.css changes

.cancelBtn{
  float: right;
  min-width: 38px !important;
}

Employee will submit timesheet and Manager or admin or HR will approve/Reject.
Timesheet is in weekly form.
Employee will add new timesheet as per the manager comment in case of reject.