report generate by filter of lender,allocate name displayed in pd list

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html

@@ -135,7 +135,7 @@
                   
                 </span>
                 <br>
-                <span class="fontsize"  [matTooltip]="details.pd_status | titlecase"
+                <span  style="font-weight: bold; font-size: 1.1rem; touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: black;" [matTooltip]="details.pd_status | titlecase"
                 matTooltipPosition="above">{{details.pd_allocated_to}}
                 </span>
                 

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html

@@ -114,7 +114,7 @@
                       <span matTooltip="PD Status" matTooltipPosition="above"> {{details.pd_status}}</span><br>
                       <span class="fontsize" [matTooltip]="details.pd_status | titlecase" >{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
                     </span> <br>
-                    <span class="fontsize" [matTooltip]="details.pd_status | titlecase" >{{details.pd_allocated_to}}
+                    <span class="fontsize" style="font-weight: bold; font-size: 1.1rem; touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: black;" [matTooltip]="details.pd_status | titlecase" >{{details.pd_allocated_to}}
                     </span>
                     <span *ngIf="details.fk_pd_type == '2' && details.vendor_status != null" matTooltip="Vendor Status" matTooltipPosition="above" style="font-size:14px !important;color:rgb(2, 124, 181) !important">( {{details.vendor_status}} )</span>
                   </mat-cell>

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html

@@ -111,7 +111,7 @@
                       <span matTooltip="PD Status" matTooltipPosition="above"> {{details.pd_status}}</span><br>
                       <span class="fontsize" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
                     </span>  <br>
-                    <span class="fontsize" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{ details.pd_allocated_to }}
+                    <span class="fontsize" style="font-weight: bold; font-size: 1.1rem; touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: black;" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{ details.pd_allocated_to }}
                     </span>
                     <span *ngIf="details.fk_pd_type == '2' && details.vendor_status != null" matTooltip="Vendor Status" matTooltipPosition="above" style="font-size:14px !important;color:rgb(2, 124, 181) !important">( {{details.vendor_status}} )</span>
                   </mat-cell>

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html

@@ -113,7 +113,7 @@
                 <span matTooltip="PD Status" matTooltipPosition="above"> QC COMPLETED</span><br>
                 <span class="fontsize" matTooltip="QC Completed" matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
                 </span> <br>
-                <span class="fontsize" matTooltip="QC Completed" matTooltipPosition="above">{{details.pd_allocated_to}}
+                <span class="fontsize" style="font-weight: bold; font-size: 1.1rem; touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: black;" matTooltip="QC Completed" matTooltipPosition="above">{{details.pd_allocated_to}}
                 </span>
                 <span *ngIf="details.fk_pd_type == '2' && details.vendor_status != null" matTooltip="Vendor Status" matTooltipPosition="above" style="font-size:14px !important;color:rgb(2, 124, 181) !important">( {{details.vendor_status}} )</span>
             </mat-cell>

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html

@@ -113,7 +113,7 @@
                         </span>  -->
                         <span class="fontsize">{{details.scheduled_on}}
                             </span><br>
-                            <span class="fontsize">{{details.pd_allocated_to}}
+                            <span class="fontsize" style="font-weight: bold; font-size: 1.1rem; touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: black;">{{details.pd_allocated_to}}
                             </span>
                             <span *ngIf="details.fk_pd_type == '2' && details.vendor_status != null" matTooltip="Vendor Status" matTooltipPosition="above" style="font-size:14px !important;color:rgb(2, 124, 181) !important">( {{details.vendor_status}} )</span>
                         

ng6-seed/src/app/reports/pd-mis/pd-mis.component.html

@@ -65,10 +65,14 @@
                               <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
                                 <input matInput type="text"  placeholder="Branch" formControlName="branch">
                               </mat-form-field>
-
+                              <mat-form-field style="width:30%">
-                              <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
+                                <mat-select  formControlName="lender_short_name" placeholder="Lender Name">
-                                  <input matInput type="text"  placeholder="Lender Short Name" formControlName="lender_short_name">
+                                        <mat-option *ngFor="let lfn of Lendershortname" [value]="lfn.short_name"  (click)="chooseshortname(lfn.short_name)">{{lfn.full_name}}</mat-option>
+                                    </mat-select>
                               </mat-form-field> 
