vincentRamiere
/
simpleat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

composant icon into card-resto

This commit is contained in:
Thomas Cardon 2022-02-11 14:16:59 +01:00
parent 1b520593cd
commit 5d3549b0b6
3 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/card-resto/card-resto.component.html
View File

@ -46,17 +46,24 @@
réaliser un livre spécimen de polices de texte.</p> réaliser un livre spécimen de polices de texte.</p>
<div class="trait-rouge pt-2 pb-0"></div> <div class="trait-rouge pt-2 pb-0"></div>
<div class="critere ps-1 pt-3"> <div class="critere ps-1 pt-3">
<span class="sur-place pe-1" style="color:#545454">Sur place :</span> <span class="sur-place pe-1" style="color:#545454">Sur place :</span>
<i *ngIf="restaurant.surPlace" class="fas fa-check-square" <app-icon
style="color:#4ECB71"></i> [iconName]="restaurant.surPlace ? 'fas fa-check-square' : 'fas fa-times-circle ps-1 pt-1'"
<i *ngIf="restaurant.surPlace === false " class="fas fa-times-circle ps-1 pt-1" style="color:#ED2F2F"></i> [iconColor]="restaurant.surPlace ? '#4ECB71' : '#ED2F2F'"
<span class="a-emporter ps-3 pe-1" style="color:#545454">A emporter :</span><i class="fas fa-check-square" ></app-icon>
style="color:#4ECB71"></i> <span class="a-emporter ps-3 pe-1" style="color:#545454">A emporter :</span>
<app-icon
[iconName]="restaurant.emporter ? 'fas fa-check-square' : 'fas fa-times-circle ps-1 pt-1'"
[iconColor]="restaurant.emporter ? '#4ECB71' : '#ED2F2F'"
></app-icon>
</div> </div>
<div class="trait-rouge pt-3"></div> <div class="trait-rouge pt-3"></div>
<div class="critere d-flex justify-content-center ps-1 pt-3 pb-3"> <div class="critere d-flex justify-content-center ps-1 pt-3 pb-3">
<span class="acces-pmr pe-1" style="color:#545454">Accès PMR :</span><i <span class="acces-pmr pe-1" style="color:#545454">Accès PMR :</span>
class="fas fa-times-circle ps-1 pt-1" style="color:#ED2F2F"></i> <app-icon
[iconName]="restaurant.accesPMR ? 'fas fa-check-square' : 'fas fa-times-circle ps-1 pt-1'"
[iconColor]="restaurant.accesPMR ? '#4ECB71' : '#ED2F2F'"
></app-icon>
</div> </div>
<div class="reserver pt-2"> <div class="reserver pt-2">
<button type="button" class="button">Réserver</button> <button type="button" class="button">Réserver</button>

2
src/app/filters/avis-bar/avis-bar.component.html
View File

@ -1,6 +1,6 @@
<div (mouseleave)="onMouseLeave()"> <div (mouseleave)="onMouseLeave()">
<app-icon *ngFor="let star of starStates; let starIndex = index" <app-icon *ngFor="let star of starStates; let starIndex = index"
[iconName]="star.stateHoverUser ? 'star-fill' : 'star'" [iconName]="star.stateHoverUser ? 'bi-star-fill' : 'bi-star'"
[iconSize]="2.5" [iconSize]="2.5"
[iconColor]="'#ffbf00'" [iconColor]="'#ffbf00'"
style="padding: 6px;" style="padding: 6px;"

2
src/app/filters/icon/icon.component.html
View File

@ -1,3 +1,3 @@
<i class="bi-{{iconName}}" <i class="{{iconName}}"
[ngStyle]="{'font-size.rem': iconSize, 'color': iconColor}"></i> [ngStyle]="{'font-size.rem': iconSize, 'color': iconColor}"></i>