38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
<div *ngIf="user | async as userProfile; else loading">
|
|
<mat-card class="example-card">
|
|
<mat-card-content>
|
|
<div fxLayout="column" fxLayoutAlign="center center">
|
|
<div fxFlex>
|
|
<img mat-card-avatar [src]="userProfile.additionalinfo.data.avatar.url">
|
|
</div>
|
|
<mat-card-title>{{userProfile.name}}</mat-card-title>
|
|
<mat-card-subtitle>{{userProfile.email}}</mat-card-subtitle>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
<mat-card>
|
|
<mat-card-content>
|
|
<div fxLayout="column" fxLayoutAlign="center center">
|
|
<div fxFlex>
|
|
<h4>{{ 'USER-PROFILE.ASSOCIATED-DMPS' | translate}}</h4>
|
|
</div>
|
|
<div>
|
|
{{userProfile.associatedDmps}}
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
<mat-card>
|
|
<mat-card-content>
|
|
<div fxLayout="column" fxLayoutAlign="center center">
|
|
<div fxFlex>
|
|
<h4>{{ 'USER-PROFILE.SETTINGS' | translate}}</h4>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
<ng-template #loading>
|
|
Loading stuff...
|
|
</ng-template>
|