+                              <!--<mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
+                                  <input matInput type="text"  placeholder="Lender Short Name" formControlName="lender_short_name">
+                                </mat-form-field>-->
 
                               <div align="right">
                                   <button type="button" mat-raised-button mat-icon-button (click)="onReset()" 
@@ -237,7 +241,7 @@
         <!-- <mat-paginator [length]="pageSize" [pageIndex]="pageIndex" [pageSize]="pageNumber" [pageSizeOptions]="[5, 10, 25, 50, 100,dataLength]" (page)="pageEvent = $event; pageChange($event)" showFirstLastButtons></mat-paginator> -->
 
 
-        <div class="report-table-container mat-elevation-z8 " #TABLE>
+        <div *ngIf="shortname!='HHFL' && shortname!='ICICI' && shortname!='IMGC' && shortname!='IIB' && shortname!='CLIX' " class="report-table-container mat-elevation-z8 " #TABLE>
           <div *ngIf="dataLength != 0 && dataLength != -1">
              <table mat-table  matTableExporter  [dataSource]="dataSource" matSort  #exporter="matTableExporter">
 
@@ -554,6 +558,261 @@
              </table>
           </div>
           <div *ngIf="dataLength == 0" class="nocontent ml-xs mr-xs" style="padding: 1rem !important;">No records found</div>
