From 40ab825f3b9fa42adac8cc78af4ac8686875b4f7 Mon Sep 17 00:00:00 2001
From: sriram-at-840620226347 <bitbucket@venbainfotech.com>
Date: Fri, 24 Jul 2020 12:04:47 +0530
Subject: [PATCH] SMART PD FEEDBACK CHANGES

---
 .../forms/address/address.component.html       |  4 ++--
 .../business-assets-info.component.html        |  4 ++--
 .../business-info/business-info.component.html |  2 +-
 .../final-remarks/final-remarks.component.html | 18 +++++++++---------
 .../final-remarks/final-remarks.component.ts   | 15 +++++++++++++--
 .../financial-info.component.html              |  4 ++--
 .../neighbour-hood.component.html              | 16 ++++++++--------
 .../VendorPdAllocationComponent.ts             |  2 +-
 ng6-seed/src/assets/styles/app.scss            |  6 +++++-
 9 files changed, 43 insertions(+), 28 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html
index d80399894..1791de76a 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html
@@ -281,7 +281,7 @@
                                         </div>
 
                                         <div fxFlex="100">
-                                            <mat-form-field style="width: 46%;" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                            <mat-form-field style="width: 46%;" *ngIf="fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                                                 <mat-select placeholder="Approach to PD Location"
                                                     formControlName="pd_location" required>
                                                     <mat-option>Select</mat-option>
@@ -294,7 +294,7 @@
                                                     Approach to PD Location Required</mat-error>
                                             </mat-form-field>
 
-                                            <mat-form-field style="width: 46%;" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                            <mat-form-field style="width: 46%;" *ngIf="fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                                                 <mat-select placeholder="Comment on Locality"
                                                     formControlName="comment_locality" required>
                                                     <mat-option>Select</mat-option>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-assets-info/business-assets-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-assets-info/business-assets-info.component.html
index 20279e546..097bbe030 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-assets-info/business-assets-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-assets-info/business-assets-info.component.html
@@ -71,7 +71,7 @@
                         </div>
 
 
-                        <mat-form-field style="width: 95%;" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                        <mat-form-field style="width: 95%;" *ngIf="fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                           <mat-select
                             [placeholder]="placeholderName[i] ? placeholderName[i] :'Was any business activity seen at the Address Type during PD visit?'"
                             formControlName="business_is_pd_visited">
@@ -84,7 +84,7 @@
                         </mat-form-field>
 
 
-                        <mat-form-field *ngIf=" itemrow.get('business_is_pd_visited').value != '' && fk_pd_type != '3' && fk_pd_type != '2'" style="width: 95%;">
+                        <mat-form-field *ngIf=" itemrow.get('business_is_pd_visited').value != '' && fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}" style="width: 95%;">
                           <input matInput autocomplete="off" placeholder="Remarks"
                             formControlName="business_pd_visited_remark">
                           <mat-error *ngIf="itemrow.controls['business_pd_visited_remark'].hasError('required')">Remarks
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html
index 7fb1134c4..871adc99b 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html
@@ -1609,7 +1609,7 @@
                                     <mat-card-title *ngIf="fk_pd_type == '3' || fk_pd_type == '2'">Company Name Board </mat-card-title>
                                 </mat-card-header>
                                 <mat-card-content class="matcard">
-                                    <mat-form-field *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                    <mat-form-field *ngIf="fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                                         <input matInput placeholder="Total" formControlName="officer_total" required>
                                         <mat-error *ngIf="businessForm.controls['officer_total'].hasError('required')">Total Required</mat-error>
                                     </mat-form-field>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/final-remarks/final-remarks.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/final-remarks/final-remarks.component.html
index 436115b3d..561f50b17 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/final-remarks/final-remarks.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/final-remarks/final-remarks.component.html
@@ -31,9 +31,9 @@
                 <mat-card>
                     <mat-card-content>
                         <mat-card-subtitle>Location</mat-card-subtitle>
