2018-09-12 06:11:01 +02:00
|
|
|
<div class="stream-column">
|
2019-08-11 02:40:51 +02:00
|
|
|
<div class="sliding-column" [class.sliding-column__right-display]="overlayActive">
|
2019-11-17 04:57:33 +01:00
|
|
|
<app-stream-overlay class="stream-overlay" *ngIf="overlayActive" (closeOverlay)="closeOverlay()"
|
|
|
|
[browseAccountData]="overlayAccountToBrowse" [browseHashtagData]="overlayHashtagToBrowse"
|
2019-08-11 02:40:51 +02:00
|
|
|
[browseThreadData]="overlayThreadToBrowse"></app-stream-overlay>
|
2018-10-22 07:25:40 +02:00
|
|
|
|
2019-08-11 02:40:51 +02:00
|
|
|
<!-- <div> -->
|
2019-11-17 04:57:33 +01:00
|
|
|
<div class="stream-column__stream-header">
|
|
|
|
<a class="stream-column__stream-selector" href title="return to top" (click)="goToTop()">
|
2023-07-22 21:04:20 +02:00
|
|
|
<img *ngIf="timelineHeader === 3 || timelineHeader === 4 || timelineHeader === 6" class="stream-column__stream-selector--avatar" src="{{avatar}}" />
|
2019-11-17 04:57:33 +01:00
|
|
|
<fa-icon class="stream-column__stream-selector--icon" [icon]="columnFaIcon"></fa-icon>
|
2020-04-20 08:06:42 +02:00
|
|
|
<span class="stream-column__stream-selector--text">
|
2023-07-31 07:06:59 +02:00
|
|
|
<h1 class="stream-column__stream-selector--title" [class.stream-column__stream-selector--title--only]="timelineHeader === 4 || timelineHeader === 5">{{ streamElement.name.toUpperCase() }}</h1>
|
2023-08-03 00:57:43 +02:00
|
|
|
<span class="stream-column__stream-selector--subtitle" *ngIf="streamElement.instance && timelineHeader !== 4 && timelineHeader !== 5">
|
|
|
|
<span *ngIf="timelineHeader === 2 || timelineHeader === 6">{{account.username}}@</span>{{ streamElement.instance.toLowerCase() }}
|
|
|
|
</span>
|
2020-04-20 08:06:42 +02:00
|
|
|
</span>
|
2019-11-17 04:57:33 +01:00
|
|
|
</a>
|
|
|
|
<a class="stream-column__open-menu" href title="edit column" (click)="openEditionMenu()">
|
|
|
|
<fa-icon class="stream-column__open-menu--icon" [icon]="menuFaIcon"></fa-icon>
|
|
|
|
</a>
|
|
|
|
</div>
|
2018-10-22 06:25:36 +02:00
|
|
|
|
2020-04-20 08:06:42 +02:00
|
|
|
<app-stream-edition class="stream-edition" *ngIf="editionPanelIsOpen" [streamElement]="streamElement"
|
|
|
|
[displayingNotifications]="displayingNotifications" (closed)="streamEditionClosed()">
|
2019-11-17 04:57:33 +01:00
|
|
|
</app-stream-edition>
|
2019-02-24 04:40:22 +01:00
|
|
|
|
2019-11-17 04:57:33 +01:00
|
|
|
<app-stream-statuses *ngIf="!displayingNotifications" class="stream-statuses" [streamElement]="streamElement"
|
|
|
|
[goToTop]="goToTopSubject.asObservable()" (browseAccountEvent)="browseAccount($event)"
|
|
|
|
(browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)">
|
|
|
|
</app-stream-statuses>
|
|
|
|
|
2020-04-20 08:06:42 +02:00
|
|
|
<app-stream-notifications *ngIf="displayingNotifications" class="stream-statuses"
|
|
|
|
[streamElement]="streamElement" [goToTop]="goToTopSubject.asObservable()"
|
|
|
|
(browseAccountEvent)="browseAccount($event)" (browseHashtagEvent)="browseHashtag($event)"
|
|
|
|
(browseThreadEvent)="browseThread($event)">
|
2019-11-17 04:57:33 +01:00
|
|
|
|
|
|
|
</app-stream-notifications>
|
2019-08-11 02:40:51 +02:00
|
|
|
<!-- </div> -->
|
|
|
|
</div>
|
2018-10-22 06:25:36 +02:00
|
|
|
</div>
|