mirror of
https://github.com/NNTmux/newznab-tmux.git
synced 2026-08-30 09:48:55 +00:00
DariusIII
638 lines
31 KiB
PHP
638 lines
31 KiB
PHP
@extends('layouts.main')
|
|
|
|
@section('content')
|
|
<div class="bg-white rounded-lg shadow-sm">
|
|
<!-- Breadcrumb -->
|
|
<div class="px-6 py-4 border-b border-gray-200">
|
|
<nav class="flex" aria-label="Breadcrumb">
|
|
<ol class="inline-flex items-center space-x-1 md:space-x-3">
|
|
<li class="inline-flex items-center">
|
|
<a href="{{ url($site->home_link ?? '/') }}" class="text-gray-700 hover:text-blue-600 inline-flex items-center">
|
|
<i class="fas fa-home mr-2"></i> Home
|
|
</a>
|
|
</li>
|
|
@if(isset($parentcat) && $parentcat != '')
|
|
<li>
|
|
<div class="flex items-center">
|
|
<i class="fas fa-chevron-right text-gray-400 mx-2"></i>
|
|
<a href="{{ url('/browse/' . ($parentcat == 'music' ? 'Audio' : $parentcat)) }}" class="text-gray-700 hover:text-blue-600">{{ $parentcat }}</a>
|
|
</div>
|
|
</li>
|
|
@if(isset($catname) && $catname != '' && $catname != 'all')
|
|
<li>
|
|
<div class="flex items-center">
|
|
<i class="fas fa-chevron-right text-gray-400 mx-2"></i>
|
|
<span class="text-gray-500">{{ $catname }}</span>
|
|
</div>
|
|
</li>
|
|
@endif
|
|
@else
|
|
<li>
|
|
<div class="flex items-center">
|
|
<i class="fas fa-chevron-right text-gray-400 mx-2"></i>
|
|
<span class="text-gray-500">Browse / {{ $catname ?? 'All' }}</span>
|
|
</div>
|
|
</li>
|
|
@endif
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
|
|
@if($results->count() > 0)
|
|
<form id="nzb_multi_operations_form" method="get">
|
|
<div class="px-6 py-4 bg-gray-50 border-b border-gray-200">
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
|
|
<!-- Left Section -->
|
|
<div class="space-y-3">
|
|
@if(isset($shows))
|
|
<div class="flex flex-wrap gap-2 text-sm">
|
|
<a href="{{ route('series') }}" class="text-blue-600 hover:text-blue-800" title="View available TV series">Series List</a>
|
|
<span class="text-gray-400">|</span>
|
|
<a href="{{ route('myshows') }}" class="text-blue-600 hover:text-blue-800" title="Manage your shows">Manage My Shows</a>
|
|
<span class="text-gray-400">|</span>
|
|
<a href="{{ url('/rss/myshows?dl=1&i=' . auth()->id() . '&api_token=' . auth()->user()->api_token) }}" class="text-blue-600 hover:text-blue-800" title="RSS Feed">RSS Feed</a>
|
|
</div>
|
|
@endif
|
|
|
|
@if(isset($covgroup) && $covgroup != '')
|
|
<div class="flex items-center gap-2 text-sm">
|
|
<span class="text-gray-600">View:</span>
|
|
<a href="{{ url('/' . $covgroup . '/' . $category) }}" class="text-blue-600 hover:text-blue-800">Covers</a>
|
|
<span class="text-gray-400">|</span>
|
|
<span class="font-semibold text-gray-800">List</span>
|
|
</div>
|
|
@endif
|
|
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<small class="text-gray-600">With Selected:</small>
|
|
<div class="flex gap-1">
|
|
<button type="button" class="nzb_multi_operations_download px-3 py-1 bg-green-600 text-white rounded hover:bg-green-700 transition text-sm" title="Download NZBs">
|
|
<i class="fa fa-cloud-download"></i>
|
|
</button>
|
|
<button type="button" class="nzb_multi_operations_cart px-3 py-1 bg-blue-600 text-white rounded hover:bg-blue-700 transition text-sm" title="Send to Download Basket">
|
|
<i class="fa fa-shopping-basket"></i>
|
|
</button>
|
|
@if(auth()->user()->hasRole('Admin'))
|
|
<button type="button" class="nzb_multi_operations_delete px-3 py-1 bg-red-600 text-white rounded hover:bg-red-700 transition text-sm" title="Delete">
|
|
<i class="fa fa-trash"></i>
|
|
</button>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Center Section - Pagination Info -->
|
|
<div class="flex items-center justify-center">
|
|
<div class="text-sm text-gray-600">
|
|
Showing {{ $results->firstItem() }} to {{ $results->lastItem() }} of {{ $results->total() }} results
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right Section - Sort Options -->
|
|
<div class="flex items-center justify-end">
|
|
<div class="flex items-center gap-2">
|
|
<label class="text-sm text-gray-600">Sort by:</label>
|
|
<select class="border border-gray-300 rounded px-3 py-1 text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500" onchange="window.location.href=this.value">
|
|
<option value="{{ $orderbyposted ?? '#' }}" {{ request('ob') == 'posted_desc' ? 'selected' : '' }}>Posted</option>
|
|
<option value="{{ $orderbyname ?? '#' }}" {{ request('ob') == 'name_asc' ? 'selected' : '' }}>Name</option>
|
|
<option value="{{ $orderbysize ?? '#' }}" {{ request('ob') == 'size_desc' ? 'selected' : '' }}>Size</option>
|
|
<option value="{{ $orderbyfiles ?? '#' }}" {{ request('ob') == 'files_desc' ? 'selected' : '' }}>Files</option>
|
|
<option value="{{ $orderbystats ?? '#' }}" {{ request('ob') == 'stats_desc' ? 'selected' : '' }}>Stats</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Results Table -->
|
|
<div class="overflow-x-auto">
|
|
<table class="min-w-full divide-y divide-gray-200">
|
|
<thead class="bg-gray-100">
|
|
<tr>
|
|
<th class="px-3 py-3 text-left">
|
|
<input type="checkbox" class="rounded border-gray-300 text-blue-600 focus:ring-blue-500" id="chkSelectAll">
|
|
</th>
|
|
<th class="px-3 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">Name</th>
|
|
<th class="px-3 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">Category</th>
|
|
<th class="px-3 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">Posted</th>
|
|
<th class="px-3 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">Size</th>
|
|
<th class="px-3 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">Files</th>
|
|
<th class="px-3 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">Stats</th>
|
|
<th class="px-3 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="bg-white divide-y divide-gray-200">
|
|
@foreach($results as $result)
|
|
<tr class="hover:bg-gray-50 transition">
|
|
<td class="px-3 py-4 whitespace-nowrap">
|
|
<input type="checkbox" class="chkRelease rounded border-gray-300 text-blue-600 focus:ring-blue-500" name="release[]" value="{{ $result->guid }}">
|
|
</td>
|
|
<td class="px-3 py-4">
|
|
<div class="flex items-start">
|
|
@if($result->cover ?? false)
|
|
<img src="{{ $result->cover }}" class="w-12 h-16 object-cover rounded mr-3" alt="Cover">
|
|
@endif
|
|
<div class="flex-1">
|
|
<div class="flex items-center gap-2 flex-wrap">
|
|
<a href="{{ url('/details/' . $result->guid) }}" class="text-blue-600 hover:text-blue-800 font-medium">{{ $result->searchname }}</a>
|
|
@if(isset($result->haspreview) && $result->haspreview == 1)
|
|
<button type="button"
|
|
class="preview-badge inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800 hover:bg-purple-200 transition cursor-pointer"
|
|
data-guid="{{ $result->guid }}"
|
|
title="View sample image">
|
|
<i class="fas fa-image mr-1"></i> Preview
|
|
</button>
|
|
@endif
|
|
@if(isset($result->reid) && $result->reid != null)
|
|
<button type="button"
|
|
class="mediainfo-badge inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800 hover:bg-blue-200 transition cursor-pointer"
|
|
data-release-id="{{ $result->id }}"
|
|
title="View media info">
|
|
<i class="fas fa-info-circle mr-1"></i> Media Info
|
|
</button>
|
|
@endif
|
|
</div>
|
|
<div class="text-xs text-gray-500 mt-1">
|
|
@if($result->group_name)
|
|
<span class="inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700">
|
|
<i class="fas fa-users mr-1"></i> {{ $result->group_name }}
|
|
</span>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-3 py-4 whitespace-nowrap">
|
|
<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
|
|
{{ $result->category_name ?? 'Other' }}
|
|
</span>
|
|
</td>
|
|
<td class="px-3 py-4 whitespace-nowrap text-sm text-gray-600">
|
|
{{ \Carbon\Carbon::parse($result->postdate)->diffForHumans() }}
|
|
</td>
|
|
<td class="px-3 py-4 whitespace-nowrap text-sm text-gray-600">
|
|
{{ $result->size_formatted ?? number_format($result->size / 1073741824, 2) . ' GB' }}
|
|
</td>
|
|
<td class="px-3 py-4 whitespace-nowrap text-sm text-gray-600">
|
|
{{ $result->totalpart ?? 0 }}
|
|
</td>
|
|
<td class="px-3 py-4 whitespace-nowrap text-sm text-gray-600">
|
|
<div class="flex items-center gap-2">
|
|
<span title="Grabs"><i class="fas fa-download text-green-600"></i> {{ $result->grabs ?? 0 }}</span>
|
|
<span title="Comments"><i class="fas fa-comment text-blue-600"></i> {{ $result->comments ?? 0 }}</span>
|
|
</div>
|
|
</td>
|
|
<td class="px-3 py-4 whitespace-nowrap">
|
|
<div class="flex items-center gap-1">
|
|
<a href="{{ url('/getnzb/' . $result->guid) }}" class="download-nzb px-2 py-1 bg-green-600 text-white rounded hover:bg-green-700 transition text-sm" title="Download NZB" onclick="showToast('Downloading NZB...', 'success')">
|
|
<i class="fa fa-download"></i>
|
|
</a>
|
|
<a href="{{ url('/details/' . $result->guid) }}" class="px-2 py-1 bg-blue-600 text-white rounded hover:bg-blue-700 transition text-sm" title="View Details">
|
|
<i class="fa fa-info"></i>
|
|
</a>
|
|
<a href="#" class="add-to-cart px-2 py-1 bg-gray-200 text-gray-700 rounded hover:bg-gray-300 transition text-sm" data-guid="{{ $result->guid }}" title="Add to Cart">
|
|
<i class="icon_cart fa fa-shopping-basket"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Pagination -->
|
|
<div class="px-6 py-4 border-t border-gray-200">
|
|
{{ $results->links() }}
|
|
</div>
|
|
</form>
|
|
@else
|
|
<div class="px-6 py-12 text-center">
|
|
<i class="fas fa-search text-6xl text-gray-300 mb-4"></i>
|
|
<h3 class="text-xl font-medium text-gray-700 mb-2">No releases found</h3>
|
|
<p class="text-gray-500">Try adjusting your search criteria or browse other categories.</p>
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Preview Image Modal -->
|
|
<div id="previewModal" class="hidden fixed inset-0 bg-black bg-opacity-75 items-center justify-center p-4" style="display: none; z-index: 9999 !important;">
|
|
<div class="relative max-w-4xl w-full">
|
|
<button type="button" onclick="closePreviewModal()" class="absolute top-4 right-4 text-white hover:text-gray-300 text-3xl font-bold z-10">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
<img id="previewImage" src="" alt="Preview" class="max-w-full max-h-[90vh] mx-auto rounded-lg shadow-2xl">
|
|
<div class="text-center mt-4">
|
|
<p id="previewError" class="text-red-400 hidden"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- MediaInfo Modal -->
|
|
<div id="mediainfoModal" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center p-4" style="display: none; z-index: 9999 !important;">
|
|
<div class="relative max-w-4xl w-full bg-white rounded-lg shadow-2xl max-h-[90vh] overflow-hidden">
|
|
<div class="flex items-center justify-between p-4 border-b border-gray-200">
|
|
<h3 class="text-lg font-semibold text-gray-800 flex items-center">
|
|
<i class="fas fa-info-circle mr-2 text-blue-600"></i> Media Information
|
|
</h3>
|
|
<button type="button" onclick="closeMediainfoModal()" class="text-gray-400 hover:text-gray-600 text-2xl font-bold">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
<div id="mediainfoContent" class="p-6 overflow-y-auto" style="max-height: calc(90vh - 80px);">
|
|
<div class="text-center py-8">
|
|
<i class="fas fa-spinner fa-spin text-3xl text-blue-600"></i>
|
|
<p class="text-gray-600 mt-2">Loading media information...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script>
|
|
function closePreviewModal() {
|
|
const modal = document.getElementById('previewModal');
|
|
modal.style.display = 'none';
|
|
modal.classList.add('hidden');
|
|
}
|
|
|
|
function showPreviewImage(guid) {
|
|
const modal = document.getElementById('previewModal');
|
|
const img = document.getElementById('previewImage');
|
|
const error = document.getElementById('previewError');
|
|
|
|
// Show modal
|
|
modal.style.display = 'flex';
|
|
modal.classList.remove('hidden');
|
|
|
|
// Set image source - preview images are stored as {guid}.jpg in storage/covers/preview/
|
|
const previewUrl = '/covers/preview/' + guid + '.jpg';
|
|
|
|
img.src = previewUrl;
|
|
error.classList.add('hidden');
|
|
|
|
img.onerror = function() {
|
|
error.textContent = 'Preview image not available';
|
|
error.classList.remove('hidden');
|
|
img.style.display = 'none';
|
|
};
|
|
|
|
img.onload = function() {
|
|
img.style.display = 'block';
|
|
};
|
|
}
|
|
|
|
function closeMediainfoModal() {
|
|
const modal = document.getElementById('mediainfoModal');
|
|
modal.style.display = 'none';
|
|
}
|
|
|
|
function showMediainfo(releaseId) {
|
|
let modal = document.getElementById('mediainfoModal');
|
|
|
|
// If modal doesn't have body as parent, move it there
|
|
if (modal && modal.parentElement !== document.body) {
|
|
document.body.appendChild(modal);
|
|
}
|
|
|
|
const content = document.getElementById('mediainfoContent');
|
|
|
|
// Show modal with loading state
|
|
modal.style.display = 'flex';
|
|
modal.style.position = 'fixed';
|
|
modal.style.top = '0';
|
|
modal.style.left = '0';
|
|
modal.style.right = '0';
|
|
modal.style.bottom = '0';
|
|
modal.style.zIndex = '99999';
|
|
modal.style.backgroundColor = 'rgba(0, 0, 0, 0.75)';
|
|
|
|
content.innerHTML = `
|
|
<div class="text-center py-8">
|
|
<i class="fas fa-spinner fa-spin text-3xl text-blue-600"></i>
|
|
<p class="text-gray-600 mt-2">Loading media information...</p>
|
|
</div>
|
|
`;
|
|
|
|
// Fetch mediainfo data
|
|
const apiUrl = '/api/release/' + releaseId + '/mediainfo';
|
|
|
|
fetch(apiUrl)
|
|
.then(response => {
|
|
if (!response.ok) {
|
|
throw new Error('Failed to load media information');
|
|
}
|
|
return response.json();
|
|
})
|
|
.then(data => {
|
|
if (!data.video && !data.audio && !data.subs) {
|
|
content.innerHTML = '<p class="text-center text-gray-500 py-8">No media information available</p>';
|
|
return;
|
|
}
|
|
|
|
let html = '<div class="space-y-6">';
|
|
|
|
// Video information
|
|
if (data.video) {
|
|
html += `
|
|
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-4">
|
|
<h4 class="text-md font-semibold text-gray-800 mb-3 flex items-center">
|
|
<i class="fas fa-video mr-2 text-blue-600"></i> Video Information
|
|
</h4>
|
|
<dl class="grid grid-cols-2 gap-3">
|
|
`;
|
|
|
|
if (data.video.containerformat) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Container</dt>
|
|
<dd class="text-sm text-gray-900">${data.video.containerformat}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (data.video.videocodec) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Codec</dt>
|
|
<dd class="text-sm text-gray-900">${data.video.videocodec}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (data.video.videowidth && data.video.videoheight) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Resolution</dt>
|
|
<dd class="text-sm text-gray-900">${data.video.videowidth}x${data.video.videoheight}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (data.video.videoaspect) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Aspect Ratio</dt>
|
|
<dd class="text-sm text-gray-900">${data.video.videoaspect}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (data.video.videoframerate) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Frame Rate</dt>
|
|
<dd class="text-sm text-gray-900">${data.video.videoframerate} fps</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (data.video.videoduration) {
|
|
// videoduration is in milliseconds, convert to minutes
|
|
const durationMs = parseInt(data.video.videoduration);
|
|
if (!isNaN(durationMs) && durationMs > 0) {
|
|
const minutes = Math.round(durationMs / 1000 / 60);
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Duration</dt>
|
|
<dd class="text-sm text-gray-900">${minutes} minutes</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
}
|
|
|
|
html += '</dl></div>';
|
|
}
|
|
|
|
// Audio information
|
|
if (data.audio && data.audio.length > 0) {
|
|
html += `
|
|
<div class="bg-gradient-to-r from-green-50 to-teal-50 rounded-lg p-4">
|
|
<h4 class="text-md font-semibold text-gray-800 mb-3 flex items-center">
|
|
<i class="fas fa-volume-up mr-2 text-green-600"></i> Audio Information
|
|
</h4>
|
|
`;
|
|
|
|
data.audio.forEach((audio, index) => {
|
|
if (index > 0) html += '<hr class="my-3 border-gray-200">';
|
|
html += '<dl class="grid grid-cols-2 gap-3">';
|
|
|
|
if (audio.audioformat) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Format</dt>
|
|
<dd class="text-sm text-gray-900">${audio.audioformat}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (audio.audiochannels) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Channels</dt>
|
|
<dd class="text-sm text-gray-900">${audio.audiochannels}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (audio.audiobitrate) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Bit Rate</dt>
|
|
<dd class="text-sm text-gray-900">${audio.audiobitrate}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (audio.audiolanguage) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Language</dt>
|
|
<dd class="text-sm text-gray-900">${audio.audiolanguage}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
if (audio.audiosamplerate) {
|
|
html += `
|
|
<div>
|
|
<dt class="text-xs font-medium text-gray-600">Sample Rate</dt>
|
|
<dd class="text-sm text-gray-900">${audio.audiosamplerate}</dd>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
html += '</dl>';
|
|
});
|
|
|
|
html += '</div>';
|
|
}
|
|
|
|
// Subtitle information
|
|
if (data.subs) {
|
|
html += `
|
|
<div class="bg-gradient-to-r from-purple-50 to-pink-50 rounded-lg p-4">
|
|
<h4 class="text-md font-semibold text-gray-800 mb-3 flex items-center">
|
|
<i class="fas fa-closed-captioning mr-2 text-purple-600"></i> Subtitles
|
|
</h4>
|
|
<p class="text-sm text-gray-900">${data.subs}</p>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
html += '</div>';
|
|
content.innerHTML = html;
|
|
})
|
|
.catch(error => {
|
|
content.innerHTML = `
|
|
<div class="text-center py-8">
|
|
<i class="fas fa-exclamation-circle text-3xl text-red-600"></i>
|
|
<p class="text-red-600 mt-2">${error.message}</p>
|
|
</div>
|
|
`;
|
|
});
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Preview badge click handlers
|
|
document.addEventListener('click', function(e) {
|
|
const previewBadge = e.target.closest('.preview-badge');
|
|
if (previewBadge) {
|
|
e.preventDefault();
|
|
const guid = previewBadge.dataset.guid;
|
|
showPreviewImage(guid);
|
|
}
|
|
|
|
// Mediainfo badge click handlers
|
|
const mediainfoBadge = e.target.closest('.mediainfo-badge');
|
|
if (mediainfoBadge) {
|
|
e.preventDefault();
|
|
const releaseId = mediainfoBadge.dataset.releaseId;
|
|
showMediainfo(releaseId);
|
|
}
|
|
});
|
|
|
|
// Close modal on background click
|
|
document.getElementById('previewModal')?.addEventListener('click', function(e) {
|
|
if (e.target === this) {
|
|
closePreviewModal();
|
|
}
|
|
});
|
|
|
|
document.getElementById('mediainfoModal')?.addEventListener('click', function(e) {
|
|
if (e.target === this) {
|
|
closeMediainfoModal();
|
|
}
|
|
});
|
|
|
|
// Close modal on ESC key
|
|
document.addEventListener('keydown', function(e) {
|
|
if (e.key === 'Escape') {
|
|
closePreviewModal();
|
|
closeMediainfoModal();
|
|
}
|
|
});
|
|
|
|
// Select all checkbox functionality
|
|
document.getElementById('chkSelectAll')?.addEventListener('change', function() {
|
|
const checkboxes = document.querySelectorAll('.chkRelease');
|
|
checkboxes.forEach(checkbox => checkbox.checked = this.checked);
|
|
});
|
|
|
|
// Multi-operations download
|
|
document.querySelector('.nzb_multi_operations_download')?.addEventListener('click', function() {
|
|
const selected = Array.from(document.querySelectorAll('.chkRelease:checked')).map(cb => cb.value);
|
|
if (selected.length === 0) {
|
|
showToast('Please select at least one release', 'error');
|
|
return;
|
|
}
|
|
// Download all selected NZBs
|
|
selected.forEach(guid => {
|
|
window.open('/getnzb/' + guid, '_blank');
|
|
});
|
|
showToast(`Downloading ${selected.length} NZB${selected.length > 1 ? 's' : ''}...`, 'success');
|
|
});
|
|
|
|
// Multi-operations cart
|
|
document.querySelector('.nzb_multi_operations_cart')?.addEventListener('click', function() {
|
|
const selected = Array.from(document.querySelectorAll('.chkRelease:checked')).map(cb => cb.value);
|
|
if (selected.length === 0) {
|
|
showToast('Please select at least one release', 'error');
|
|
return;
|
|
}
|
|
// Add to cart via AJAX
|
|
fetch('/cart/add', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
|
|
'X-Requested-With': 'XMLHttpRequest'
|
|
},
|
|
body: JSON.stringify({ id: selected.join(',') })
|
|
}).then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
showToast(data.message || `Added ${selected.length} item${selected.length > 1 ? 's' : ''} to cart`, 'success');
|
|
} else {
|
|
showToast('Failed to add items to cart', 'error');
|
|
}
|
|
})
|
|
.catch(error => {
|
|
showToast('An error occurred', 'error');
|
|
});
|
|
});
|
|
|
|
// Individual add to cart buttons
|
|
document.addEventListener('click', function(e) {
|
|
const cartBtn = e.target.closest('.add-to-cart');
|
|
|
|
if (cartBtn) {
|
|
e.preventDefault();
|
|
|
|
const guid = cartBtn.dataset.guid;
|
|
const iconElement = cartBtn.querySelector('.icon_cart');
|
|
|
|
if (!guid) {
|
|
console.error('No GUID found for cart item');
|
|
return;
|
|
}
|
|
|
|
// Prevent double-clicking
|
|
if (iconElement && iconElement.classList.contains('icon_cart_clicked')) {
|
|
return;
|
|
}
|
|
|
|
// Send AJAX request to add item to cart
|
|
fetch('/cart/add', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
|
|
'X-Requested-With': 'XMLHttpRequest'
|
|
},
|
|
body: JSON.stringify({ id: guid })
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
// Visual feedback
|
|
if (iconElement) {
|
|
iconElement.classList.remove('fa-shopping-basket');
|
|
iconElement.classList.add('fa-check', 'icon_cart_clicked');
|
|
|
|
// Reset icon after 2 seconds
|
|
setTimeout(() => {
|
|
iconElement.classList.remove('fa-check', 'icon_cart_clicked');
|
|
iconElement.classList.add('fa-shopping-basket');
|
|
}, 2000);
|
|
}
|
|
|
|
// Show success notification
|
|
showToast('Added to cart successfully!', 'success');
|
|
} else {
|
|
showToast('Failed to add item to cart', 'error');
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error('Error adding to cart:', error);
|
|
showToast('An error occurred', 'error');
|
|
});
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|
|
|