TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-04-11 09:51:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

Created unified file card component, recent videos component (not done) and started scaffolding work on the backend

Browse Source
This commit is contained in:
Isaac Grynsztein
2020-07-13 22:09:48 -04:00
parent d371ccf094
commit 4ebb2d4297
14 changed files with 310 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/components/unified-file-card/unified-file-card.component.html Normal file
View File

@@ -0,0 +1,24 @@
<div style="position: relative; width: fit-content;">
<div class="duration-time">
<ng-container i18n="Video duration label">Length:</ng-container>&nbsp;{{file_length}}
</div>
<button [matMenuTriggerFor]="action_menu" class="menuButton" mat-icon-button><mat-icon>more_vert</mat-icon></button>
<mat-menu #action_menu="matMenu">
<button (click)="openFileInfoDialog()" mat-menu-item><mat-icon>info</mat-icon><ng-container i18n="Video info button">Info</ng-container></button>
<button (click)="deleteFile()" mat-menu-item>
<mat-icon>restore</mat-icon><ng-container i18n="Delete and redownload subscription video button">Delete and redownload</ng-container>
</button>
<button (click)="deleteFile(true)" mat-menu-item *ngIf="use_youtubedl_archive">
<mat-icon>delete_forever</mat-icon><ng-container i18n="Delete forever subscription video button">Delete forever</ng-container>
</button>
</mat-menu>
<mat-card (click)="navigateToFile()" matRipple class="example-card mat-elevation-z6">
<div style="padding:5px">
<div *ngIf="fileThumbnail" class="img-div">
<img class="image" [src]="file_thumbnail" alt="Thumbnail">
</div>
<span class="max-two-lines"><strong>{{file_title}}</strong></span>
</div>
</mat-card>
</div>