66 lines
2.2 KiB
HTML
66 lines
2.2 KiB
HTML
<div [class]="themeService.getClassTheme()">
|
|
<div class="myContainer">
|
|
|
|
<!-- NavBar -->
|
|
<app-navbar-user></app-navbar-user>
|
|
|
|
<!-- Boite -->
|
|
<div class="boite">
|
|
|
|
<!-- Photo de profil -->
|
|
<div style="text-align: center">
|
|
<img [src]="user.profilePictureUrl"
|
|
onerror="this.onerror=null; this.src='assets/profil.png'">
|
|
</div>
|
|
|
|
<!-- login -->
|
|
<div class="row myRow">
|
|
<div class="col-6 myLabel">Login:</div>
|
|
<div class="col-6 myValue"> {{user.login}} </div>
|
|
</div>
|
|
|
|
<!-- mail -->
|
|
<div class="row myRow">
|
|
<div class="col-6 myLabel">Mail:</div>
|
|
<div class="col-6 myValue"> {{user.mail}} </div>
|
|
</div>
|
|
|
|
<!-- dateOfBirth -->
|
|
<div class="row myRow">
|
|
<div class="col-6 myLabel">Date de naissance:</div>
|
|
<div class="col-6 myValue">{{ user.dateOfBirth | date:'dd/LL/YYYY' }}</div>
|
|
</div>
|
|
|
|
<!-- gender -->
|
|
<div class="row myRow">
|
|
<div class="col-6 myLabel">Sexe:</div>
|
|
<div class="col-6 myValue">
|
|
<span *ngIf="user.gender==='man'"> Homme </span>
|
|
<span *ngIf="user.gender==='woman'"> Femme </span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- interets -->
|
|
<div class="row myRow">
|
|
<div class="col-6 myLabel">Centres d'intérêt:</div>
|
|
<div class="col-6 myValue" style="border-left: solid 1px #e6e6e6">
|
|
<div *ngFor="let interest of user.interests">• {{interest}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- createdAt -->
|
|
<div class="row myRow">
|
|
<div class="col-6 myLabel">Date de création:</div>
|
|
<div class="col-6 myValue">{{ user.createdAt | date:'dd/LL/YYYY' }}</div>
|
|
</div>
|
|
|
|
<!-- Modifier profil -->
|
|
<div class="btnContainer">
|
|
<button mat-button class="myBtn" (click)="onModifier()">Modifier profil</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|