From 5ac1dbd6150ad11675dab93fa6fe2285e86fa086 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@sdg.moe>
Date: Sun, 26 Apr 2020 21:05:39 +0200
Subject: [PATCH] Adding images for external ids

---
 src/app/show-details/show-details.component.html |  5 +++++
 src/app/show-details/show-details.component.scss | 14 ++++++++++++++
 src/models/show.ts                               |  2 +-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/app/show-details/show-details.component.html b/src/app/show-details/show-details.component.html
index 375fc3bb..63116065 100644
--- a/src/app/show-details/show-details.component.html
+++ b/src/app/show-details/show-details.component.html
@@ -56,6 +56,11 @@
 	<div class="row pt-3">
 		<div class="col">
 			<p class="text-justify overview">{{this.show.overview}}</p>
+            <ul>
+                <li class="provider" *ngFor="let id of this.show.externalIDs">
+                    <a [href]="id.link"><img class="provider-icon" [src]="id.provider.logo" [alt]="id.provider.name"/></a>
+                </li>
+            </ul>
 		</div>
 		<hr class="d-none d-sm-block">
 		<div class="col-3 d-none d-sm-block">
diff --git a/src/app/show-details/show-details.component.scss b/src/app/show-details/show-details.component.scss
index 86abec79..bc0dccef 100644
--- a/src/app/show-details/show-details.component.scss
+++ b/src/app/show-details/show-details.component.scss
@@ -150,3 +150,17 @@ hr
 {
 	opacity: .8;
 }
+
+.provider
+{
+	display: inline;
+	width: 4rem;
+	height: 4rem;
+	margin: .5rem;
+}
+
+.provider-icon
+{
+	max-width: 4rem;
+	max-height: 4rem;
+}
\ No newline at end of file
diff --git a/src/models/show.ts b/src/models/show.ts
index b0998e5e..f20ab2d5 100644
--- a/src/models/show.ts
+++ b/src/models/show.ts
@@ -21,5 +21,5 @@ export interface Show
 	startYear: number;
 	endYear : number;
 
-	externalIDs: string;
+	externalIDs: [string, string][];
 }