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-08-06 00:42:06 +02:00
< div class = "profile__moved" * ngIf = "displayedAccount && displayedAccount.moved" >
{{displayedAccount | accountEmoji }} has moved to < a href ( click ) = " browseAccount ( displayedAccount . moved . acct ) " class = "profile__moved--link" title = "open @{{displayedAccount.moved.acct }}" > @{{displayedAccount.moved.acct }}< / a >
< / div >
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-08-06 00:42:06 +02:00
< img class = "profile-header__avatar" [ class . profile__disabled ] = " displayedAccount . moved "
src="{{displayedAccount.avatar}}" alt="header" />
2019-06-15 20:32:08 +02:00
< / a >
2019-08-06 00:50:59 +02:00
< h2 class = "profile-header__display-name" innerHTML = "{{displayedAccount | accountEmoji }}" title = "{{displayedAccount.display_name}}" > < / h2 >
< h2 class = "profile-header__fullhandle" > < a href = "{{displayedAccount.url}}" target = "_blank" title = "{{displayedAccount.acct}}" > @{{displayedAccount.acct}}< / a > < / h2 >
2019-02-22 06:49:32 +01:00
2019-08-06 00:42:06 +02:00
< div class = "profile-header__follow" * ngIf = "relationship && !displayedAccount.moved" >
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-08-06 00:42:06 +02:00
< div class = "profile-header__state" * ngIf = "relationship && !displayedAccount.moved" >
2019-02-23 05:35:12 +01:00
< 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-08-06 00:42:06 +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 >
2019-08-06 00:42:06 +02:00
2019-02-22 06:49:32 +01:00
< 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
2019-07-07 23:22:48 +02:00
< div * ngFor = "let statusWrapper of pinnedStatuses" >
2019-08-06 00:42:06 +02:00
< app-status [ statusWrapper ] = " statusWrapper " ( browseHashtagEvent ) = " browseHashtag ( $ event ) "
(browseAccountEvent)="browseAccount($event)" (browseThreadEvent)="browseThread($event)">
2019-07-07 23:22:48 +02:00
< / app-status >
< / div >
2018-11-03 04:36:35 +01:00
< div * ngFor = "let statusWrapper of statuses" >
2019-08-06 00:42:06 +02:00
< app-status [ statusWrapper ] = " statusWrapper " ( browseHashtagEvent ) = " browseHashtag ( $ event ) "
(browseAccountEvent)="browseAccount($event)" (browseThreadEvent)="browseThread($event)">
2019-02-22 06:49:32 +01:00
< / 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 >