feat: additional info displayed on child monitor page
This commit is contained in:
@@ -26,25 +26,34 @@
|
||||
{{ results.media.description }}
|
||||
</p>
|
||||
|
||||
<div class="text-gray-50">
|
||||
{% if results.media.stars != null %}
|
||||
<strong>Starring</strong>: {{ results.media.stars|join(', ') }} <br />
|
||||
{% endif %}
|
||||
<div class="text-gray-50 mb-2">
|
||||
<div id="people" class="mb-1">
|
||||
{% if results.media.stars != null %}
|
||||
<strong>Starring</strong>: {{ results.media.stars|join(', ') }} <br />
|
||||
{% endif %}
|
||||
|
||||
{% if results.media.directors != null %}
|
||||
<strong>Directors</strong>: {{ results.media.directors|join(', ') }} <br />
|
||||
{% endif %}
|
||||
{% if results.media.directors != null %}
|
||||
<strong>Directors</strong>: {{ results.media.directors|join(', ') }} <br />
|
||||
{% endif %}
|
||||
|
||||
{% if results.media.producers != null %}
|
||||
<strong>Producers</strong>: {{ results.media.producers|join(', ') }} <br />
|
||||
{% endif %}
|
||||
{% if results.media.producers != null %}
|
||||
<strong>Producers</strong>: {{ results.media.producers|join(', ') }} <br />
|
||||
{% endif %}
|
||||
|
||||
{% if results.media.creators != null %}
|
||||
<strong>Creators</strong>: {{ results.media.creators|join(', ') }} <br />
|
||||
{% endif %}
|
||||
{% if results.media.creators != null %}
|
||||
<strong>Creators</strong>: {{ results.media.creators|join(', ') }} <br />
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div id="dates" class="mb-1">
|
||||
{% if results.media.premiereDate %}
|
||||
<strong>Premiered</strong>: {{ results.media.premiereDate|date('n/j/Y', 'UTC') }} <br />
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if results.media.genres != null %}
|
||||
<div id="genres" class="text-gray-50 my-4">
|
||||
{# <strong>Genres</strong>: <br />#}
|
||||
{% for genre in results.media.genres %}
|
||||
<small class="px-2 py-1 border border-orange-500 rounded-full">{{ genre }}</small>
|
||||
{% endfor %}
|
||||
@@ -53,14 +62,55 @@
|
||||
</div>
|
||||
|
||||
{% if results.media.mediaType == "tvshows" %}
|
||||
<div class="flex flex-row justify-start items-end grow text-xs">
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold text-xs bg-orange-500 rounded-lg text-white">
|
||||
<span>{{ results.media.numberSeasons }}</span> season(s)
|
||||
</span>
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-sky-700 rounded-lg text-white" title='"{{ results.media.title }}" first aired on {{ results.media.premiereDate|date(null, 'UTC') }}.'>
|
||||
{{ results.media.premiereDate|date(null, 'UTC') }}
|
||||
</span>
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="flex flex-col grow text-white">
|
||||
<strong class="mb-1">In Your Library</strong>
|
||||
<div class="flex flex-col md:flex-row border-t-orange-500 text-xs gap-2">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-sm mb-1">Seasons</span>
|
||||
<div class="flex flex-col md:flex-row border p-2 border-orange-500 rounded-lg text-xs items-center">
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-orange-500 rounded-lg text-white">
|
||||
<span>{{ library.seasonCount }}</span> full
|
||||
</span>
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-orange-500 rounded-lg text-white">
|
||||
<span>{{ library.partialSeasonCount }}</span> partial
|
||||
</span>
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-orange-500 rounded-lg text-white">
|
||||
<span>{{ library.missingSeasonCount }}</span> missing
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<span class="text-sm mb-1">Episodes</span>
|
||||
<div class="flex flex-col md:flex-row border p-2 border-orange-500 rounded-lg text-xs items-center">
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-cyan-500 rounded-lg text-white">
|
||||
<span>{{ library.episodeCount }}</span> existing
|
||||
</span>
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-cyan-500 rounded-lg text-white">
|
||||
<span>{{ library.missingEpisodeCount }}</span> missing
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<span class="text-sm mb-1">Monitors</span>
|
||||
<div class="flex flex-col md:flex-row border p-2 border-orange-500 rounded-lg text-xs items-center">
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-pink-500 rounded-lg text-white">
|
||||
<span>{{ library.monitorCount }}</span> total
|
||||
</span>
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-pink-500 rounded-lg text-white">
|
||||
<span>{{ library.activeMonitorCount }}</span> active
|
||||
</span>
|
||||
<span class="py-1 px-1.5 mr-1 grow-0 font-bold bg-pink-500 rounded-lg text-white">
|
||||
<span>{{ library.completeMonitorCount }}</span> complete
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if "movies" == results.media.mediaType %}
|
||||
|
||||
Reference in New Issue
Block a user