-                        <mat-form-field style="width:94%;" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                        <mat-form-field style="width:94%;" *ngIf="fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                             <mat-select placeholder="Is the location of the business / profession suited to the nature of business / service provided? "
-                                formControlName="is_service_provided" required>
+                                formControlName="is_service_provided" >
                                 <mat-option>Select</mat-option>
                                 <mat-option value="well_suited">Well Suited</mat-option>
                                 <mat-option value="fairly_suited">Fairly Suited</mat-option>
@@ -136,13 +136,13 @@
                         </div>
                     </div>
                 </span>
-                <div class="toggle" fxLayout="row nowrap" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                <div class="toggle" fxLayout="row nowrap" *ngIf="fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                     <mat-label>Any additional visit (Godown /multiple rental properties)</mat-label>&nbsp;&nbsp;
                     <mat-slide-toggle formControlName="was_the_pd_address_ogl" color="primary"></mat-slide-toggle>
                 </div>
-                 <mat-form-field style="width:50%;" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                 <mat-form-field style="width:50%;" *ngIf="fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                         <mat-select placeholder="Mode of Transport Used to Visit the PD address" formControlName="mode_of_transport_during_visit"
-                            required>
+                            >
                             <mat-option>Select</mat-option>
                             <mat-option value="two_wheeler"> Two Wheeler</mat-option>
                             <mat-option value="four_wheeler"> Four Wheeler</mat-option>
@@ -156,11 +156,11 @@
                         <mat-error *ngIf="_finalRemarkForm.controls['mode_of_transport_during_visit'].hasError('required')">Specify the Mode of Transport Used to Visit the PD address Required</mat-error>
                </mat-form-field>
 
-               <mat-card *ngIf="(lender_short_name == 'CLIX' || lender_short_name == 'MWISE' || prod_catagory == 'LAEP') && fk_pd_type != '3'">
+               <mat-card *ngIf="(lender_short_name == 'CLIX' || lender_short_name == 'MWISE' || prod_catagory == 'LAEP') && fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                     <mat-card-content>
                         <mat-card-subtitle *ngIf="lender_short_name == 'CLIX'">CLIX</mat-card-subtitle>
                         <mat-card-subtitle *ngIf="lender_short_name == 'MWISE'">MWISE</mat-card-subtitle>
-                                <mat-form-field style="width:94%;" *ngIf="_finalRemarkForm.controls['outlet_location'] && prod_catagory == 'LAEP' && (fk_pd_type != '3' && fk_pd_type != '2')"> 
+                                <mat-form-field style="width:94%;" *ngIf="_finalRemarkForm.controls['outlet_location'] && prod_catagory == 'LAEP' && fk_pd_type != '3'"> 
                                         <mat-select placeholder="Comment on Footfall in the market where the B2C outlet is located…" formControlName="outlet_location"
                                         required>
                                         <mat-option>Select</mat-option>
@@ -176,7 +176,7 @@
                         Is there Competition to the applicant’s business in the location <strong>( {{ _finalRemarkForm.value.is_competition ===true ? 'Yes' : 'No'}} )</strong>
                     </mat-checkbox>
                 </div> -->
-                <div *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                <div *ngIf="fk_pd_type != '3'">
                 <mat-form-field style="width:94%;" *ngIf="_finalRemarkForm.controls['is_competition']"> 
                     <mat-select placeholder="Is there Competition to the applicant’s business in the location" formControlName="is_competition" (selectionChange)="clixChange($event.value,1)">
                         <mat-option>Select</mat-option>
@@ -222,7 +222,7 @@
                 <mat-checkbox color="primary" formControlName="sealing_activity" (change)="clixChange($event.checked,3)">
                         Any sealing activity observed in the locality by PD office <strong>( {{ _finalRemarkForm.value.sealing_activity ===true ? 'Yes' : 'No'}} )</strong></mat-checkbox>
                 </div> -->
-                <div *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                <div *ngIf="fk_pd_type != '3'">
                 <mat-form-field style="width:94%;" *ngIf="_finalRemarkForm.controls['demolition_activity']"> 
                         <mat-select placeholder="Any sealing activity observed in the locality by PD officer" formControlName="sealing_activity" (selectionChange)="clixChange($event.value,3)">
                             <mat-option>Select</mat-option>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/final-remarks/final-remarks.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/final-remarks/final-remarks.component.ts
