72 lines
3.4 KiB
Twig
72 lines
3.4 KiB
Twig
<div{{ attributes }} class="min-w-48">
|
|
<p class="text-white mb-1">The items you're currently monitoring to automatically download.</p>
|
|
<table id="downloads" class="divide-y divide-gray-200 bg-gray-50 overflow-hidden rounded-lg table-fixed" {{ turbo_stream_listen('App\\Download\\Framework\\Entity\\Download') }}>
|
|
<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 min-w-[45ch] max-w-[45ch] truncate">
|
|
Title
|
|
</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">
|
|
Status
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="divide-y divide-gray-200 dark:divide-gray-50">
|
|
{% if this.userMonitors()|length > 0 %}
|
|
{% for monitor in this.userMonitors() %}
|
|
<tr id="monitor_{{ monitor.id }}">
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-stone-800 min-w-[45ch] max-w-[45ch] truncate">
|
|
{{ monitor.title }}
|
|
</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.status == "New" %}
|
|
<span class="p-1.5 bg-orange-500 rounded-full">
|
|
<span class="w-4 inline-block text-center text-gray-50">{{ monitor.status }}</span>
|
|
</span>
|
|
{% elseif monitor.status == "In Progress" or monitor.status == "Active" %}
|
|
<span class="p-1.5 bg-purple-600 rounded-full">
|
|
<span class="inline-block text-center text-gray-50">{{ monitor.status }}</span>
|
|
</span>
|
|
{% else %}
|
|
<span class="p-1.5 bg-green-600 rounded-full">
|
|
<span class="inline-block text-center text-gray-50">{{ monitor.status }}</span>
|
|
</span>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% else %}
|
|
<tr>
|
|
<td class="px-6 py-4 whitespace-nowrap text-xs uppercase text-center col-span-2 font-medium text-gray-800 dark:text-stone-800" colspan="2">
|
|
No monitors
|
|
</td>
|
|
</tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|