87 lines
4.7 KiB
Twig
87 lines
4.7 KiB
Twig
<table class="w-full max-w-[75vw] text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400 flex-row flex-no-wrap {{ results.media.mediaType == "tvshows" ? "hidden" : "options-table" }}"
|
|
{{ stimulus_target(controller, "list") }}
|
|
>
|
|
<thead class="text-xs text-gray-700 uppercase dark:text-gray-400">
|
|
{% for result in results.results %}
|
|
<tr data-option-id="{{ result.localId }}" class="dark:bg-stone-600 overflow-hidden flex flex-col md:flex-col flex-no wrap md:table-row border-b border-gray-500">
|
|
<th scope="col"
|
|
class="px-4 py-4 leading-[20px] font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Size
|
|
</th>
|
|
<th scope="col"
|
|
class="px-4 py-4 leading-[20px] font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Quality
|
|
</th>
|
|
<th scope="col"
|
|
class="px-4 py-4 leading-[20px] font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Resolution
|
|
</th>
|
|
<th scope="col"
|
|
class="px-4 py-4 leading-[20px] font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Codec
|
|
</th>
|
|
<th scope="col"
|
|
class="px-4 py-4 leading-[20px] font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Seeders
|
|
</th>
|
|
<th scope="col"
|
|
class="px-4 py-4 leading-[20px] font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Provider
|
|
</th>
|
|
<th scope="col"
|
|
class="px-4 py-4 leading-[20px] font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Language
|
|
</th>
|
|
<th scope="col"
|
|
class="px-4 py-4 leading-[32px] font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Actions
|
|
</th>
|
|
</tr>
|
|
{% endfor %}
|
|
</thead>
|
|
<tbody class="flex-1 sm:flex-none">
|
|
{% for result in results.results %}
|
|
<tr class="bg-white dark:bg-slate-700 flex flex-col flex-no wrap r-tablerow border-b border-gray-500" data-local-id="{{ result.localId }}" data-provider="{{ result.provider }}" data-quality="{{ result.quality }}" data-languages="{{ result.languages|json_encode }}" {% if "tvshows" == results.media.mediaType %} data-season="{{ results.season }}"{% endif %}>
|
|
<td id="size" class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.size }}
|
|
</td>
|
|
<td id="quality" class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.quality }}
|
|
</td>
|
|
<td id="resolution" class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.resolution }}
|
|
</td>
|
|
<td id="codec" class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.codec }}
|
|
</td>
|
|
<td id="seeders" class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.seeders }}
|
|
</td>
|
|
<td id="provider" class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50 " data-provider="{{ result.provider }}">
|
|
{{ result.provider }}
|
|
</td>
|
|
<td id="language" class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50 overflow-scroll" data-languages="{{ result.languages|json_encode }}">
|
|
{{ result.languageFlags|raw }}
|
|
</td>
|
|
<td class="px-4 py-4 whitespace-nowrap text-sm text-end text-gray-800 dark:text-gray-50 flex flex-row gap-2 items-center justify-start mb:justify-end">
|
|
<button class="download-btn p-1.5 bg-green-600 rounded-md text-gray-50"
|
|
{{ stimulus_controller('download_button', {
|
|
url: result.url,
|
|
title: results.media.title,
|
|
filename: result.filename,
|
|
mediaType: results.media.mediaType,
|
|
imdbId: results.media.imdbId ?? app.current_route_parameters.imdbId,
|
|
episodeId: results|episode_id_from_results
|
|
}) }}
|
|
{{ stimulus_action('download_button', 'download', 'click') }}
|
|
>
|
|
Download
|
|
</button>
|
|
<label for="select">
|
|
<input id="select" type="checkbox" name="select" />
|
|
</label>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table> |