Show watch progress in show and season cards

Author: Programie

src/main/php/tracky/model/Episode.php

@@ -8,6 +8,7 @@
 use tracky\model\traits\Runtime;
 use tracky\orm\EpisodeRepository;
 use tracky\ViewType;
+use tracky\watchstats\WatchStatsProvider;
 
 #[ORM\Entity(repositoryClass: EpisodeRepository::class)]
 #[ORM\Table(
@@ -121,6 +122,13 @@ public function getViewType(): ViewType
         return ViewType::EPISODE;
     }
 
+    public function isMarkedAsWatched(WatchStatsProvider $watchStatsProvider): bool
+    {
+        $watchStats = $watchStatsProvider->getItemStats($this);
+
+        return $watchStats !== null and $watchStats->getCount();
+    }
+
     public function __toString(): string
     {
         return sprintf("%dx%d %s", $this->getSeason()->getNumber(), $this->getNumber(), $this->getTitle());

src/main/php/tracky/model/Season.php

@@ -8,6 +8,7 @@
 use tracky\model\traits\Plot;
 use tracky\model\traits\PosterImage;
 use tracky\orm\SeasonRepository;
+use tracky\watchstats\WatchStatsProvider;
 
 #[ORM\Entity(repositoryClass: SeasonRepository::class)]
 #[ORM\Table(
@@ -195,4 +196,22 @@ public function getYear(): ?int
 
         return (int)$airDate->format("Y");
     }
+
+    public function getWatchProgress(WatchStatsProvider $watchStatsProvider): int
+    {
+        $totalEpisodes = count($this->getEpisodes());
+        $watchedEpisode = 0;
+
+        if (!$totalEpisodes) {
+            return 0;
+        }
+
+        foreach ($this->getEpisodes() as $episode) {
+            if ($episode->isMarkedAsWatched($watchStatsProvider)) {
+                $watchedEpisode++;
+            }
+        }
+
+        return (int)round(($watchedEpisode / $totalEpisodes) * 100);
+    }
 }

src/main/php/tracky/model/Show.php

@@ -278,4 +278,23 @@ public function getUnwatchedEpisodes(WatchStatsProvider $watchStatsProvider): ar
 
         return $unwatchedEpisodes;
     }
+
+    public function getWatchProgress(WatchStatsProvider $watchStatsProvider): int
+    {
+        $allEpisodes = $this->getAllEpisodes();
+        $totalEpisodes = count($allEpisodes);
+        $watchedEpisode = 0;
+
+        if (!$totalEpisodes) {
+            return 0;
+        }
+
+        foreach ($allEpisodes as $episode) {
+            if ($episode->isMarkedAsWatched($watchStatsProvider)) {
+                $watchedEpisode++;
+            }
+        }
+
+        return (int)round(($watchedEpisode / $totalEpisodes) * 100);
+    }
 }

src/main/resources/assets/style/main.scss

@@ -105,6 +105,11 @@ html {
     overflow-y: auto;
 }
 
+.show-card-progress, .season-card-progress {
+    background-color: inherit;
+    height: 5px;
+}
+
 .show-progress-image {
     display: block;
 }

templates/components/season-card-small.twig

@@ -13,4 +13,11 @@
         <small class="d-block">{{ "shows.count.episodes"|trans({"%count%": season.episodes|length}) }}</small>
         <small class="d-block"><i class="fa-solid fa-clock"></i> {{ "runtime"|trans({"%runtime%": season.totalRuntime}) }}</small>
     </div>
+
+    {% if app.user %}
+        {% set watchProgress = season.getWatchProgress(watchStatsProvider) %}
+        <div class="progress rounded-top-0 season-card-progress" title="{{ watchProgress }}%">
+            <div class="progress-bar bg-success" style="width: {{ watchProgress }}%;"></div>
+        </div>
+    {% endif %}
 </div>

templates/components/show-card-small.twig

@@ -11,4 +11,11 @@
         <small class="d-block">{{ "shows.count.episodes"|trans({"%count%": show.totalEpisodes}) }}</small>
         {% include "components/show-status-badge.twig" with {"status": show.status} only %}
     </div>
+
+    {% if app.user %}
+        {% set watchProgress = show.getWatchProgress(watchStatsProvider) %}
+        <div class="progress rounded-top-0 show-card-progress" title="{{ watchProgress }}%">
+            <div class="progress-bar bg-success" style="width: {{ watchProgress }}%;"></div>
+        </div>
+    {% endif %}
 </div>