From 1d8d59fe48f786ba3b1e17cac26a10f22b7e96d6 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@sdg.moe>
Date: Sun, 1 Mar 2020 04:26:27 +0100
Subject: [PATCH] Adding a play button for movies

---
 src/app/show-details/show-details.component.html |  2 +-
 src/app/show-details/show-details.component.ts   | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/show-details/show-details.component.html b/src/app/show-details/show-details.component.html
index 715a6f6e..26489885 100644
--- a/src/app/show-details/show-details.component.html
+++ b/src/app/show-details/show-details.component.html
@@ -12,7 +12,7 @@
 				<ng-template #elseBlock><h2 class="date">{{show.startYear}}</h2></ng-template>
 			</div>
 			<div class="buttons">
-				<button mat-mini-fab matTooltipPosition="above" matTooltip="Play" class="mr-3">
+				<button mat-mini-fab matTooltipPosition="above" matTooltip="Play" class="mr-3" (click)="playClicked()">
 					<mat-icon>play_arrow</mat-icon>
 				</button>
 				<button *ngIf="this.show.trailerUrl" mat-icon-button matTooltipPosition="above" matTooltip="Trailer">
diff --git a/src/app/show-details/show-details.component.ts b/src/app/show-details/show-details.component.ts
index ad1fac6a..58bb69d9 100644
--- a/src/app/show-details/show-details.component.ts
+++ b/src/app/show-details/show-details.component.ts
@@ -2,7 +2,7 @@ import { HttpClient } from "@angular/common/http";
 import { Component, OnInit } from '@angular/core';
 import { MatSnackBar } from "@angular/material/snack-bar";
 import { Title } from '@angular/platform-browser';
-import { ActivatedRoute } from '@angular/router';
+import {ActivatedRoute, Router} from '@angular/router';
 import { Episode } from "../../models/episode";
 import { Show } from "../../models/show";
 
@@ -20,7 +20,7 @@ export class ShowDetailsComponent implements OnInit
 	private toolbar: HTMLElement;
 	private backdrop: HTMLElement;
 
-	constructor(private route: ActivatedRoute, private http: HttpClient, private snackBar: MatSnackBar, private title: Title)
+	constructor(private route: ActivatedRoute, private http: HttpClient, private snackBar: MatSnackBar, private title: Title, private router: Router)
 	{
 		this.route.queryParams.subscribe(params =>
 		{
@@ -58,6 +58,14 @@ export class ShowDetailsComponent implements OnInit
 	{
 		let opacity: number = 2 * window.scrollY / this.backdrop.clientHeight;
 		this.toolbar.setAttribute("style", `background-color: rgba(0, 0, 0, ${opacity}) !important`);
+	};
+
+	playClicked()
+	{
+		if (this.show.isMovie)
+			this.router.navigate(["/watch/" + this.show.slug]);
+		else
+			this.router.navigate(["/watch/" + this.show.slug + "-s1e1"]);
 	}
 
 	getEpisodes()