41 lines
1.6 KiB
HTML
41 lines
1.6 KiB
HTML
<app-header></app-header>
|
|
|
|
@if (concernedAuthor) {
|
|
<div class="content">
|
|
<div class="panel">
|
|
<div class="user-infos">
|
|
<div>
|
|
<h2>{{ authorName }}</h2>
|
|
<em>{{ concernedAuthor.role }}</em>
|
|
</div>
|
|
<div class="profile-picture">
|
|
@if (concernedAuthor.profilePicture) {
|
|
<p-avatar image="data:image/jpeg;base64,{{ concernedAuthor.profilePicture }}" shape="circle" styleClass="mr-2"
|
|
size="xlarge"></p-avatar>
|
|
} @else {
|
|
<p-avatar label="{{ authorName.charAt(0).toUpperCase() }}" styleClass="mr-2" size="xlarge"></p-avatar>
|
|
}
|
|
</div>
|
|
</div>
|
|
<p-button label="Voir les posts de l'utilisateur"></p-button>
|
|
@if (actualAuthor) {
|
|
@if (concernedAuthor.id === actualAuthor.id) {
|
|
<p-button label="Mettre à jour les données du profil" (onClick)="updateProfileDialog=true"/>
|
|
<p-dialog header='Mettre à jour le profil' [modal]="true" [(visible)]="updateProfileDialog">
|
|
<app-update-profile (updatedAuthorEvent)="updateAuthor($event)" [authorId]="concernedAuthor.id"
|
|
[username]="concernedAuthor!.name"></app-update-profile>
|
|
</p-dialog>
|
|
<p-button label="Changer le mot de passe" (onClick)="changePasswordDialog=true"/>
|
|
<p-dialog header='Changer le mot de passe' [modal]="true"
|
|
[(visible)]="changePasswordDialog">
|
|
|
|
</p-dialog>
|
|
}
|
|
}
|
|
</div>
|
|
</div>
|
|
} @else {
|
|
<h1>Loading...</h1>
|
|
}
|
|
<app-footer></app-footer>
|