From af58854f0e4e53add23a9b9ec2d401b22ad2f5ea Mon Sep 17 00:00:00 2001
From: Isaac Abadi <IsaacMGrynsztein@gmail.com>
Date: Wed, 13 Jan 2021 12:50:18 -0500
Subject: [PATCH] Added info button to the player component

---
 src/app/player/player.component.html |  1 +
 src/app/player/player.component.ts   | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/app/player/player.component.html b/src/app/player/player.component.html
index 6aaa7b0..086adf6 100644
--- a/src/app/player/player.component.html
+++ b/src/app/player/player.component.html
@@ -35,6 +35,7 @@
                                     <ng-container *ngIf="playlist.length === 1">
                                         <button (click)="downloadFile()" [disabled]="downloading" mat-icon-button><mat-icon>save</mat-icon><mat-spinner *ngIf="downloading" class="spinner" [diameter]="35"></mat-spinner></button>
                                         <button *ngIf="!is_shared && uid && uid !== 'false' && type !== 'subscription' && (!postsService.isLoggedIn || postsService.permissions.includes('sharing'))" (click)="openShareDialog()" mat-icon-button><mat-icon>share</mat-icon></button>
+                                        <button (click)="openFileInfoDialog()" *ngIf="db_file" mat-icon-button><mat-icon>info</mat-icon></button>
                                     </ng-container>
                                     <button *ngIf="db_file && db_file.url.includes('twitch.tv/videos/') && postsService['config']['API']['use_twitch_API']" (click)="drawer.toggle()" mat-icon-button><mat-icon>chat</mat-icon></button>
                                 </div>
diff --git a/src/app/player/player.component.ts b/src/app/player/player.component.ts
index 123e2b4..b3660a5 100644
--- a/src/app/player/player.component.ts
+++ b/src/app/player/player.component.ts
@@ -8,6 +8,7 @@ import { InputDialogComponent } from 'app/input-dialog/input-dialog.component';
 import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
 import { ShareMediaDialogComponent } from '../dialogs/share-media-dialog/share-media-dialog.component';
 import { TwitchChatComponent } from 'app/components/twitch-chat/twitch-chat.component';
+import { VideoInfoDialogComponent } from 'app/dialogs/video-info-dialog/video-info-dialog.component';
 
 export interface IMedia {
   title: string;
@@ -478,6 +479,15 @@ export class PlayerComponent implements OnInit, AfterViewInit, OnDestroy {
       }
     });
   }
+  
+  openFileInfoDialog() {
+    this.dialog.open(VideoInfoDialogComponent, {
+      data: {
+        file: this.db_file,
+      },
+      minWidth: '50vw'
+    })
+  }
 
   // snackbar helper
   public openSnackBar(message: string, action: string) {