109 lines
5.4 KiB
Twig
109 lines
5.4 KiB
Twig
<div{{ attributes.defaults(stimulus_controller('monitor_list')) }}>
|
|
<table id="monitor_list" class="divide-y divide-gray-200 bg-gray-50 overflow-hidden rounded-lg table-auto w-full" {{ turbo_stream_listen('App\\Monitor\\Framework\\Entity\\Monitor') }}>
|
|
<thead>
|
|
<tr class="bg-orange-500 bg-filter bg-blur-lg bg-opacity-80 text-gray-950">
|
|
<th scope="col"
|
|
class="px-6 py-3 text-start text-xs font-medium uppercase truncate">
|
|
Title
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-3 text-start text-xs font-medium uppercase">
|
|
ID
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-3 text-start text-xs font-medium uppercase">
|
|
Search Count
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-3 text-start text-xs font-medium uppercase">
|
|
Created at
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-3 text-start text-xs font-medium uppercase">
|
|
Last Search Date
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-3 text-start text-xs font-medium uppercase">
|
|
Type
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-3 text-start text-xs font-medium uppercase">
|
|
Status
|
|
</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="monitors" class="divide-y divide-gray-50">
|
|
{% if this.monitors.items|length > 0 %}
|
|
{% for monitor in this.monitors.items %}
|
|
<tr id="monitor_{{ monitor.id }}">
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-stone-800 truncate">
|
|
{{ monitor.title }}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
|
|
{{ monitor|monitor_media_id }}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
|
|
{{ monitor.searchCount }}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
|
|
{{ monitor.createdAt|date('m/d/Y h:i a') }}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
|
|
{{ monitor.lastSearch|date('m/d/Y h:i a') }}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
|
|
{% if monitor.monitorType == "tvshow" %}
|
|
<twig:StatusBadge color="blue" number="300" text="black" status="{{ monitor.monitorType|monitor_type }}" />
|
|
{% elseif monitor.monitorType == "tvseason" %}
|
|
<twig:StatusBadge color="orange" number="300" text="black" status="{{ monitor.monitorType|monitor_type }}" />
|
|
{% else %}
|
|
<twig:StatusBadge color="rose" number="300" text="black" status="{{ monitor.monitorType|monitor_type }}" />
|
|
{% endif %}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
|
|
{% if monitor.status == "New" %}
|
|
<twig:StatusBadge color="orange" status="{{ monitor.status }}" />
|
|
{% elseif monitor.status == "In Progress" or monitor.status == "Active" %}
|
|
<twig:StatusBadge color="purple" status="{{ monitor.status }}" />
|
|
{% else %}
|
|
<twig:StatusBadge color="green" status="{{ monitor.status }}" />
|
|
{% endif %}
|
|
</td>
|
|
<td class="px-6 py-4 flex flex-row align-middle justify-center">
|
|
<button {{ stimulus_action('monitor_list', 'deleteMonitor', 'click', {id: monitor.id}) }}>
|
|
<twig:ux:icon
|
|
name="ic:twotone-cancel" width="18px"
|
|
class="rounded-full align-middle text-red-600"
|
|
title="Remove {{ monitor.title }} from your Monitor list."
|
|
/>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% if this.isWidget and this.monitors.items|length > 5 %}
|
|
<tr id="monitor_view_all">
|
|
<td colspan="100%" class="py-2 whitespace-nowrap bg-orange-300 uppercase text-xs font-medium text-center text-black min-w-[50ch] max-w-[50ch] truncate">
|
|
<a href="{{ path('app_monitors') }}">View All Monitors</a>
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
{% else %}
|
|
<tr id="active_monitors_no_monitors">
|
|
<td class="px-6 py-4 whitespace-nowrap text-xs uppercase text-center col-span-2 font-medium text-stone-800" colspan="100%">
|
|
No monitors
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
|
|
{% if this.isWidget == false %}
|
|
{% if this.monitors.items|length > 0 %}
|
|
{% set paginator = this.monitors %}
|
|
{% include 'partial/paginator.html.twig' %}
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
|