w33b/hstream
1
0
Fork 1
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Add type filter to download search page

Browse Source
This commit is contained in:
w33b
2025-10-15 18:50:49 +02:00
parent 444feac1e0
commit 6c44d83e6b
2 changed files with 118 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
app/Livewire/DownloadsSearch.php
View File

@@ -5,15 +5,37 @@ namespace App\Livewire;
use App\Models\Downloads;
use Livewire\Component;
use Livewire\WithPagination;
use Livewire\Attributes\Url;
class DownloadsSearch extends Component
{
use WithPagination;
#[Url(history: true)]
public $fileSearch;
public $order = 'created_at_desc';
public $options = [
'FHD' => true,
'FHD 48fps' => true,
];
public $isOpen = false;
// To toggle individual option selection
public function toggleOption($option)
{
$this->options[$option] = !$this->options[$option];
$this->resetPage();
}
// To toggle dropdown visibility
public function toggleDropdown()
{
$this->isOpen = !$this->isOpen;
}
protected $queryString = [
'fileSearch' => ['except' => '', 'as' => 'fS'],
'order' => ['except' => '', 'as' => 'order'],
@@ -24,6 +46,29 @@ class DownloadsSearch extends Component
$this->resetPage();
}
// Map the selected options to database types
private function getSelectedTypes()
{
$types = [];
// Map the options to their corresponding database values
foreach ($this->options as $label => $selected) {
if ($selected) {
if ($label === 'FHD') {
$types[] = 'FHD';
} elseif ($label === 'FHD 48fps') {
$types[] = 'FHDi';
} elseif ($label === 'UHD' && auth()->user()->is_patreon) {
$types[] = 'UHD';
} elseif ($label === 'UHD 48fps' && auth()->user()->is_patreon) {
$types[] = 'UHDi';
}
}
}
return $types;
}
public function clicked($downloadId)
{
$download = Downloads::find($downloadId);
@@ -36,6 +81,17 @@ class DownloadsSearch extends Component
cache()->forget("episode_{$download->episode->id}_download_{$download->type}");
}
public function mount()
{
if (!auth()->user()->is_patreon) {
return;
}
// Add patreon options
$this->options['UHD'] = true;
$this->options['UHD 48fps'] = true;
}
public function render()
{
$orderby = 'created_at';
@@ -72,7 +128,7 @@ class DownloadsSearch extends Component
}
$downloads = Downloads::when($this->fileSearch != '', fn ($query) => $query->where('url', 'like', '%'.$this->fileSearch.'%'))
->when(!auth()->user()->is_patreon, fn ($query) => $query->whereIn('type', ['FHD', 'FHDi']))
->whereIn('type', $this->getSelectedTypes())
->whereNotNull('size')
->orderBy($orderby, $orderdirection)
->paginate(20);

74
resources/views/livewire/downloads-search.blade.php
View File

@@ -1,8 +1,8 @@
<div class="py-3">
<div class="mx-auto sm:px-6 lg:px-8 space-y-6 max-w-[100%] xl:max-w-[80%] 2xl:max-w-[50%]">
<div class="py-3 relative">
<div class="mx-auto sm:px-6 lg:px-8 space-y-6 max-w-[100%] xl:max-w-[80%] 2xl:max-w-[50%] relative z-10">
<!-- Search Filter -->
<div class="p-4 sm:p-8 bg-white/30 dark:bg-neutral-950/40 shadow sm:rounded-lg backdrop-blur">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div class="p-4 sm:p-8 bg-white/30 dark:bg-neutral-950/40 shadow sm:rounded-lg backdrop-blur relative z-100">
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 ">
<!-- Title -->
<div>
@@ -36,6 +36,42 @@
</div>
</div>
<div x-data="{ open: @entangle('isOpen') }" x-on:click.away="open = false" class="relative right-2 left-0 sm:left-2 transition-all">
<div class="absolute inset-y-0 left-2 flex items-center pl-3 pointer-events-none">
<i class="fa-solid fa-filter text-gray-500 dark:text-gray-400"></i>
</div>
<button type="button"
class="inline-flex w-full p-4 pl-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-rose-800 focus:border-rose-900 dark:bg-neutral-900 dark:border-neutral-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-rose-800 dark:focus:border-rose-900"
wire:click="toggleDropdown">
Select Type
<svg class="absolute -mr-1 h-5 w-5 text-gray-500 right-4 top-4" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
clip-rule="evenodd" />
</svg>
</button>
<!-- Dropdown Menu -->
@if ($isOpen)
<div x-show="open" x-transition @click.away="open = false"
class="absolute mt-2 w-full rounded-lg bg-white dark:bg-neutral-900 border-[1px] border-gray-300 dark:border-neutral-600 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-[110]">
<div class="py-1">
@foreach ($options as $label => $selected)
<label
class="flex items-center px-4 py-2 text-sm text-gray-700 cursor-pointer hover:bg-gray-100 dark:hover:bg-neutral-800">
<input type="checkbox" wire:click="toggleOption('{{ $label }}')"
class="h-4 w-4 text-rose-600 bg-gray-100 border-gray-300 rounded focus:ring-rose-500 dark:focus:ring-rose-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
{{ $selected ? 'checked' : '' }}>
<span class="ml-2 text-gray-900 dark:text-white">{{ $label }}</span>
</label>
@endforeach
</div>
</div>
@endif
</div>
<!-- Ordering -->
<div>
<div class="relative right-2 left-0 sm:left-2 transition-all">
@@ -56,7 +92,8 @@
</div>
</div>
</div>
<div class="relative pt-5 mx-auto sm:px-6 lg:px-8 space-y-6 text-gray-900 dark:text-white max-w-[100%] xl:max-w-[80%] 2xl:max-w-[50%]">
<div
class="relative pt-5 mx-auto sm:px-6 lg:px-8 space-y-6 text-gray-900 dark:text-white max-w-[100%] xl:max-w-[80%] 2xl:max-w-[50%]">
<div class="flex flex-col">
<div class="overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="inline-block min-w-full py-2 sm:px-6 lg:px-8">
@@ -73,7 +110,7 @@
<div class="w-32 px-6 py-4">Download</div>
</div>
@php
@php
$dldomains = config('hstream.download_domain');
$dlpdomains = config('hstream.download_domain_4k');
@endphp
@@ -94,7 +131,7 @@
<!-- Size -->
<div class="w-28 whitespace-nowrap flex">
<span class="block sm:hidden">
Size:
Size:
</span>
{{ $download->getFileSize() }}
</div>
@@ -102,7 +139,7 @@
<!-- Date -->
<div class="w-32 whitespace-nowrap flex">
<span class="block sm:hidden">
Date:
Date:
</span>
{{ $download->created_at->format('Y-m-d') }}
</div>
@@ -111,15 +148,26 @@
<div class="w-32 whitespace-nowrap">
@php
if (in_array($download->type, ['FHD', 'FHDi'])) {
$downloadURL = $dldomains[array_rand($dldomains)].'/'.$download->url;
$downloadURL =
$dldomains[array_rand($dldomains)] . '/' . $download->url;
} else {
$now = \Illuminate\Support\Carbon::now();
$expire = \Illuminate\Support\Facades\Crypt::encryptString($now->addHours(6));
$file = \Illuminate\Support\Facades\Crypt::encryptString('hentai/'.$download->url);
$downloadURL = $dlpdomains[array_rand($dlpdomains)].'/download/'.$file.'/'.$expire;
$expire = \Illuminate\Support\Facades\Crypt::encryptString(
$now->addHours(6),
);
$file = \Illuminate\Support\Facades\Crypt::encryptString(
'hentai/' . $download->url,
);
$downloadURL =
$dlpdomains[array_rand($dlpdomains)] .
'/download/' .
$file .
'/' .
$expire;
}
@endphp
<a href="{{ $downloadURL }}" wire:click="clicked({{ $download->id }})" download>
<a href="{{ $downloadURL }}" wire:click="clicked({{ $download->id }})"
download>
<button id="dl-{{ $download->id }}"
class="group rounded-md bg-transparent border-[1px] border-white/20 shadow dark:text-white text-blac cursor-pointer flex justify-between items-center overflow-hidden transition-all w-[110px] h-[32px] mt-1 mb-1">
<div