mirror of
https://github.com/NNTmux/newznab-tmux.git
synced 2026-08-29 00:01:21 +00:00
Move js to all-js
This commit is contained in:
DariusIII
File diff suppressed because one or more lines are too long
@@ -0,0 +1,231 @@
|
||||
// NFO Modal content loading
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const nfoModal = document.getElementById('nfoModal');
|
||||
|
||||
if (nfoModal) {
|
||||
nfoModal.addEventListener('show.bs.modal', function(event) {
|
||||
const button = event.relatedTarget;
|
||||
const guid = button.getAttribute('data-guid');
|
||||
const modalTitle = nfoModal.querySelector('.modal-title');
|
||||
const loading = nfoModal.querySelector('.nfo-loading');
|
||||
const contentElement = document.getElementById('nfoContent');
|
||||
|
||||
// Reset and show loading state
|
||||
loading.style.display = 'block';
|
||||
contentElement.classList.add('d-none');
|
||||
contentElement.textContent = '';
|
||||
|
||||
// Fetch the NFO content via AJAX
|
||||
fetch(`/nfo/${guid}`, {
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
.then(response => response.text())
|
||||
.then(html => {
|
||||
// Extract just the NFO content from the response
|
||||
const parser = new DOMParser();
|
||||
const doc = parser.parseFromString(html, 'text/html');
|
||||
|
||||
// Look for the pre element that likely contains the NFO
|
||||
let nfoText = '';
|
||||
const preElement = doc.querySelector('pre');
|
||||
|
||||
if (preElement) {
|
||||
// Found a pre element, use its content
|
||||
nfoText = preElement.textContent;
|
||||
} else {
|
||||
// Try to find the main content area
|
||||
const mainContent = doc.querySelector('.card-body, .main-content, .content-area, main');
|
||||
if (mainContent) {
|
||||
nfoText = mainContent.textContent;
|
||||
} else {
|
||||
// Fallback: use the whole page but clean it up
|
||||
nfoText = doc.body.textContent;
|
||||
}
|
||||
}
|
||||
|
||||
// Update the modal
|
||||
loading.style.display = 'none';
|
||||
contentElement.classList.remove('d-none');
|
||||
contentElement.textContent = nfoText.trim();
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error fetching NFO content:', error);
|
||||
loading.style.display = 'none';
|
||||
contentElement.classList.remove('d-none');
|
||||
contentElement.textContent = 'Error loading NFO content';
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// File List Modal
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const filelistModal = document.getElementById('filelistModal');
|
||||
|
||||
if (filelistModal) {
|
||||
filelistModal.addEventListener('show.bs.modal', function(event) {
|
||||
const button = event.relatedTarget;
|
||||
const guid = button.getAttribute('data-guid');
|
||||
const loading = filelistModal.querySelector('.filelist-loading');
|
||||
const contentElement = document.getElementById('filelistContent');
|
||||
const tbody = document.getElementById('filelist-tbody');
|
||||
const totalFiles = document.getElementById('total-files');
|
||||
const totalSize = document.getElementById('total-size');
|
||||
|
||||
// Reset and show loading state
|
||||
loading.style.display = 'block';
|
||||
contentElement.classList.add('d-none');
|
||||
tbody.innerHTML = '';
|
||||
|
||||
// Fetch the file list via AJAX
|
||||
fetch(`/filelist/${guid}?modal=true`, {
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
.then(response => response.text())
|
||||
.then(html => {
|
||||
const parser = new DOMParser();
|
||||
const doc = parser.parseFromString(html, 'text/html');
|
||||
|
||||
// Extract data from the HTML response
|
||||
const files = [];
|
||||
const tableRows = doc.querySelectorAll('table tbody tr');
|
||||
let totalSizeBytes = 0;
|
||||
|
||||
tableRows.forEach(row => {
|
||||
const cells = row.querySelectorAll('td');
|
||||
if (cells.length >= 5) {
|
||||
const file = {
|
||||
num: cells[0].textContent.trim(),
|
||||
filename: cells[1].querySelector('.text-truncate').getAttribute('title'),
|
||||
ext: cells[2].querySelector('.badge') ? cells[2].querySelector('.badge').textContent.trim() : '',
|
||||
completion: cells[3].querySelector('.progress-bar') ?
|
||||
cells[3].querySelector('.progress-bar').getAttribute('aria-valuenow') : '100',
|
||||
size: cells[4].textContent.trim()
|
||||
};
|
||||
|
||||
// Parse filesize for total calculation
|
||||
const sizeMatch = file.size.match(/(\d+(\.\d+)?)\s*(KB|MB|GB|TB)/i);
|
||||
if (sizeMatch) {
|
||||
const size = parseFloat(sizeMatch[1]);
|
||||
const unit = sizeMatch[3].toUpperCase();
|
||||
let bytes = size;
|
||||
if (unit === 'KB') bytes *= 1024;
|
||||
else if (unit === 'MB') bytes *= 1024 * 1024;
|
||||
else if (unit === 'GB') bytes *= 1024 * 1024 * 1024;
|
||||
else if (unit === 'TB') bytes *= 1024 * 1024 * 1024 * 1024;
|
||||
totalSizeBytes += bytes;
|
||||
}
|
||||
|
||||
files.push(file);
|
||||
}
|
||||
});
|
||||
|
||||
// Format total size
|
||||
function formatFileSize(bytes) {
|
||||
if (bytes < 1024) return bytes + ' B';
|
||||
else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB';
|
||||
else if (bytes < 1024 * 1024 * 1024) return (bytes / (1024 * 1024)).toFixed(2) + ' MB';
|
||||
else if (bytes < 1024 * 1024 * 1024 * 1024) return (bytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
|
||||
else return (bytes / (1024 * 1024 * 1024 * 1024)).toFixed(2) + ' TB';
|
||||
}
|
||||
|
||||
// Display total information
|
||||
totalFiles.textContent = files.length;
|
||||
totalSize.textContent = formatFileSize(totalSizeBytes);
|
||||
|
||||
// Populate the modal with files
|
||||
files.forEach(file => {
|
||||
const row = document.createElement('tr');
|
||||
row.innerHTML = `
|
||||
<td class="text-center">${file.num}</td>
|
||||
<td class="text-break">
|
||||
<span class="d-inline-block text-truncate" style="max-width: 400px;" title="${file.filename}">${file.filename}</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge bg-secondary text-uppercase">${file.ext}</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="progress" style="height: 20px">
|
||||
<div class="progress-bar ${file.completion < 100 ? 'bg-warning' : 'bg-success'}"
|
||||
role="progressbar"
|
||||
style="width: ${file.completion}%"
|
||||
aria-valuenow="${file.completion}"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
${file.completion}%
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<i class="fa fa-hdd-o text-muted me-2"></i>
|
||||
<span class="fw-medium">${file.size}</span>
|
||||
</div>
|
||||
</td>
|
||||
`;
|
||||
tbody.appendChild(row);
|
||||
});
|
||||
|
||||
// Show content, hide loading
|
||||
loading.style.display = 'none';
|
||||
contentElement.classList.remove('d-none');
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error fetching file list:', error);
|
||||
loading.style.display = 'none';
|
||||
contentElement.classList.remove('d-none');
|
||||
tbody.innerHTML = '<tr><td colspan="5" class="text-center text-danger">Error loading file list</td></tr>';
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Delegate the click event to the document so it works for dynamically loaded content
|
||||
document.addEventListener('click', function(e) {
|
||||
// Find if the click was on a cart button or its child elements
|
||||
const cartBtn = e.target.closest('a:has(.icon_cart)');
|
||||
|
||||
if (cartBtn) {
|
||||
e.preventDefault(); // Prevent jumping to top of page
|
||||
|
||||
// Extract the GUID from the icon ID
|
||||
const iconElement = cartBtn.querySelector('.icon_cart');
|
||||
const guidId = iconElement.id;
|
||||
const guid = guidId.replace('guid', '');
|
||||
|
||||
// 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({ guid: guid })
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
// Show success message or update cart count
|
||||
if (data.success) {
|
||||
iconElement.classList.remove('fa-shopping-basket');
|
||||
iconElement.classList.add('fa-check');
|
||||
setTimeout(() => {
|
||||
iconElement.classList.remove('fa-check');
|
||||
iconElement.classList.add('fa-shopping-basket');
|
||||
}, 1000);
|
||||
}
|
||||
})
|
||||
.catch(error => console.error('Error:', error));
|
||||
}
|
||||
});
|
||||
|
||||
// Initialize tooltips
|
||||
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
|
||||
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
|
||||
});
|
||||
@@ -390,239 +390,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
{literal}
|
||||
// NFO Modal content loading
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const nfoModal = document.getElementById('nfoModal');
|
||||
|
||||
if (nfoModal) {
|
||||
nfoModal.addEventListener('show.bs.modal', function(event) {
|
||||
const button = event.relatedTarget;
|
||||
const guid = button.getAttribute('data-guid');
|
||||
const modalTitle = nfoModal.querySelector('.modal-title');
|
||||
const loading = nfoModal.querySelector('.nfo-loading');
|
||||
const contentElement = document.getElementById('nfoContent');
|
||||
|
||||
// Reset and show loading state
|
||||
loading.style.display = 'block';
|
||||
contentElement.classList.add('d-none');
|
||||
contentElement.textContent = '';
|
||||
|
||||
// Fetch the NFO content via AJAX
|
||||
fetch(`/nfo/${guid}`, {
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
.then(response => response.text())
|
||||
.then(html => {
|
||||
// Extract just the NFO content from the response
|
||||
const parser = new DOMParser();
|
||||
const doc = parser.parseFromString(html, 'text/html');
|
||||
|
||||
// Look for the pre element that likely contains the NFO
|
||||
let nfoText = '';
|
||||
const preElement = doc.querySelector('pre');
|
||||
|
||||
if (preElement) {
|
||||
// Found a pre element, use its content
|
||||
nfoText = preElement.textContent;
|
||||
} else {
|
||||
// Try to find the main content area
|
||||
const mainContent = doc.querySelector('.card-body, .main-content, .content-area, main');
|
||||
if (mainContent) {
|
||||
nfoText = mainContent.textContent;
|
||||
} else {
|
||||
// Fallback: use the whole page but clean it up
|
||||
nfoText = doc.body.textContent;
|
||||
}
|
||||
}
|
||||
|
||||
// Update the modal
|
||||
loading.style.display = 'none';
|
||||
contentElement.classList.remove('d-none');
|
||||
contentElement.textContent = nfoText.trim();
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error fetching NFO content:', error);
|
||||
loading.style.display = 'none';
|
||||
contentElement.classList.remove('d-none');
|
||||
contentElement.textContent = 'Error loading NFO content';
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// File List Modal
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const filelistModal = document.getElementById('filelistModal');
|
||||
|
||||
if (filelistModal) {
|
||||
filelistModal.addEventListener('show.bs.modal', function(event) {
|
||||
const button = event.relatedTarget;
|
||||
const guid = button.getAttribute('data-guid');
|
||||
const loading = filelistModal.querySelector('.filelist-loading');
|
||||
const contentElement = document.getElementById('filelistContent');
|
||||
const tbody = document.getElementById('filelist-tbody');
|
||||
const totalFiles = document.getElementById('total-files');
|
||||
const totalSize = document.getElementById('total-size');
|
||||
|
||||
// Reset and show loading state
|
||||
loading.style.display = 'block';
|
||||
contentElement.classList.add('d-none');
|
||||
tbody.innerHTML = '';
|
||||
|
||||
// Fetch the file list via AJAX
|
||||
fetch(`/filelist/${guid}?modal=true`, {
|
||||
headers: {
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
}
|
||||
})
|
||||
.then(response => response.text())
|
||||
.then(html => {
|
||||
const parser = new DOMParser();
|
||||
const doc = parser.parseFromString(html, 'text/html');
|
||||
|
||||
// Extract data from the HTML response
|
||||
const files = [];
|
||||
const tableRows = doc.querySelectorAll('table tbody tr');
|
||||
let totalSizeBytes = 0;
|
||||
|
||||
tableRows.forEach(row => {
|
||||
const cells = row.querySelectorAll('td');
|
||||
if (cells.length >= 5) {
|
||||
const file = {
|
||||
num: cells[0].textContent.trim(),
|
||||
filename: cells[1].querySelector('.text-truncate').getAttribute('title'),
|
||||
ext: cells[2].querySelector('.badge') ? cells[2].querySelector('.badge').textContent.trim() : '',
|
||||
completion: cells[3].querySelector('.progress-bar') ?
|
||||
cells[3].querySelector('.progress-bar').getAttribute('aria-valuenow') : '100',
|
||||
size: cells[4].textContent.trim()
|
||||
};
|
||||
|
||||
// Parse filesize for total calculation
|
||||
const sizeMatch = file.size.match(/(\d+(\.\d+)?)\s*(KB|MB|GB|TB)/i);
|
||||
if (sizeMatch) {
|
||||
const size = parseFloat(sizeMatch[1]);
|
||||
const unit = sizeMatch[3].toUpperCase();
|
||||
let bytes = size;
|
||||
if (unit === 'KB') bytes *= 1024;
|
||||
else if (unit === 'MB') bytes *= 1024 * 1024;
|
||||
else if (unit === 'GB') bytes *= 1024 * 1024 * 1024;
|
||||
else if (unit === 'TB') bytes *= 1024 * 1024 * 1024 * 1024;
|
||||
totalSizeBytes += bytes;
|
||||
}
|
||||
|
||||
files.push(file);
|
||||
}
|
||||
});
|
||||
|
||||
// Format total size
|
||||
function formatFileSize(bytes) {
|
||||
if (bytes < 1024) return bytes + ' B';
|
||||
else if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB';
|
||||
else if (bytes < 1024 * 1024 * 1024) return (bytes / (1024 * 1024)).toFixed(2) + ' MB';
|
||||
else if (bytes < 1024 * 1024 * 1024 * 1024) return (bytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
|
||||
else return (bytes / (1024 * 1024 * 1024 * 1024)).toFixed(2) + ' TB';
|
||||
}
|
||||
|
||||
// Display total information
|
||||
totalFiles.textContent = files.length;
|
||||
totalSize.textContent = formatFileSize(totalSizeBytes);
|
||||
|
||||
// Populate the modal with files
|
||||
files.forEach(file => {
|
||||
const row = document.createElement('tr');
|
||||
row.innerHTML = `
|
||||
<td class="text-center">${file.num}</td>
|
||||
<td class="text-break">
|
||||
<span class="d-inline-block text-truncate" style="max-width: 400px;" title="${file.filename}">${file.filename}</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge bg-secondary text-uppercase">${file.ext}</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="progress" style="height: 20px">
|
||||
<div class="progress-bar ${file.completion < 100 ? 'bg-warning' : 'bg-success'}"
|
||||
role="progressbar"
|
||||
style="width: ${file.completion}%"
|
||||
aria-valuenow="${file.completion}"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100">
|
||||
${file.completion}%
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<i class="fa fa-hdd-o text-muted me-2"></i>
|
||||
<span class="fw-medium">${file.size}</span>
|
||||
</div>
|
||||
</td>
|
||||
`;
|
||||
tbody.appendChild(row);
|
||||
});
|
||||
|
||||
// Show content, hide loading
|
||||
loading.style.display = 'none';
|
||||
contentElement.classList.remove('d-none');
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error fetching file list:', error);
|
||||
loading.style.display = 'none';
|
||||
contentElement.classList.remove('d-none');
|
||||
tbody.innerHTML = '<tr><td colspan="5" class="text-center text-danger">Error loading file list</td></tr>';
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Add this to your JavaScript file or in a script tag at the bottom of the page
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Delegate the click event to the document so it works for dynamically loaded content
|
||||
document.addEventListener('click', function(e) {
|
||||
// Find if the click was on a cart button or its child elements
|
||||
const cartBtn = e.target.closest('a:has(.icon_cart)');
|
||||
|
||||
if (cartBtn) {
|
||||
e.preventDefault(); // Prevent jumping to top of page
|
||||
|
||||
// Extract the GUID from the icon ID
|
||||
const iconElement = cartBtn.querySelector('.icon_cart');
|
||||
const guidId = iconElement.id;
|
||||
const guid = guidId.replace('guid', '');
|
||||
|
||||
// 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({ guid: guid })
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
// Show success message or update cart count
|
||||
if (data.success) {
|
||||
iconElement.classList.remove('fa-shopping-basket');
|
||||
iconElement.classList.add('fa-check');
|
||||
setTimeout(() => {
|
||||
iconElement.classList.remove('fa-check');
|
||||
iconElement.classList.add('fa-shopping-basket');
|
||||
}, 1000);
|
||||
}
|
||||
})
|
||||
.catch(error => console.error('Error:', error));
|
||||
}
|
||||
});
|
||||
|
||||
// Initialize tooltips
|
||||
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
|
||||
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
|
||||
});
|
||||
{/literal}
|
||||
</script>
|
||||
|
||||
@@ -65,5 +65,6 @@ mix
|
||||
'resources/assets/js/custom.js',
|
||||
'resources/assets/js/functions.js',
|
||||
'resources/assets/js/themes/Gentele/search.js',
|
||||
'resources/assets/js/themes/Gentele/browse.js',
|
||||
]
|
||||
, 'public/assets/js/all-js.js');
|
||||
|
||||
Reference in New Issue
Block a user