qol(Monitors): adds back buttons, provides more data about child monitors
This commit is contained in:
@@ -5,6 +5,11 @@
|
||||
|
||||
{% block body %}
|
||||
<div class="px-4 py-2">
|
||||
<div class="mb-4 text-white">
|
||||
<a href="{{ path('app.monitors') }}" class="btn btn-primary inline-flex items-center gap-2">
|
||||
<twig:ux:icon name="fluent-mdl2:back" width="14" /> Back to Monitors
|
||||
</a>
|
||||
</div>
|
||||
<twig:Card title="Viewing your monitors for {{ monitor.title }}">
|
||||
<div class="p-2 md:p-4 flex flex-col md:flex-row gap-6">
|
||||
{% if results.media.poster != null %}
|
||||
@@ -53,7 +58,6 @@
|
||||
|
||||
{% 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 %}
|
||||
@@ -65,10 +69,10 @@
|
||||
<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 md:flex-row border-t-orange-500 text-xs gap-4">
|
||||
<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">
|
||||
<div class="flex 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>
|
||||
@@ -83,7 +87,7 @@
|
||||
|
||||
<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">
|
||||
<div class="flex 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>
|
||||
@@ -95,14 +99,14 @@
|
||||
|
||||
<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">
|
||||
<div class="flex 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-red-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 class="py-1 px-1.5 mr-1 grow-0 font-bold bg-red-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 class="py-1 px-1.5 mr-1 grow-0 font-bold bg-red-500 rounded-lg text-white">
|
||||
<span>{{ library.completeMonitorCount }}</span> complete
|
||||
</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user