2019-04-07 20:47:09 +02:00
|
|
|
<div class="profile flexcroll" #statusstream (scroll)="onScroll()">
|
2018-11-02 00:36:52 +01:00
|
|
|
<app-waiting-animation *ngIf="isLoading" class="waiting-icon"></app-waiting-animation>
|
|
|
|
|
2019-02-20 03:10:21 +01:00
|
|
|
|
2019-06-15 20:32:08 +02:00
|
|
|
<div *ngIf="displayedAccount" class="profile-header"
|
|
|
|
[ngStyle]="{'background-image':'url('+displayedAccount.header+')'}">
|
2019-02-22 06:49:32 +01:00
|
|
|
<div class="profile-header__inner">
|
2019-07-06 07:28:30 +02:00
|
|
|
<a href (click)="showAvatar(displayedAccount.avatar)" (auxclick)="openAccount()" title="open avatar">
|
2019-06-15 20:32:08 +02:00
|
|
|
<img class="profile-header__avatar" src="{{displayedAccount.avatar}}" alt="header" />
|
|
|
|
</a>
|
2019-04-25 23:35:20 +02:00
|
|
|
<h2 class="profile-header__display-name" innerHTML="{{displayedAccount | accountEmoji }}"></h2>
|
2019-06-15 20:32:08 +02:00
|
|
|
<h2 class="profile-header__fullhandle"><a href="{{displayedAccount.url}}"
|
|
|
|
target="_blank">@{{displayedAccount.acct}}</a></h2>
|
2019-02-22 06:49:32 +01:00
|
|
|
|
2019-02-23 05:35:12 +01:00
|
|
|
<div class="profile-header__follow" *ngIf="relationship">
|
2019-02-22 06:49:32 +01:00
|
|
|
<button class="profile-header__follow--button profile-header__follow--unfollowed" title="follow"
|
2019-02-23 06:31:46 +01:00
|
|
|
(click)="follow()" *ngIf="!relationship.following && !relationship.requested">
|
2019-02-22 06:49:32 +01:00
|
|
|
<fa-icon [icon]="faUserRegular"></fa-icon>
|
|
|
|
</button>
|
|
|
|
<button class="profile-header__follow--button profile-header__follow--followed" title="unfollow"
|
2019-02-23 06:31:46 +01:00
|
|
|
(click)="unfollow()" *ngIf="relationship.following">
|
2019-02-22 06:49:32 +01:00
|
|
|
<fa-icon [icon]="faUserCheck"></fa-icon>
|
|
|
|
</button>
|
|
|
|
<button class="profile-header__follow--button profile-header__follow--followed" title="pending"
|
2019-02-23 06:31:46 +01:00
|
|
|
(click)="unfollow()" *ngIf="relationship.requested">
|
2019-02-22 06:49:32 +01:00
|
|
|
<fa-icon [icon]="faHourglassHalf"></fa-icon>
|
|
|
|
</button>
|
|
|
|
</div>
|
2019-02-23 05:35:12 +01:00
|
|
|
<div class="profile-header__state" *ngIf="relationship">
|
|
|
|
<div class="profile-header__state--data" *ngIf="relationship.followed_by">follows you</div>
|
|
|
|
<div class="profile-header__state--data" *ngIf="relationship.blocking">blocked</div>
|
2019-07-06 08:08:42 +02:00
|
|
|
<div class="profile-header__state--data" *ngIf="relationship.blocked_by">blocks you</div>
|
|
|
|
<div class="profile-header__state--data" *ngIf="relationship.domain_blocking">domain blocked</div>
|
2019-02-23 05:35:12 +01:00
|
|
|
<div class="profile-header__state--data" *ngIf="relationship.muting">muted</div>
|
2019-07-06 08:08:42 +02:00
|
|
|
<div class="profile-header__state--data" *ngIf="relationship.muting_notifications">notifications muted</div>
|
2019-02-22 06:49:32 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="profile-sub-header ">
|
2019-04-07 20:47:09 +02:00
|
|
|
<div *ngIf="displayedAccount && hasNote" class="profile-description">
|
2019-04-25 23:35:20 +02:00
|
|
|
<app-databinded-text class="profile-description__content" [textIsSelectable]="false" [text]="note"
|
2019-02-22 06:49:32 +01:00
|
|
|
(accountSelected)="browseAccount($event)" (hashtagSelected)="browseHashtag($event)">
|
|
|
|
</app-databinded-text>
|
2018-11-02 05:02:49 +01:00
|
|
|
</div>
|
2019-04-07 20:47:09 +02:00
|
|
|
<div class="profile-fields" *ngIf="displayedAccount && displayedAccount.fields.length > 0">
|
|
|
|
<div class="profile-fields__field" *ngFor="let field of displayedAccount.fields">
|
2019-06-15 20:32:08 +02:00
|
|
|
<div class="profile-fields__field--value" innerHTML="{{ displayedAccount | accountEmoji:field.value}}"
|
|
|
|
[ngClass]="{'profile-fields__field--validated': field.verified_at }">
|
2019-02-24 01:47:39 +01:00
|
|
|
</div>
|
|
|
|
<div class="profile-fields__field--name">
|
|
|
|
{{ field.name }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2018-11-03 04:36:35 +01:00
|
|
|
<div class="profile-statuses">
|
|
|
|
<div *ngIf="!isLoading && !statusLoading && statuses.length == 0" class="profile-no-toots">
|
|
|
|
no toots found
|
|
|
|
</div>
|
2018-11-02 05:02:49 +01:00
|
|
|
|
2018-11-03 04:36:35 +01:00
|
|
|
<div *ngFor="let statusWrapper of statuses">
|
2019-02-22 06:49:32 +01:00
|
|
|
<app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)"
|
|
|
|
(browseAccountEvent)="browseAccount($event)" (browseThreadEvent)="browseThread($event)">
|
|
|
|
</app-status>
|
2018-11-03 04:36:35 +01:00
|
|
|
</div>
|
2019-04-07 20:47:09 +02:00
|
|
|
|
2019-06-15 20:32:08 +02:00
|
|
|
|
2019-04-07 20:47:09 +02:00
|
|
|
<app-waiting-animation *ngIf="statusLoading" class="waiting-icon"></app-waiting-animation>
|
2018-11-01 05:55:55 +01:00
|
|
|
</div>
|
2018-11-01 05:44:58 +01:00
|
|
|
</div>
|
2018-10-23 08:28:09 +02:00
|
|
|
</div>
|