salespd search and pagenation

ng6-seed/src/app/layouts/admin/admin-layout.component.ts

@@ -64,6 +64,7 @@ export class AdminLayoutComponent implements OnInit, OnDestroy {
       console.log(res)
       this.currentUser = res;   
       this.userDetails  = this.currentUser.records[0]  
+      console.log( this.userDetails)
       localStorage.setItem("user_details",JSON.stringify(this.userDetails));    
       if(this.currentUser.dataStatus == true){
        

ng6-seed/src/app/sales-pd/sales-pd-list/sales-pd.component.html

@@ -58,7 +58,7 @@
         <!--End Mobile View Code-->
         
          <!--Start Web View Code--> 
-         <div fxLayout="row wrap" *ngFor="let details of salesPdData">
+         <!-- <div fxLayout="row wrap" *ngFor="let details of salesPdData">
           <div class="cell" fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="6" fxFlex.lg="6" fxFlex.xl="9"  style="justify-content:flex-end">
               <small mat-line>{{details.sales_pd_id}}</small>
           </div>           
@@ -161,12 +161,12 @@
                     <!-- <mat-cell class="cell" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" style="justify-content: flex-start"> -->
                  
               <!-- </mat-cell> --> 
-          </div>           
+          <!-- </div>           
         <mat-divider></mat-divider>
-  </div> 
+  </div>  -->
   <!--End Web View Code-->
   </div>
-            <!-- <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="salesPdData.length > 0" >
+            <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="salesPdData.length > 0" >
              
                 <ng-container matColumnDef="SalesPdId">
                     <mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="7" fxFlex.sm="7" fxFlex.md="7" fxFlex.lg="7" fxFlex.xl="10">
@@ -207,7 +207,7 @@
                    </mat-cell>
               </ng-container>
               <ng-container matColumnDef="status">
-                  <mat-cell fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18"   class="cell" *matCellDef="let details;" style="justify-content: flex-start;;text-align: center;font-weight: bold" fxLayoutAlign="start"> 
+                  <mat-cell fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18"   class="cell" *matCellDef="let details;" style="justify-content: flex-start;;text-align: center;" fxLayoutAlign="start"> 
                     <span *ngIf="!details.status" mat-line>
                           <small>--</small>
                       </span>
@@ -222,19 +222,67 @@
                   </mat-cell>
              </ng-container>
               <ng-container matColumnDef="Action">
-                   <mat-cell class="cell" *matCellDef="let details;" style="justify-content: flex-end;padding: 0 !important" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18">
+                 <mat-cell class="cell" *matCellDef="let details;" style="justify-content: flex-end;padding: 0 !important" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18">
-                      <button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
+                     <!--    <button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
                       matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
                       <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
                       matTooltip="View" matTooltipPosition="above">
                       <mat-icon>visibility</mat-icon>
-                  </button>
+                  </button> -->
+
+                  <div fxFlex="row">
+                    <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                            <button style="float: right" mat-button mat-icon-button class="hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
+                            matTooltipPosition="top" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
+                    </div>
+                    <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                            <div *ngIf="roleID == 30">
+                                    <button *ngIf="details.status == 'COMPLETED'" mat-button mat-icon-button class="hover-icon" type="button" color="primary" (click)="editForm(details)"
+                                    matTooltip="View" matTooltipPosition="top" style="color:rgba(0, 0, 0, 0.26) !important"><mat-icon>visibility</mat-icon></button>
+                                    <button *ngIf="details.status == 'STARTED'" mat-button mat-icon-button class=" hover-icon" type="button" color="primary" (click)="editForm(details)"
+                                    matTooltip="View" matTooltipPosition="top" ><mat-icon>visibility</mat-icon></button>
+                                </div>
+                                <div *ngIf="roleID != 30">
+                                    <button [disabled]="details.status === 'COMPLETED'" mat-button mat-icon-button class="hover-icon" type="button" color="primary" (click)="editForm(details)"
+                                    matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
+                                </div>   
+                    </div>
+                        <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                                <button mat-button mat-icon-button (click)="newPortal()"  type="button" matTooltip="link" matTooltipPosition="above" color="primary"><mat-icon>link</mat-icon></button>   
+                        </div>
+                        <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                          <button [disabled]="details.status !== 'COMPLETED'" mat-button mat-icon-button class=" hover-icon" type="button" color="primary" (click)="uploadDatatoCET(details.sales_pd_id)"
+                                      matTooltip="Upload Data To CET" matTooltipPosition="above" ><mat-icon>file_upload</mat-icon></button>
+                      </div>
+                            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
+                                    <button *ngIf="roleID == 30" mat-button mat-icon-button class="hover-icon" type="button" matTooltip="ReGenerate" 
+                                    matTooltipPosition="above" color="primary" [matMenuTriggerFor]="menu1"><mat-icon>more_vert</mat-icon></button>
+                                    <mat-menu #menu1="matMenu"> 
+                                     <button mat-menu-item (click)="regeneratereport(details.sales_pd_id,'report')">
+                                      
+                                       <mat-icon>autorenew</mat-icon>
+                                       <span>Re-Generate Report</span>
+                                     </button>
+                                    
+                                     <button mat-menu-item (click)="regeneratereport(details.sales_pd_id,'location')">
+                                      
+                                       <mat-icon>location_on</mat-icon>
+                                       <span>Re-Generate Location</span>
+                                     </button>
+                                     <button mat-menu-item  (click)="regeneratereport(details.sales_pd_id,'mail')">
+                                       
+                                         <mat-icon>email</mat-icon>
+                                         <span>Resent Mail</span>
+                                       </button>
+                                   </mat-menu>  
+                            </div>
+            </div>
                      
                   </mat-cell>
               </ng-container>
               <mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
               </mat-row>
-         </mat-table> -->
+         </mat-table>
          
     </mat-card-content>
   

ng6-seed/src/app/sales-pd/sales-pd-list/sales-pd.component.scss

@@ -117,5 +117,13 @@ p.note {
                 font-size: 80%; 
             }
       }
+      mat-table{
+       // overflow: hidden;
+       // zoom: 90%;
+      }
+      ::ng-deep mat-tab-body .mat-tab-body-content {
+        height: 100%;
+         overflow: hidden !important;
+    }