+       </div>
+       <div *ngIf="shortname=='HHFL'" class="report-table-container mat-elevation-z8 " #TABLE>
+        <div *ngIf="dataLength != 0 && dataLength != -1">
+           <table mat-table  matTableExporter  [dataSource]="dataSource" matSort  #exporter="matTableExporter">
+
+            
+            
+                 <ng-container matColumnDef="serialno" sticky>
+                   <th mat-header-cell *matHeaderCellDef mat-sort-header>Sr. No.</th>
+                   <td mat-cell *matCellDef="let row; let i = index;"> {{i+1}} </td>
+                 </ng-container>
+                
+                 <ng-container  matColumnDef="application_id" sticky>
+                   <th mat-header-cell *matHeaderCellDef mat-sort-header>LAN/APS ID</th>
+                   <td mat-cell *matCellDef="let row"> 
+                     <span *ngIf="row.application_id" mat-line>{{row.application_id}}</span> </td>
+                 </ng-container>
+                 <br>
+                 <ng-container matColumnDef="branch">
+                   <th style="padding-left: 33px;" mat-header-cell *matHeaderCellDef mat-sort-header >Branch</th>
+                   <td  style="padding-left: 33px;" mat-cell *matCellDef="let row"> 
+                       <span *ngIf="row.branch" mat-line>{{row.branch}}</span> </td>
+                 </ng-container>
+                 <ng-container matColumnDef="applicant">
+                  <th mat-header-cell *matHeaderCellDef mat-sort-header>Applicant Name</th>
+                  <td mat-cell *matCellDef="let row"> 
+                      <span *ngIf="row.applicant" mat-line>{{row.applicant}}</span> </td>
+                </ng-container>
+
+                 <ng-container matColumnDef="address_visited">
+                   <th mat-header-cell *matHeaderCellDef mat-sort-header>PD Address</th>
+                   <td mat-cell *matCellDef="let row"> 
+                       <span *ngIf="row.address_visited" mat-line>{{row.address_visited}}</span> </td>
+                 </ng-container>
+
+                 <ng-container matColumnDef="initiated">
+                   <th mat-header-cell *matHeaderCellDef mat-sort-header>PD Initiation Date</th>
+                   <td mat-cell *matCellDef="let row">
+                     <span *ngIf="row.initiated" mat-line> {{row.initiated | date: 'dd-MM-yyyy'}}</span> </td>
+                 </ng-container>
+
+                 <ng-container matColumnDef="mis_report_remarks">
+                   <th mat-header-cell *matHeaderCellDef mat-sort-header>Status as on Date</th>
+                   <td mat-cell *matCellDef="let row"> 
+                       <span *ngIf="row.mis_report_remarks" mat-line>{{row.mis_report_remarks}}</span> </td>                        
+                 </ng-container>
+                 <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+                 <tr mat-row *matRowDef="let row; columns: displayedColumns;">
+                 </tr>
+           </table>
+        </div>
+        <div *ngIf="dataLength == 0" class="nocontent ml-xs mr-xs" style="padding: 1rem !important;">No records found</div>
+     </div>
+     <div *ngIf="shortname=='ICICI'" class="report-table-container mat-elevation-z8 " #TABLE>
+      <div *ngIf="dataLength != 0 && dataLength != -1">
+         <table mat-table  matTableExporter  [dataSource]="dataSource" matSort  #exporter="matTableExporter">
+
+          
+          
+               <ng-container matColumnDef="serialno" sticky>
+                 <th mat-header-cell *matHeaderCellDef mat-sort-header>Sr. No.</th>
+                 <td mat-cell *matCellDef="let row; let i = index;"> {{i+1}} </td>
+               </ng-container>
+              
+               <ng-container  matColumnDef="application_id" sticky>
+                 <th mat-header-cell *matHeaderCellDef mat-sort-header>LAN/APS ID</th>
+                 <td mat-cell *matCellDef="let row"> 
+                   <span *ngIf="row.application_id" mat-line>{{row.application_id}}</span> </td>
+               </ng-container>
+               <br>
+               <ng-container matColumnDef="applicant">
+                 <th style="padding-left: 33px;" mat-header-cell *matHeaderCellDef mat-sort-header >Applicant Name</th>
+                 <td  style="padding-left: 33px;" mat-cell *matCellDef="let row"> 
+                     <span *ngIf="row.applicant" mat-line>{{row.applicant}}</span> </td>
+               </ng-container>
+               <ng-container matColumnDef="address_visited">
+                <th mat-header-cell *matHeaderCellDef mat-sort-header>PD Address</th>
+                <td mat-cell *matCellDef="let row"> 
+                    <span *ngIf="row.address_visited" mat-line>{{row.address_visited}}</span> </td>
+              </ng-container>
+
+               <ng-container matColumnDef="lender_contact">
+                 <th mat-header-cell *matHeaderCellDef mat-sort-header>Credit Person</th>
+                 <td mat-cell *matCellDef="let row"> 
+                     <span *ngIf="row.lender_contact" mat-line>{{row.lender_contact}}</span> </td>
+               </ng-container>
+
+               <ng-container matColumnDef="initiated">
+                 <th mat-header-cell *matHeaderCellDef mat-sort-header>PD Initiation Date</th>
+                 <td mat-cell *matCellDef="let row">
+                   <span *ngIf="row.initiated" mat-line> {{row.initiated | date: 'dd-MM-yyyy'}}</span> </td>
+               </ng-container>
+
+               <ng-container matColumnDef="mis_report_remarks">
+                 <th mat-header-cell *matHeaderCellDef mat-sort-header>Status as on Date</th>
+                 <td mat-cell *matCellDef="let row"> 
+                     <span *ngIf="row.mis_report_remarks" mat-line>{{row.mis_report_remarks}}</span> </td>                        
+               </ng-container>
+               <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+               <tr mat-row *matRowDef="let row; columns: displayedColumns;">
+               </tr>
+         </table>
+      </div>
+      <div *ngIf="dataLength == 0" class="nocontent ml-xs mr-xs" style="padding: 1rem !important;">No records found</div>
+   </div>
+   <div *ngIf="shortname=='IMGC'" class="report-table-container mat-elevation-z8 " #TABLE>
+    <div *ngIf="dataLength != 0 && dataLength != -1">
+       <table mat-table  matTableExporter  [dataSource]="dataSource" matSort  #exporter="matTableExporter">
+
+        
+        
+             <ng-container matColumnDef="serialno" sticky>
+               <th mat-header-cell *matHeaderCellDef mat-sort-header>Sr. No.</th>
+               <td mat-cell *matCellDef="let row; let i = index;"> {{i+1}} </td>
+             </ng-container>
+            
+             <ng-container  matColumnDef="application_id" sticky>
+               <th mat-header-cell *matHeaderCellDef mat-sort-header>LAN/APS ID</th>
+               <td mat-cell *matCellDef="let row"> 
+                 <span *ngIf="row.application_id" mat-line>{{row.application_id}}</span> </td>
+             </ng-container>
+             <br>
+             <ng-container matColumnDef="lender">
+               <th style="padding-left: 33px;" mat-header-cell *matHeaderCellDef mat-sort-header >Lender Name</th>
+               <td  style="padding-left: 33px;" mat-cell *matCellDef="let row"> 
+                   <span *ngIf="row.lender" mat-line>{{row.lender}}</span> </td>
+             </ng-container>
+             <ng-container matColumnDef="applicant">
+              <th mat-header-cell *matHeaderCellDef mat-sort-header>Applicant Name</th>
+              <td mat-cell *matCellDef="let row"> 
+                  <span *ngIf="row.applicant" mat-line>{{row.applicant}}</span> </td>
+            </ng-container>
+
+             <ng-container matColumnDef="address_visited">
+               <th mat-header-cell *matHeaderCellDef mat-sort-header>PD Address</th>
+               <td mat-cell *matCellDef="let row"> 
+                   <span *ngIf="row.address_visited" mat-line>{{row.address_visited}}</span> </td>
+             </ng-container>
+
+             <ng-container matColumnDef="lender_contact">
+               <th mat-header-cell *matHeaderCellDef mat-sort-header>Credit Person</th>
+               <td mat-cell *matCellDef="let row">
+                 <span *ngIf="row.lender_contact" mat-line> {{row.lender_contact}}</span> </td>
+             </ng-container>
+
+             <ng-container matColumnDef="initiated">
+               <th mat-header-cell *matHeaderCellDef mat-sort-header>PD Initiate Date</th>
+               <td mat-cell *matCellDef="let row"> 
+                   <span *ngIf="row.initiated" mat-line>{{row.initiated}}</span> </td>                        
+             </ng-container>
+             <ng-container matColumnDef="mis_report_remarks">
+              <th mat-header-cell *matHeaderCellDef mat-sort-header>Status as on Date</th>
+              <td mat-cell *matCellDef="let row"> 
+                  <span *ngIf="row.mis_report_remarks" mat-line>{{row.mis_report_remarks}}</span> </td>                        
+            </ng-container>
+             <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+             <tr mat-row *matRowDef="let row; columns: displayedColumns;">
+             </tr>
+       </table>
+    </div>
+    <div *ngIf="dataLength == 0" class="nocontent ml-xs mr-xs" style="padding: 1rem !important;">No records found</div>
+ </div>
+ <div *ngIf="shortname=='IIB'" class="report-table-container mat-elevation-z8 " #TABLE>
+  <div *ngIf="dataLength != 0 && dataLength != -1">
+     <table mat-table  matTableExporter  [dataSource]="dataSource" matSort  #exporter="matTableExporter">
+
+      
+      
+           <ng-container matColumnDef="serialno" sticky>
+             <th mat-header-cell *matHeaderCellDef mat-sort-header>Sr. No.</th>
+             <td mat-cell *matCellDef="let row; let i = index;"> {{i+1}} </td>
+           </ng-container>
+          
+           <ng-container  matColumnDef="application_id" sticky>
+             <th style="padding-left: 30px;" mat-header-cell *matHeaderCellDef mat-sort-header>LAN/APS ID</th>
+             <td style="padding-left: 30px;" mat-cell *matCellDef="let row"> 
+               <span *ngIf="row.application_id" mat-line>{{row.application_id}}</span> </td>
+           </ng-container>
+           <br>
+           <ng-container matColumnDef="applicant">
+             <th style="padding-left: 70px;" mat-header-cell *matHeaderCellDef mat-sort-header >Applicant Name</th>
+             <td  style="padding-left: 70px;" mat-cell *matCellDef="let row"> 
+                 <span *ngIf="row.applicant" mat-line>{{row.applicant}}</span> </td>
+           </ng-container>
+          
+
+           <ng-container matColumnDef="address_visited">
+             <th style="padding-left: 70px;" mat-header-cell *matHeaderCellDef mat-sort-header>PD Address</th>
+             <td style="padding-left: 70px;" mat-cell *matCellDef="let row"> 
+                 <span *ngIf="row.address_visited" mat-line>{{row.address_visited}}</span> </td>
+           </ng-container>
+           <ng-container matColumnDef="initiated">
+            <th style="padding-left: 70px;" mat-header-cell *matHeaderCellDef mat-sort-header>PD Initiate Date</th>
+            <td style="padding-left: 70px;" mat-cell *matCellDef="let row"> 
+                <span *ngIf="row.initiated" mat-line>{{row.initiated}}</span> </td>                        
+          </ng-container>
+          <ng-container matColumnDef="mis_report_remarks">
+           <th style="padding-left: 100px;" mat-header-cell *matHeaderCellDef mat-sort-header>Status as on Date</th>
+           <td style="padding-left: 100px;" mat-cell *matCellDef="let row"> 
+               <span *ngIf="row.mis_report_remarks" mat-line>{{row.mis_report_remarks}}</span> </td>                        
+         </ng-container>
+          
+           <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+           <tr mat-row *matRowDef="let row; columns: displayedColumns;">
+           </tr>
+     </table>
+  </div>
+  <div *ngIf="dataLength == 0" class="nocontent ml-xs mr-xs" style="padding: 1rem !important;">No records found</div>
+</div>
+<div *ngIf="shortname=='CLIX'" class="report-table-container mat-elevation-z8 " #TABLE>
+  <div *ngIf="dataLength != 0 && dataLength != -1">
+     <table mat-table  matTableExporter  [dataSource]="dataSource" matSort  #exporter="matTableExporter">
+
+      
+      
+           <ng-container matColumnDef="serialno" sticky>
+             <th mat-header-cell *matHeaderCellDef mat-sort-header>Sr. No.</th>
+             <td mat-cell *matCellDef="let row; let i = index;"> {{i+1}} </td>
+           </ng-container>
+          
+           <ng-container  matColumnDef="applicant" sticky>
+             <th style="padding-left: 30px;" mat-header-cell *matHeaderCellDef mat-sort-header>Applicant Name</th>
+             <td style="padding-left: 30px;" mat-cell *matCellDef="let row"> 
+               <span *ngIf="row.applicant" mat-line>{{row.applicant}}</span> </td>
+           </ng-container>
+           <br>
+           <ng-container matColumnDef="product">
+             <th style="padding-left: 70px;" mat-header-cell *matHeaderCellDef mat-sort-header >Type of Loan</th>
+             <td  style="padding-left: 70px;" mat-cell *matCellDef="let row"> 
+                 <span *ngIf="row.product" mat-line>{{row.product}}</span> </td>
+           </ng-container>
+          
+
+           <ng-container matColumnDef="address_visited">
+             <th style="padding-left: 70px;" mat-header-cell *matHeaderCellDef mat-sort-header>PD Address</th>
+             <td style="padding-left: 70px;" mat-cell *matCellDef="let row"> 
+                 <span *ngIf="row.address_visited" mat-line>{{row.address_visited}}</span> </td>
+           </ng-container>
+           <ng-container matColumnDef="initiated">
+            <th style="padding-left: 70px;" mat-header-cell *matHeaderCellDef mat-sort-header>PD Initiate Date</th>
+            <td style="padding-left: 70px;" mat-cell *matCellDef="let row"> 
+                <span *ngIf="row.initiated" mat-line>{{row.initiated}}</span> </td>                        
+          </ng-container>
+          <ng-container matColumnDef="mis_report_remarks">
+           <th style="padding-left: 100px;" mat-header-cell *matHeaderCellDef mat-sort-header>Status as on Date</th>
+           <td style="padding-left: 100px;" mat-cell *matCellDef="let row"> 
+               <span *ngIf="row.mis_report_remarks" mat-line>{{row.mis_report_remarks}}</span> </td>                        
+         </ng-container>
+          
+           <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+           <tr mat-row *matRowDef="let row; columns: displayedColumns;">
+           </tr>
+     </table>
+  </div>
+  <div *ngIf="dataLength == 0" class="nocontent ml-xs mr-xs" style="padding: 1rem !important;">No records found</div>
 </div>
         </ng-template>
       </div>

