mirror of
https://github.com/Tzahi12345/YoutubeDL-Material.git
synced 2026-03-11 07:10:56 +03:00
0565cf24a6
* Consolidated all youtube-dl calls into one function * Downloads can now be cancelled and better "paused" * Removed node-youtube-dl dependency * Added ability to manually check a subscription, and to cancel a subscription check --------- Co-authored-by: Dedy Martadinata S <dedyms@proton.me>
27 lines
2.2 KiB
HTML
27 lines
2.2 KiB
HTML
<div style="margin-top: 14px;">
|
|
<button class="back-button" (click)="goBack()" mat-icon-button><mat-icon>arrow_back</mat-icon></button>
|
|
<div style="margin-bottom: 15px;">
|
|
<h2 style="text-align: center;" *ngIf="subscription">
|
|
{{subscription.name}} <ng-container *ngIf="subscription.paused" i18n="Paused suffix">(Paused)</ng-container>
|
|
<button class="edit-button" (click)="editSubscription()" [disabled]="downloading" matTooltip="Edit" i18n-matTooltip="Edit" mat-icon-button><mat-icon class="save-icon">edit</mat-icon></button>
|
|
</h2>
|
|
<mat-progress-bar style="width: 80%; margin: 0 auto; margin-top: 15px;" *ngIf="subscription && subscription.downloading" mode="indeterminate"></mat-progress-bar>
|
|
</div>
|
|
<mat-divider style="width: 80%; margin: 0 auto"></mat-divider>
|
|
<br/>
|
|
|
|
<!-- Extra margin added for floating buttons to have room -->
|
|
<div style="margin-bottom: 100px;" *ngIf="subscription">
|
|
<app-recent-videos #recentVideos [sub_id]="subscription.id"></app-recent-videos>
|
|
</div>
|
|
<div class="check-button">
|
|
<ng-container *ngIf="subscription.downloading">
|
|
<button color="primary" (click)="cancelCheckSubscription()" [disabled]="cancel_clicked" matTooltip="Cancel subscription check" i18n-matTooltip="Cancel subscription check" mat-fab><mat-icon class="save-icon">cancel</mat-icon></button>
|
|
</ng-container>
|
|
<ng-container *ngIf="!subscription.downloading">
|
|
<button color="primary" (click)="checkSubscription()" [disabled]="check_clicked" matTooltip="Check subscription" i18n-matTooltip="Check subscription" mat-fab><mat-icon class="save-icon">youtube_searched_for</mat-icon></button>
|
|
</ng-container>
|
|
</div>
|
|
<button class="watch-button" color="primary" (click)="watchSubscription()" matTooltip="Play all" i18n-matTooltip="Play all" mat-fab><mat-icon class="save-icon">video_library</mat-icon></button>
|
|
<button class="save-button" color="primary" (click)="downloadContent()" [disabled]="downloading" matTooltip="Download zip" i18n-matTooltip="Download zip" mat-fab><mat-icon class="save-icon">save</mat-icon><mat-spinner *ngIf="downloading" class="spinner" [diameter]="50"></mat-spinner></button>
|
|
</div> |