mirror of
https://github.com/Tzahi12345/YoutubeDL-Material.git
synced 2026-03-11 15:20:56 +03:00
- refactored code to be cleaner and more modularized Updated scrolling on twitch chat to actually scroll to the bottom with new messages Fast forwarding in videos with a twitch chat is now faster and provides a smoother transition
12 lines
844 B
HTML
12 lines
844 B
HTML
<div class="chat-container" #scrollContainer *ngIf="visible_chat">
|
|
<div style="width: 250px; text-align: center;"><strong>Twitch Chat</strong></div>
|
|
<div #chat style="max-width: 250px" *ngFor="let chat of visible_chat; let last = last">
|
|
{{chat.timestamp_str}} - <strong [style.color]="chat.user_color ? chat.user_color : null">{{chat.name}}</strong>: {{chat.message}}
|
|
{{last ? scrollToBottom() : ''}}
|
|
</div>
|
|
</div>
|
|
|
|
<ng-container *ngIf="chat_response_received && !full_chat">
|
|
<button [disabled]="downloading_chat" (click)="downloadTwitchChat()" class="download-button" mat-raised-button color="accent"><ng-container i18n="Download Twitch Chat button">Download Twitch Chat</ng-container></button>
|
|
<mat-spinner *ngIf="downloading_chat" class="downloading-spinner" [diameter]="30"></mat-spinner>
|
|
</ng-container> |