pd status ,alignment issues

This commit is contained in:
gayathri1990 2021-01-07 10:49:39 +05:30
parent 6aea02143c
commit 882ff75252
3 changed files with 26 additions and 21 deletions

BIN
ng6-seed/dist.zip Normal file

Binary file not shown.

View File

@ -14,12 +14,23 @@
</mat-expansion-panel-header>
<mat-list class="m-gap p-gap" >
<div [formGroup]="searchForm" fxLayout="row wrap" fxFlex="100%" fxLayoutGap="35px" fxLayoutAlign="flex-start stretch">
<mat-form-field style="width:30%" class="matfieldblock">
<mat-select multiple formControlName="sales_pd_type" placeholder="PD Type">
<mat-option [value]="1">Physical PD</mat-option>
<mat-option [value]="2">Telephonic PD</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width: 20%">
<mat-select multiple formControlName="pd_status" placeholder="PD Status">
<mat-option *ngFor="let status of pdStatus" [value]="status">{{status}}
<mat-option *ngFor="let status of pdStatus" [value]="status.pd_status_name">{{status.pd_status_name}}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width:20%">
<mat-select multiple formControlName="pd_products" placeholder="Products">
<mat-option *ngFor="let pro of PRODUCTS" [value]="pro.product_id">{{pro.abbr}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width:20%" >
<input matInput [matDatepicker]="picker" [max]="todaydate"
formControlName="pd_from_date" placeholder="Choose a From date" >
@ -32,11 +43,7 @@
<mat-datepicker-toggle matSuffix [for]="picker1" ></mat-datepicker-toggle>
<mat-datepicker touchUi=true #picker1 ></mat-datepicker>
</mat-form-field>
<mat-form-field style="width:20%">
<mat-select multiple formControlName="pd_products" placeholder="Products">
<mat-option *ngFor="let pro of PRODUCTS" [value]="pro.product_id">{{pro.abbr}}</mat-option>
</mat-select>
</mat-form-field>
<!-- <mat-form-field style="width:30%">
<mat-select multiple formControlName="pd_city" placeholder="City">
<mat-option *ngFor="let city of CITY" [value]="city.city_id">{{city.name}}</mat-option>
@ -50,12 +57,7 @@
<mat-form-field style="width:30%">
<input matInput type="text" formControlName="pd_applicant_name" placeholder="Company/Firm Name">
</mat-form-field>
<mat-form-field style="width:30%" class="matfieldblock">
<mat-select multiple formControlName="sales_pd_type" placeholder="PD Type">
<mat-option [value]="1">Physical PD</mat-option>
<mat-option [value]="2">Telephonic PD</mat-option>
</mat-select>
</mat-form-field>
<!-- <mat-form-field style="width: 30%">
<input matInput type="text" formControlName="pd_officer" placeholder="PD Officer Name">
</mat-form-field> -->

View File

@ -29,6 +29,7 @@ export class AdvanceFilterComponent implements OnInit {
ngOnInit() {
let entity_id=localStorage.getItem('LocalSetEntity');
this.searchForm=this._fb.group({
pd_status:[''],
sales_pd_type:[''],
@ -39,28 +40,30 @@ export class AdvanceFilterComponent implements OnInit {
pd_applicant_name:[''],
pd_officer:[''],
})
console.log('testing');
console.log(this.drop_down_datas)
}
getDropdown(){
// this._pd.getAllMasterDatas('PDSTATUS').subscribe(res=>
// {
// if(res.dataStatus==true)
// {
// this.pdStatus_all = res.records.filter(status=>status.isactive==1);
// }
// });
this._pd.getAllMasterDatas('PDSTATUS').subscribe(res=>
{
if(res.dataStatus==true)
{
this.pdStatus = res.records.filter(status=>status.isactive==1 && status.hasOwnProperty('avail_pd_types') && (status.avail_pd_types == '2' || status.avail_pd_types == '3' ))
}
});
this._pd.getAllMasterDatas('ENTITY').subscribe(res=>
{
if(res.dataStatus==true)
{
this.ENTITY = res.records.filter(ent=>ent.isactive==1);
this.ENTITY = res.records.filter(ent=>ent.isactive==1 && ent.hasOwnProperty('avail_pd_types') && (ent.avail_pd_types == '2' || ent.avail_pd_types == '3' ));
}
});
this._pd.getAllMasterDatas('PRODUCTS').subscribe(res=>
{
if(res.dataStatus==true)
{
this.PRODUCTS = res.records.filter(pro=>pro.isactive==1);
this.PRODUCTS = res.records.filter(pro=>pro.isactive==1 && pro.hasOwnProperty('avail_pd_types') && (pro.avail_pd_types == '2' || pro.avail_pd_types == '3' ));
}
});