feat: upcoming episodes component

This commit is contained in:
2025-06-12 23:39:06 -05:00
parent 937313fe59
commit 0f16423f66
7 changed files with 210 additions and 82 deletions

View File

@@ -0,0 +1,11 @@
<div{{ attributes }}>
<ul class="text-white flex flex-col gap-2">
{% for episode in this.upcomingEpisodes %}
<li class="flex flex-col">
<span class="bg-[#f98e44] bg-filter bg-blur-lg bg-opacity-100 text-gray-950 w-full p-[.1rem] pl-[.3rem] rounded-ms">{{ episode.title }}</span>
<span>{{ episode.episodeTitle }}</span>
<span>{{ episode.airDate }}</span>
</li>
{% endfor %}
</ul>
</div>

View File

@@ -4,15 +4,22 @@
{% block h2 %}Monitors{% endblock %}
{% block body %}
<div class="p-4">
<twig:Card title="Active Monitors">
<twig:MonitorList :type="'active'" :isWidget="false" :perPage="10"></twig:MonitorList>
</twig:Card>
</div>
<div class="flex flex-row">
<div class="p-2 flex flex-col gap-4">
<twig:Card title="Active Monitors">
<twig:MonitorList :type="'active'" :isWidget="false" :perPage="10"></twig:MonitorList>
</twig:Card>
<twig:Card title="Complete Monitors">
<twig:MonitorList :type="'complete'" :isWidget="false" :perPage="10"></twig:MonitorList>
</twig:Card>
</div>
<div class="p-2">
<twig:Card title="Upcoming Episodes" >
<twig:UpcomingEpisodes />
</twig:Card>
</div>
<div class="p-4">
<twig:Card title="Complete Monitors">
<twig:MonitorList :type="'complete'" :isWidget="false" :perPage="10"></twig:MonitorList>
</twig:Card>
</div>
{% endblock %}