blob: 24434696522246bd7f2661cbef93c7e2b4cf0bee (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<app-navbar></app-navbar>
<app-loading *ngIf="!dataArrived"></app-loading>
<main class="scroll-standalone under-navbar flex-col centered-content" *ngIf="dataArrived" (scroll)="onScroll($event)">
<section id="user-info" class="card flex-row width-full flex-justify-center">
<div>
<img id="profile-picture" class="round-image" [src]="user.profilePictureURL">
</div>
<div class="flexible flex-col flex-center-align-items flex-justify-center side-padding-dot3">
<div class="text-centered">
{{ user.firstName }} {{ user.lastName }}
</div>
<div>
@{{ user.userName }}
</div>
<button id="add-friend" class="border-faded-slim padding-dot1 lighter-hover click-effect border-radius-dot3 width-full" (click)="modifyFriend()" *ngIf="!isTheLoggedInUser && isUserLoggedIn">
{{ friendOfUser ? 'Unfriend' : 'Add friend' }}
</button>
</div>
</section>
<section class="card sec-info-card flex-col width-full">
<div class="sec-info-title border-faded-slim border-bottom-only">
Languages
</div>
<div class="none-message" *ngIf="user.languages.length === 0">
None
</div>
<div class="flex-row">
<div class="sec-info border-radius-dot5r padding-dot2" *ngFor="let lang of user.languages">
{{ lang.name }}
</div>
</div>
</section>
<section class="card sec-info-card flex-col width-full">
<div class="sec-info-title border-faded-slim border-bottom-only">
Technologies
</div>
<div class="none-message" *ngIf="user.technologies.length === 0">
None
</div>
<div class="flex-row">
<div class="sec-info border-radius-dot5r padding-dot2" *ngFor="let tech of user.technologies">
{{ tech.name }}
</div>
</div>
</section>
<hr class="card-hr">
<section>
<div class="text-centered" *ngIf="userPosts.length === 0">
{{ user.firstName }} {{ user.lastName }} hasn't posted anything yet!
</div>
<div *ngFor="let userPost of userPosts">
<app-post [paramId]="userPost.postId.toString()"></app-post>
</div>
</section>
</main>
|