index c9aacb7f7..9a1dceb27 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/final-remarks/final-remarks.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/final-remarks/final-remarks.component.ts
@@ -116,7 +116,7 @@ export class FinalRemarksComponent implements OnInit {
       this._finalRemarkForm.controls['mode_of_transport_during_visit'].updateValueAndValidity();
   }
 
-    if((this.fk_pd_type != '3' && this.fk_pd_type != '2') && (this.lender_short_name == 'CLIX' || this.lender_short_name == 'MWISE' || this.prod_catagory == 'LAEP')){  
+    if((this.fk_pd_type != '3') && (this.lender_short_name == 'CLIX' || this.lender_short_name == 'MWISE' || this.prod_catagory == 'LAEP')){  
       this.prod_catagory == 'LAEP' ? this._finalRemarkForm.addControl('outlet_location', new FormControl('', Validators.required)) : this._finalRemarkForm.removeControl('outlet_location');
        this._finalRemarkForm.addControl('is_competition', new FormControl(''));
        this._finalRemarkForm.addControl('sealing_activity', new FormControl('')); 
@@ -380,6 +380,8 @@ export class FinalRemarksComponent implements OnInit {
     if (this._finalRemarkForm.invalid) {
       this.notifier.notify('warning', 'Please Fill All Mandatory Fields.!');
       this.validateAllFormFields(this._finalRemarkForm);
+      let inavalidCtrls = this.findInvalidControls();
+            console.log(inavalidCtrls) 
       return;
     } else {
       var answerFormValues = this._finalRemarkForm.value;
@@ -710,7 +712,16 @@ export class FinalRemarksComponent implements OnInit {
         }
     });
   }
-
+  public findInvalidControls() {
+    const invalid = [];
+    const controls = this._finalRemarkForm.controls;
+    for (const name in controls) {
+        if (controls[name].invalid) {
+            invalid.push(name);
+        }
+    }
+    return invalid;
+}
  /* imageCrop(pic) {
     // let arr = { 'pic_name':pic_name,'pic':pic,'from_id':this.form_id}
     pic.pdid = this.pdid;
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html
index 2058feb50..3dd040ed1 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html
@@ -17,7 +17,7 @@
                 <ng-template matTabContent>
                     <div fxLayout="row wrap">
                         <div fxFlex="100">
-                            <mat-card *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                            <mat-card *ngIf="fk_pd_type != '3'" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                                 <mat-card-header>
                                     <mat-card-title>
                                         <p>Data as Per Financial Statements</p>
@@ -507,7 +507,7 @@
                                                                 <mat-radio-button  value="no"> No</mat-radio-button>
                                                                 </mat-radio-group>
                                                             </div><br/>
-                                                            <div style="width:auto" *ngIf="financialForm.value.kuccha_records_shown == 'yes' && (fk_pd_type != '3' && fk_pd_type != '2')">
+                                                            <div style="width:auto" *ngIf="financialForm.value.kuccha_records_shown == 'yes' && (fk_pd_type != '3')" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                                                                     <mat-label>Does the Number of Kuccha Bills and Values therein, justify the customer declared turnover?</mat-label><br/>
                                                                         <mat-radio-group formControlName="customer_declared_turnover" >
                                                                             <mat-radio-button  value="yes">Yes
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.html
index b5e10d308..819ab99f1 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.html
@@ -27,14 +27,14 @@
                         <div *ngIf="types.id==0">
                             <div formArrayName="neighbourhood_list">
                                     <mat-card *ngFor="let neighbourhood of _neighbourhoodForm.controls.neighbourhood_list['controls']; let n = index; let last = last"
-                                        [formGroupName]="n">
+                                        [formGroupName]="n" [ngClass]="{'smartPd':fk_pd_type == '2'}">
                                         <mat-card-content>
-                                            <mat-form-field style="width: 42%" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                            <mat-form-field style="width: 42%" *ngIf="fk_pd_type != '3'">
                                                 <input matInput autocomplete="off" placeholder="Neighbour Name" formControlName="neighbourhood_name" appCustomTitleCase
                                                 [value]="neighbourhood.get('neighbourhood_name').value" type="text">
                                             </mat-form-field>
                     
-                                            <mat-form-field style="width: 40%" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                            <mat-form-field style="width: 40%" *ngIf="fk_pd_type != '3'">
                                                 <!-- Do You Know the Applicant -->
                                                 <mat-select placeholder=" Do you know about the applicants or their business?"
                                                     formControlName="do_know">
@@ -44,8 +44,8 @@
                                                 </mat-select>
                                             </mat-form-field>
                     
-                                            <div fxLayout="row wrap" *ngIf="neighbourhood.controls.do_know.value!='' && fk_pd_type != '3' && fk_pd_type != '2'">
-                                                <div fxFlex="80" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                            <div fxLayout="row wrap" *ngIf="neighbourhood.controls.do_know.value!='' && fk_pd_type != '3'">
+                                                <div fxFlex="80" *ngIf="fk_pd_type != '3'">
                                                     <label>As per you how long has this business been in operation?</label>
                                                     <mat-form-field *ngIf="!this.isDisplay[n]">
                                                             <mat-label>Year</mat-label>
@@ -58,7 +58,7 @@
                                                             OnlyNumber type="text" (change)="ConvertMonthintoYear(neighbourhood,$event.target.value,1)">
                                                     </mat-form-field>
                                                 </div>
-                                                <div fxFlex="10" style="text-align: center;" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                                <div fxFlex="10" style="text-align: center;" *ngIf="fk_pd_type != '3'">
                                                     <label>Do not know</label>
                                                     <div>
                                                         <mat-checkbox color="primary" formControlName="did_not_know_the_business_operation"
@@ -70,7 +70,7 @@
                     
                                             <div fxLayout="row wrap" *ngIf="neighbourhood.controls.do_know.value!=''">
                     
-                                                <div fxFlex="60" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                                <div fxFlex="60" *ngIf="fk_pd_type != '3'">
                                                     <mat-form-field style="width: 95%" *ngIf="neighbourhood.controls.do_know.value!='' && !isDisplay2[n] ; else OtherCondition;">
                                                         <mat-select multiple placeholder="Who is the owner of the organisation?"
                                                             formControlName="organisation_owner" [compareWith]="compareObjects"
@@ -92,7 +92,7 @@
                                                             type="text" [value]="neighbourhood.controls.other_organisation_owner.value" appCustomTitleCase>
                                                     </mat-form-field>
                                                 </div>
-                                                <div fxFlex="10" style="text-align: center;" *ngIf="fk_pd_type != '3' && fk_pd_type != '2'">
+                                                <div fxFlex="10" style="text-align: center;" *ngIf="fk_pd_type != '3'">
                                                     <label>Do not know</label>
                                                     <div>
                                                         <mat-checkbox color="primary" formControlName="did_not_know_the_owner" (change)="toggleVisibility($event.checked,n,2)"></mat-checkbox>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/vendor-pd-allocation/VendorPdAllocationComponent.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/vendor-pd-allocation/VendorPdAllocationComponent.ts
index 0aad7bb83..4c251c7d5 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/vendor-pd-allocation/VendorPdAllocationComponent.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/vendor-pd-allocation/VendorPdAllocationComponent.ts
@@ -22,7 +22,7 @@ export class VendorPdAllocationComponent implements OnInit {
   public submitted = false;
   cityList: any = [];
   stateList: any = [];
-
+  i: Number = 0;
   constructor(notifier: NotifierService,
     private _fb: FormBuilder,
     private dialogRef: MatDialogRef<VendorPdAllocationComponent>,
diff --git a/ng6-seed/src/assets/styles/app.scss b/ng6-seed/src/assets/styles/app.scss
index e6edd5b3e..71ecff61d 100755
--- a/ng6-seed/src/assets/styles/app.scss
+++ b/ng6-seed/src/assets/styles/app.scss
@@ -51,4 +51,8 @@ Author: TrendSetter Themes
 @import "~angular-notifier/styles";
 
 // import date time picker styles
-@import "~ng-pick-datetime/assets/style/picker.min.css";
\ No newline at end of file
+@import "~ng-pick-datetime/assets/style/picker.min.css";
+
+.smartPd{
+    background-color: #00bcd44f !important;
+}
\ No newline at end of file