home/torsearch
1
0
Fork 0
Code Issues 22 Pull Requests 1 Actions 3 Packages Projects 4 Releases Wiki Activity

feat(EpisodeOptions): toggles result list visibility

Browse Source
This commit is contained in:
brock
2025-04-21 23:03:19 -05:00
parent d60fae24d1
commit 90a37659df
2 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/controllers/tv_results_controller.js
View File

@@ -14,6 +14,8 @@ export default class extends Controller {
active: Boolean, active: Boolean,
}; };
static targets = ['list']
connect() { connect() {
if (true === this.activeValue) { if (true === this.activeValue) {
fetch(`/torrentio/tvshows/${this.tmdbIdValue}/${this.imdbIdValue}/${this.seasonValue}/${this.episodeValue}`) fetch(`/torrentio/tvshows/${this.tmdbIdValue}/${this.imdbIdValue}/${this.seasonValue}/${this.episodeValue}`)
@@ -23,4 +25,8 @@ export default class extends Controller {
}); });
} }
} }
toggleList() {
this.listTarget.classList.toggle('hidden');
}
} }

18
templates/torrentio/tvshows.html.twig
View File

@@ -1,13 +1,21 @@
<div class="p-2 flex flex-col gap-6 bg-orange-500 bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-60 rounded-md"> <div class="p-6 flex flex-col gap-6 bg-orange-500 bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-60 rounded-md">
<h4 class="text-md font-bold">Episode {{ results.episode }}</h4>
<div class="flex flex-row gap-4"> <div class="flex flex-row gap-4">
<img class="w-24 rounded-lg" src="{{ results.media.poster }}" /> <img class="w-64 rounded-lg" src="{{ results.media.poster }}" />
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<h5 class="text-md font-bold">{{ results.media.title }}</h5> <h4 class="text-md font-bold">{{ results.episode }}. {{ results.media.title }}</h4>
<p>{{ results.media.description }}</p> <p>{{ results.media.description }}</p>
</div> </div>
<div class="flex flex-col items-end hover:cursor-pointer"
{{ stimulus_action('tv_results', 'toggleList', 'click') }}
>
<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 32 32">
<path fill="currentColor" d="m16 10l10 10l-1.4 1.4l-8.6-8.6l-8.6 8.6L6 20z"/>
</svg>
</div>
</div> </div>
<table class="divide-y divide-gray-200 dark:divide-gray-50 dark:bg-transparent rounded-lg"> <table class="divide-y divide-gray-200 dark:divide-gray-50 dark:bg-transparent rounded-lg hidden"
data-tv-results-target="list"
>
<thead> <thead>
<tr class="dark:bg-stone-600 overflow-hidden rounded-md"> <tr class="dark:bg-stone-600 overflow-hidden rounded-md">
<th scope="col" <th scope="col"