FEAT #12635 TIME 0:20 add filling rate in contact list

src/frontend/app/administration/contact/list/contacts-list-administration.component.html

@@ -57,6 +57,13 @@
                 <div style="height:90%;overflow:auto;position:absolute;width:100%;">
                     <mat-table id="contact-list" #tableContactListSort="matSort" [dataSource]="data" matSort
                         matSortActive="lastname" matSortDirection="asc" style="width:100%;">
+                        <ng-container matColumnDef="filling">
+                            <mat-header-cell *matHeaderCellDef style="flex: initial;width: 50px;" mat-sort-header
+                                [class.hide-for-mobile]="appService.getViewMode()"></mat-header-cell>
+                            <mat-cell mat-cell *matCellDef="let element" style="flex: initial;width: 50px;" [class.hide-for-mobile]="appService.getViewMode()">
+                                <i class="fas fa-circle" [title]="lang.contactFilledTo + ' ' + element.filling.rate + '%'" [style.color]="element.filling.color"></i>
+                            </mat-cell>
+                        </ng-container>
                         <ng-container matColumnDef="firstname">
                             <mat-header-cell *matHeaderCellDef mat-sort-header
                                 [class.hide-for-mobile]="appService.getViewMode()">{{lang.firstname}}</mat-header-cell>

src/frontend/app/administration/contact/list/contacts-list-administration.component.ts

@@ -29,7 +29,7 @@ export class ContactsListAdministrationComponent implements OnInit {
     
     data: any;
 
-    displayedColumnsContact: string[] = ['firstname', 'lastname', 'company', 'formatedAddress', 'actions'];
+    displayedColumnsContact: string[] = ['filling', 'firstname', 'lastname', 'company', 'formatedAddress', 'actions'];
 
     isLoadingResults = true;
     routeUrl: string = '../../rest/contacts';