From 12067e19850ac7fbbefaa4cd143bc7138582f0de Mon Sep 17 00:00:00 2001 From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com> Date: Wed, 7 Apr 2021 15:52:02 +0200 Subject: [PATCH] feat(structure-list): add city display on card --- .../components/card/card.component.html | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/src/app/structure-list/components/card/card.component.html b/src/app/structure-list/components/card/card.component.html index ca4925051..848615e19 100644 --- a/src/app/structure-list/components/card/card.component.html +++ b/src/app/structure-list/components/card/card.component.html @@ -1,19 +1,18 @@ <div class="structure" fxLayout="column" (click)="cardClicked()" (mouseenter)="cardHover()"> <div class="headerStructure" fxLayout="row" fxLayoutAlign="space-between center" fxLayoutGap="16px"> - <span class="structure-name" [ngClass]="{ notClaimed: !isClaimed }">{{ structure.structureName }}</span> - <div - *ngIf="structure.distance" - class="distanceStructure" - fxLayout="row" - fxLayoutAlign="end center" - fxLayoutGap="20px" - > + <div fxLayout="column" fxLayoutAlign="end"> + <span class="structure-name" [ngClass]="{ notClaimed: !isClaimed }">{{ structure.structureName }}</span> + <span class="typeStructure">{{ structure.getLabelTypeStructure() }}</span> + </div> + <div class="distanceStructure" fxLayout="column" fxLayoutAlign="none end"> <div> + {{ this.structure.address.commune }} + </div> + <div *ngIf="structure.distance"> {{ this.formatDistance() }} </div> </div> </div> - <span class="typeStructure">{{ structure.getLabelTypeStructure() }}</span> <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="7px" *ngIf="structure.hasEquipments()"> <app-svg-icon *ngFor="let equipement of filterOnlyEquipments(structure.equipmentsAndServices)" -- GitLab