From b785a413cece27703917c3403e275a411cb64c3c Mon Sep 17 00:00:00 2001
From: Smart <kamali@watermelon.us>
Date: Tue, 18 Apr 2023 12:27:24 +0530
Subject: [PATCH] table

---
 .../business-list.component.html              | 64 ++++++++++++++++---
 .../business-list.component.scss              | 10 ++-
 2 files changed, 64 insertions(+), 10 deletions(-)

diff --git a/ng-seed/src/app/appoinment/business/business-list/business-list.component.html b/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
index 75612d5..3de8b1a 100644
--- a/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
+++ b/ng-seed/src/app/appoinment/business/business-list/business-list.component.html
@@ -16,45 +16,91 @@
                 <mat-expansion-panel-header > -->
                   <!-- <div class="example-container mat-elevation-z8 "> -->
 
-                    <table mat-table [dataSource]="businessListSource" matSort *ngIf="businessListLength > 0" class="my-table mat-elevation-z8 len-table">
+                    <table  mat-table  [dataSource]="businessListSource" #mytable class="my-table mat-elevation-z8 len-table">
+      
+                      <ng-container matColumnDef="id">
+                        <th mat-header-cell *matHeaderCellDef class="font-color mat-no"> S.No</th>
+                        <td mat-cell *matCellDef="let row; let i = index;" class="element-spc"> {{row.id}} </td>
+                      </ng-container>
+
+                      <ng-container matColumnDef="logo">
+                        <th mat-header-cell *matHeaderCellDef class="font-color mat-no"> Logo </th>
+                        <td mat-cell *matCellDef="let row"> <img [src]="image_view(row.logo)" /> </td>
+                      </ng-container>
+
+                      <ng-container matColumnDef="name">
+                        <th mat-header-cell *matHeaderCellDef class="font-color th-mat"> Name </th>
+                        <td mat-cell *matCellDef="let row"> {{row.busName}} </td>
+                      </ng-container>
+
+                      <ng-container matColumnDef="email">
+                        <th mat-header-cell *matHeaderCellDef class="font-color th-mat"> Email </th>
+                        <td mat-cell *matCellDef="let row"> {{row.email}} </td>
+                      </ng-container>
+
+                      <ng-container matColumnDef="phone">
+                        <th mat-header-cell *matHeaderCellDef class="font-color mat-mob"> Mobile no </th>
+                        <td mat-cell *matCellDef="let row" class="element-spc"> {{row.contactNo}} </td>
+                      </ng-container>
+
+                      <ng-container matColumnDef="address">
+                        <th mat-header-cell *matHeaderCellDef class="font-color"> Address </th>
+                        <td mat-cell *matCellDef="let row" class="element-spc"> {{row.address}},{{row.city}} , {{row.state}}</td>
+                      </ng-container>
+
+                      <ng-container matColumnDef="action">
+                        <th mat-header-cell *matHeaderCellDef class="font-color"> Action </th>
+                        <td mat-cell *matCellDef="let row" class="action-link"> 
+                          <a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a> 
+                          <a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color2 delete">delete</span></a> 
+                        </td>
+                      </ng-container>
+
+                   
+
+                      <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
+                     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+                    </table>
+
+                    <!-- <table mat-table [dataSource]="businessListSource" matSort *ngIf="businessListLength > 0" class="my-table mat-elevation-z8 len-table">
                   
-                      <!-- ID Column -->
+                    
                       <ng-container matColumnDef="id">
                         <mat-header-cell *matHeaderCellDef mat-sort-header> S.No </mat-header-cell>
                         <mat-cell *matCellDef="let row; let i = index;"> {{row.id}} </mat-cell>
                       </ng-container>
                   
-                      <!-- Progress Column -->
+                   
                       <ng-container matColumnDef="logo">
                         <mat-header-cell *matHeaderCellDef mat-sort-header> Logo </mat-header-cell>
                         <mat-cell *matCellDef="let row"> <img [src]="image_view(row.logo)" /> </mat-cell>
                       </ng-container>
                   
-                      <!-- Name Column -->
+                     
                       <ng-container matColumnDef="name">
                         <mat-header-cell *matHeaderCellDef mat-sort-header> Name </mat-header-cell>
                         <mat-cell *matCellDef="let row"> {{row.busName}} </mat-cell>
                       </ng-container>
                   
-                      <!-- Color Column -->
+                      
                       <ng-container matColumnDef="email">
                         <mat-header-cell *matHeaderCellDef mat-sort-header> Email </mat-header-cell>
                         <mat-cell *matCellDef="let row" > {{row.email}} </mat-cell>
                       </ng-container>
                   
-                      <!-- Color Column -->
+                     
                       <ng-container matColumnDef="phone">
                         <mat-header-cell *matHeaderCellDef mat-sort-header> Mobile No </mat-header-cell>
                         <mat-cell *matCellDef="let row" > {{row.contactNo}} </mat-cell>
                       </ng-container>
                   
-                      <!-- Color Column -->
+                    
                       <ng-container matColumnDef="address">
                         <mat-header-cell *matHeaderCellDef mat-sort-header> Address </mat-header-cell>
                         <mat-cell *matCellDef="let row">  {{row.address}} <br> {{row.city}} <br>  {{row.state}} </mat-cell>
                       </ng-container>
                   
-                      <!-- Color Column -->
+                   
                       <ng-container matColumnDef="action">
                         <mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell>
                         <mat-cell *matCellDef="let row">
@@ -67,7 +113,7 @@
                       <mat-row *matRowDef="let row; columns: displayedColumns;">
                       </mat-row>
                       
-                    </table>
+                    </table> -->
                     <mat-card *ngIf="isLoading" style="display: flex; justify-content: center; align-items: center">
                       <mat-progress-spinner 
                         color="primary" 
diff --git a/ng-seed/src/app/appoinment/business/business-list/business-list.component.scss b/ng-seed/src/app/appoinment/business/business-list/business-list.component.scss
index 5b59187..fd9c48f 100644
--- a/ng-seed/src/app/appoinment/business/business-list/business-list.component.scss
+++ b/ng-seed/src/app/appoinment/business/business-list/business-list.component.scss
@@ -115,4 +115,12 @@ img {
     overflow: auto;
     max-height: 500px;
   }
-  
\ No newline at end of file
+  .mat-no{
+    width: 7%; 
+  }
+  .th-mat{
+    width: 18%;
+  }
+  .mat-mob{
+    width: 15%;
+  }
\ No newline at end of file