ng6-seed/src/app/reports/pd-mis/pd-mis.component.ts

@@ -18,10 +18,11 @@ export class PdMisComponent implements OnInit {
   pipe = new DatePipe('en-US'); 
   maxDate: any;
   minDate: any;
-
+  Lendershortname:any=[];
+  shortname:any;
   api_data:any=[];
   filtered_data:any=[];
-  
+  header:any=[];
   public Loading: boolean;
  
   public reportform: FormGroup;
@@ -33,6 +34,11 @@ export class PdMisComponent implements OnInit {
   pageNumber:number=10;
   pageIndex:number=0
   
+  
+
+     
+  expandStatus: boolean=true;
+  datarecords: any;
   displayedColumns = ['serialno',
                       'applicant',
                       'application_id',
@@ -76,19 +82,96 @@ export class PdMisComponent implements OnInit {
                       // 'start_to_complete',
                       // 'complete_to_qccomplete'
                     ];
-  expandStatus: boolean=true;
   
   
 
   constructor(private reportsService:ReportsService,private route:ActivatedRoute,private router:Router,private form_builder:FormBuilder,private notifier:NotifierService) { 
-    this.reportform = this.form_builder.group({ from_date:[null],to_date:[null],city:[null],branch:[null],applicant_id:[null],lender_short_name:[null] });
+    this.reportform = this.form_builder.group({ 
+      from_date:[null],
+      to_date:[null],
+      city:[null],
+      branch:[null],
+      applicant_id:[null],
+      lender_short_name:[null] });
+      this.getcommonDropDown(); 
       
   }
   
   ngOnInit(){   
     this.maxDate =  new Date();
+    console.log('header');
+    
     // this.getMISDailyReport();
   } 
+  getcommonDropDown()
+  {
+    this.reportsService.getListOfMaster().subscribe(res=>
+      {
+        if(res.dataStatus==true)
+        {
+          this.Lendershortname = res.records;
+         
+        }
+      });
+  } 
+  chooseshortname(shortname)
+  {
+   
+    this.shortname=shortname;
+     if(this.shortname=='HHFL')
+                  {
+                    this.displayedColumns = ['serialno',
+                      'application_id',
+                      'branch',
+                      'applicant',
+                      'address_visited',
+                      'initiated',
+                      'mis_report_remarks'];
+                  }
+      else if(this.shortname=='ICICI')
+      {
+        this.displayedColumns = ['serialno',
+                      'application_id',
+                      'applicant',
+                      'address_visited',
+                      'lender_contact',
+                      'initiated',
+                      'mis_report_remarks'];
+      }
+      else if(this.shortname=='IMGC')
+      {
+        this.displayedColumns = ['serialno',
+                      'application_id',
+                      'lender',
+                      'applicant',
+                      'address_visited',
+                      'lender_contact',
+                      'initiated',
+                      'mis_report_remarks'];
+      }
+      else if(this.shortname=='IIB')
+      {
+        this.displayedColumns = ['serialno',
+                      'application_id',
+                     
+                      'applicant',
+                      'address_visited',
+                     
+                      'initiated',
+                      'mis_report_remarks'];
+      }
+      else if(this.shortname=='CLIX')
+      {
+        this.displayedColumns = ['serialno',
+                      
+                      'applicant',
+                      'product',
+                      'address_visited',
+                      'initiated',
+                      'mis_report_remarks'];
+      }
+
+  }  
 
   getMISDailyReport() {
     let array=[]
@@ -217,6 +300,7 @@ export class PdMisComponent implements OnInit {
     //     );
     // }
     searchPanel(){
+      
       this.Loading=true;
       this.reportform.value.from_date=this.pipe.transform(this.reportform.value.from_date,'yyyy-MM-dd')
       this.reportform.value.to_date=this.pipe.transform(this.reportform.value.to_date,'yyyy-MM-dd')
@@ -225,7 +309,15 @@ export class PdMisComponent implements OnInit {
           this.reportsService.pdTATReport(this.reportform.value).subscribe(res=>{
         if(res['dataStatus'] == true){
            
+          this.header=res.header;
+          
+          console.log(res);
+          console.log('res');
+
+           console.log(this.header);
           this.dataSource.data=res['records'];
+          console.log('datasource');
+          console.log(this.dataSource.data);
           this.dataLength=res['records'].length;
            setTimeout(()=>{
               console.log(this.exp);

ng6-seed/src/app/reports/reports.service.ts

@@ -31,4 +31,7 @@ export class ReportsService {
   smcCreditPDMisReport(params):Observable<any> {
     return this._http.post(this.apiUrl+'smcCreditPDMisReport',params)
   }
+  getListOfMaster():Observable<any> {
+    return this._http.post(this.apiUrl + 'getListOfMaster',{"master_name":"ENTITY"})
+}
 }