diff --git a/ui/ui-frontend/projects/identity/src/app/customer/customer-list/customer-list.component.html b/ui/ui-frontend/projects/identity/src/app/customer/customer-list/customer-list.component.html index fec86d06e987bf9e2009e08494ca007a9ec45bab..69cbe71da7c244aa22f6dfaf818e03b621f02af7 100644 --- a/ui/ui-frontend/projects/identity/src/app/customer/customer-list/customer-list.component.html +++ b/ui/ui-frontend/projects/identity/src/app/customer/customer-list/customer-list.component.html @@ -2,40 +2,36 @@ <div class="vitamui-table"> <div class="vitamui-table-head"> <div class="col-1"><i class="vitamui-icon vitamui-icon-bank"></i></div> - - <div class="col-9 d-flex align-items-center"> - <div class="col-2" i18n="Customer code@@customerListCustomerCodeHeader">Code client</div> - <div class="col-3" i18n="Customer name@@customerListNameHeader">Client</div> - <div class="col-4" i18n="Compagny name@@customerListCompanyNameHeader">Raison sociale</div> - <div class="col-2" i18n="SSO@@customerListSSOHeader">SSO</div> - </div> - + <div class="col-2" i18n="Customer code@@customerListCustomerCodeHeader">Code client</div> + <div class="col-2" i18n="Customer name@@customerListNameHeader">Client</div> + <div class="col-3" i18n="Compagny name@@customerListCompanyNameHeader">Raison sociale</div> + <div class="col-2" i18n="SSO@@customerListSSOHeader">SSO</div> <div class="col-2" i18n="Two factor validation@@customerListTwoStepsValidationHeader">Validation en deux étapes</div> </div> <div class="vitamui-table-body"> <div class="vitamui-table-rows"> - <ng-container *ngFor="let customer of dataSource" [vitamuiCommonCollapse] #row="vitamuiCommonCollapse" [class.no-hover]="row.state === 'expanded'"> - <div class="vitamui-row d-flex"> - <div class="col-1 d-flex align-items-baseline clickable" (click)="row.toggle()"> + <ng-container *ngFor="let customer of dataSource"> + <div class="vitamui-row" [vitamuiCommonCollapse] #row="vitamuiCommonCollapse" [class.no-hover]="row.state === 'expanded'"> + <div class="d-flex align-items-center clickable"> + <div class="col-1 d-flex" (click)="row.toggle()"> <i class="vitamui-icon vitamui-icon-bank"></i> <i class="material-icons caret ml-1" [style.fontSize.px]="20" [@arrow]="row.state">keyboard_arrow_up</i> </div> - - <div class="col-9 d-flex align-items-center clickable" (click)="customerClick.emit(customer)"> - <div class="col-2">{{ customer?.code }}</div> - <div class="col-3">{{ customer?.name }}</div> - <div class="col-4">{{ customer?.companyName }}</div> - <div class="col-2">{{ customer?.idp ? 'Oui' : 'Non'}}</div> - </div> - <div class="col-2 d-flex align-items-center actions clickable"> + <div (click)="customerClick.emit(customer)" class="col-2 d-flex align-items-center align-self-stretch">{{ customer?.code }}</div> + <div (click)="customerClick.emit(customer)" class="col-2 d-flex align-items-center align-self-stretch">{{ customer?.name }}</div> + <div (click)="customerClick.emit(customer)" class="col-3 d-flex align-items-center align-self-stretch">{{ customer?.companyName }}</div> + <div (click)="customerClick.emit(customer)" class="col-2 d-flex align-items-center align-self-stretch">{{ customer?.idp ? 'Oui' : 'Non'}}</div> + + <div class="col-2 actions"> <span (click)="customerClick.emit(customer)">{ customer?.otp, select, DISABLED {Non} OPTIONAL {Optionnelle} MANDATORY {Obligatoire} }</span> <div> <button class="btn btn-circle primary" (click)="openCreateOwnerDialog(customer, tenants)"> <i class="vitamui-icon vitamui-icon-key-plus btn-icon"></i> </button> </div> + </div> </div> </div>