From e1575156a9552419f49261bb47a8bc2a9fc9388f Mon Sep 17 00:00:00 2001
From: ludo <ludo@ludo.fr>
Date: Mon, 21 Jun 2021 17:21:53 +0200
Subject: [PATCH] =?UTF-8?q?FEAT=20#17347=20mettre=20un=20accord=C3=A9on=20?=
 =?UTF-8?q?pour=20les=20groupes=20de=20bannette?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/basket/basket-home.component.html     | 65 ++++++++++---------
 1 file changed, 35 insertions(+), 30 deletions(-)

diff --git a/src/frontend/app/basket/basket-home.component.html b/src/frontend/app/basket/basket-home.component.html
index 4dc9a627499..5c93c7306a3 100755
--- a/src/frontend/app/basket/basket-home.component.html
+++ b/src/frontend/app/basket/basket-home.component.html
@@ -25,36 +25,41 @@
             </span>
         </mat-list>
         <ng-container *ngFor="let regroupedBasket of homeData.regroupedBaskets">
-            <span *ngIf="regroupedBasket.baskets[0] && !editOrderGroups" class="basketGroupTitle">{{regroupedBasket.groupDesc}}</span>
-            <mat-divider *ngIf="regroupedBasket.baskets[0] && !editOrderGroups" style="width: 80%;"></mat-divider>
-            <mat-nav-list style="padding-bottom: 10px;" *ngIf="!editOrderGroups">
-                <ng-container
-                    *ngFor="let basket of regroupedBasket.baskets | filterList:listFilter.value:'basket_name'">
-                    <a mat-list-item *ngIf="basket.redirected" disableRipple="true" style="cursor:not-allowed;">
-                        <mat-icon [ngStyle]="{'color': basket.color}"
-                            *ngIf="basket.redirected && !appService.getViewMode()" mat-list-icon class="fa fa-share">
-                        </mat-icon>
-                        <span *ngIf="basket.resourceNumber==0" class="nbResZero">{{basket.resourceNumber}}</span>
-                        <span *ngIf="basket.resourceNumber!=0" class="nbRes">{{basket.resourceNumber}}</span>
-                        <p mat-line title="{{basket.basket_name}}" [ngStyle]="{'color': basket.color}">
-                            {{basket.basket_name}}<br /><small color="primary">({{lang.redirectedTo}}
-                                {{basket.redirectedUser}})</small>
-                        </p>
-                    </a>
-                    <a mat-list-item
-                        [ngClass]="{'selectedBasket': headerService.currentBasketInfo.basketId == basket.id && headerService.currentBasketInfo.ownerId == basket.owner_user_id && headerService.currentBasketInfo.groupId == regroupedBasket.groupSerialId}"
-                        *ngIf="!basket.redirected" (click)="refreshDatas(basket);closePanelLeft();"
-                        routerLink="/basketList/users/{{basket.owner_user_id}}/groups/{{regroupedBasket.groupSerialId}}/baskets/{{basket.id}}"
-                        style="cursor:pointer;"
-                        [ngStyle]="{'opacity': basket.resourceNumber==0 ? '0.5' : '1', 'height': appService.getViewMode() ? '50px' : '38px'}">
-                        <span *ngIf="basket.resourceNumber==0" class="nbResZero">{{basket.resourceNumber}}</span>
-                        <span *ngIf="basket.resourceNumber!=0" class="nbRes">{{basket.resourceNumber}}</span>
-                        <p mat-line title="{{basket.basket_name}}" [ngStyle]="{'color': basket.color}">
-                            {{basket.basket_name}}
-                        </p>
-                    </a>
-                </ng-container>
-            </mat-nav-list>
+            <mat-accordion>
+                <mat-expansion-panel [expanded]="true">
+                    <mat-expansion-panel-header>
+                        <span *ngIf="regroupedBasket.baskets[0] && !editOrderGroups" class="basketGroupTitle">{{regroupedBasket.groupDesc}}</span>
+                    </mat-expansion-panel-header>
+                    <mat-divider *ngIf="regroupedBasket.baskets[0] && !editOrderGroups" style="width: 80%;"></mat-divider>
+                    <mat-nav-list style="padding-bottom: 10px;" *ngIf="!editOrderGroups">
+                        <ng-container *ngFor="let basket of regroupedBasket.baskets | filterList:listFilter.value:'basket_name'">
+                                <a mat-list-item *ngIf="basket.redirected" disableRipple="true" style="cursor:not-allowed;">
+                                    <mat-icon [ngStyle]="{'color': basket.color}"
+                                        *ngIf="basket.redirected && !appService.getViewMode()" mat-list-icon class="fa fa-share">
+                                    </mat-icon>
+                                    <span *ngIf="basket.resourceNumber==0" class="nbResZero">{{basket.resourceNumber}}</span>
+                                    <span *ngIf="basket.resourceNumber!=0" class="nbRes">{{basket.resourceNumber}}</span>
+                                    <p mat-line title="{{basket.basket_name}}" [ngStyle]="{'color': basket.color}">
+                                        {{basket.basket_name}}<br /><small color="primary">({{lang.redirectedTo}}
+                                            {{basket.redirectedUser}})</small>
+                                    </p>
+                                </a>
+                                <a mat-list-item
+                                    [ngClass]="{'selectedBasket': headerService.currentBasketInfo.basketId == basket.id && headerService.currentBasketInfo.ownerId == basket.owner_user_id && headerService.currentBasketInfo.groupId == regroupedBasket.groupSerialId}"
+                                    *ngIf="!basket.redirected" (click)="refreshDatas(basket);closePanelLeft();"
+                                    routerLink="/basketList/users/{{basket.owner_user_id}}/groups/{{regroupedBasket.groupSerialId}}/baskets/{{basket.id}}"
+                                    style="cursor:pointer;"
+                                    [ngStyle]="{'opacity': basket.resourceNumber==0 ? '0.5' : '1', 'height': appService.getViewMode() ? '50px' : '38px'}">
+                                    <span *ngIf="basket.resourceNumber==0" class="nbResZero">{{basket.resourceNumber}}</span>
+                                    <span *ngIf="basket.resourceNumber!=0" class="nbRes">{{basket.resourceNumber}}</span>
+                                    <p mat-line title="{{basket.basket_name}}" [ngStyle]="{'color': basket.color}">
+                                        {{basket.basket_name}}s
+                                    </p>
+                                </a>
+                        </ng-container>
+                    </mat-nav-list>
+                </mat-expansion-panel>      
+            </mat-accordion>
         </ng-container>
         <ng-container *ngIf="homeData.assignedBaskets.length>0 && !editOrderGroups">
             <span color="primary" style="font-weight:bold;"
-- 
GitLab