<div *ngIf="!showformFiledSpinner" class="stdForm">
<div *ngIf="formFieldList" class="wrapper">
<div *ngFor="let item of formFieldList; let i = index;">
- <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'"
+ <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE' && item.visible"
class="fieldWidth">
<label class="labelWidth">{{item.fieldDisplayName}} :</label> <textarea placement="right" ngbTooltip="comma seperated"
[ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)" [(ngModel)]="formFieldListValueArr[i]" class="defaultFontSizeTextArea" id="item.fieldId"></textarea>
</div>
- <div *ngIf="item.fieldType == 'LIST_BOX'" class="fieldWidth">
+ <div *ngIf="item.fieldType == 'LIST_BOX' && item.visible" class="fieldWidth">
<label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
<select [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"
class="browser-default custom-select defaultFontSize" required="required"
class="defaultFontSize" value="{{listItem.id}}">{{listItem.name}}</option>
</select>
</div>
- <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'" class="fieldWidth">
+ <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT' && item.visible" class="fieldWidth">
<label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
<mat-form-field>
<mat-select [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)" multiple>
</mat-select>
</mat-form-field>
</div>
- <div *ngIf="item.validationType == 'DATE'" class="fieldWidth">
+ <div *ngIf="item.validationType == 'DATE' && item.visible" class="fieldWidth">
<label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
<mat-form-field><input [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"
[matDatepicker]="picker"
<div *ngIf="formFieldList" class="wrapper">
<div *ngFor="let item of toggleFormFieldRenderArr; let i = index;">
- <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'" class="fieldWidth">
+ <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE' && item.visible" class="fieldWidth">
<label class="labelWidth">{{item.fieldDisplayName}} :</label><textarea placement="right" ngbTooltip="comma seperated"
[ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)" class="defaultFontSizeTextArea" id="item.fieldId"></textarea>
</div>
- <div *ngIf="item.fieldType == 'LIST_BOX'" class="fieldWidth">
+ <div *ngIf="item.fieldType == 'LIST_BOX' && item.visible" class="fieldWidth">
<label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
<select [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"
class="browser-default custom-select defaultFontSize" required="required"
</select>
</div>
- <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'" class="fieldWidth">
+ <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT' && item.visible" class="fieldWidth">
<label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
<mat-form-field>
<mat-select [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"
<br/>
</div>
- <div *ngIf="item.validationType == 'DATE'" class="fieldWidth">
+ <div *ngIf="item.validationType == 'DATE' && item.visible" class="fieldWidth">
<label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
<mat-form-field><input [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)" [matDatepicker]="picker"
class="defaultFontSize"