From 8c6843980a04dcd37113350316f5f7e747690619 Mon Sep 17 00:00:00 2001
From: David Ludwig <davidludwigii@gmail.com>
Date: Mon, 21 Jun 2021 12:59:43 -0500
Subject: [PATCH] Add progress to movie list item

---
 services/webui/src/app/components/MovieListItem.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/services/webui/src/app/components/MovieListItem.vue b/services/webui/src/app/components/MovieListItem.vue
index 4a1a217..6792a36 100644
--- a/services/webui/src/app/components/MovieListItem.vue
+++ b/services/webui/src/app/components/MovieListItem.vue
@@ -11,6 +11,15 @@
 					<img src="../assets/plex_logo.svg" alt="Added to Plex" style="margin: 15% 25%;"/>
 				</div>
 			</div>
+			<div class="flex flex-row items-end space-x-2" v-if="movie.plexLink === null && typeof movie.ticketId === 'number'">
+				<div class="w-full rounded-full bg-gray-200 overflow-hidden flex-grow-0">
+					<div class="bg-red-500 h-1" :style="{width: `${Math.floor(100*movie.progress)}%`}"></div>
+				</div>
+				<div class="relative h-1 flex justify-center items-center text-sm">
+					<span class="h-0 overflow-hidden">100%</span>
+					<span class="absolute left-0 text-center w-full opacity-75">{{ Math.floor(100*movie.progress) }}%</span>
+				</div>
+			</div>
 		</div>
 	</li>
 </template>