feat: upcoming episodes component
This commit is contained in:
11
templates/components/UpcomingEpisodes.html.twig
Normal file
11
templates/components/UpcomingEpisodes.html.twig
Normal 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>
|
||||
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user