sbcrumb/nfoguard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates: fixes for imdb manual add and manual add dates
Local Docker Build (Dev) / build-dev (push) Successful in 5s
Details

Browse Source
This commit is contained in:
SBCrumb
2025-11-04 09:08:09 -05:00
parent 79f292ff8e
commit a5dd635cc4
2 changed files with 81 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nfoguard-web/static/js/app.js
+80 -33
View File
@@ -1065,7 +1065,7 @@ function showEnhancedEditModal(mediaType, options, currentDateadded, currentSour
const modal = document.getElementById('edit-modal');
const title = document.getElementById('modal-title');
const modalBody = document.querySelector('#edit-modal .modal-body');
if (mediaType === 'movie') {
title.textContent = `Edit Movie: ${options.imdb_id}`;
} else {
@@ -1074,9 +1074,10 @@ function showEnhancedEditModal(mediaType, options, currentDateadded, currentSour
const episode = options.episode || 0;
title.textContent = `Edit Episode: ${options.imdb_id} S${season.toString().padStart(2, '0')}E${episode.toString().padStart(2, '0')}`;
}
// Build enhanced edit form with date options
let formHtml = `
<form id="edit-form-enhanced" onsubmit="handleEnhancedEditSubmit(event); return false;">
<input type="hidden" id="edit-imdb-id" value="${options.imdb_id}">
<input type="hidden" id="edit-media-type" value="${mediaType}">
${mediaType === 'episode' ? `
@@ -1086,21 +1087,21 @@ function showEnhancedEditModal(mediaType, options, currentDateadded, currentSour
<input type="hidden" id="edit-season" value="">
<input type="hidden" id="edit-episode" value="">
`}
<div class="form-group">
<label>Choose Date Source:</label>
<div class="date-options">
`;
// Add available date options
options.options.forEach((option, index) => {
const isSelected = option.source === currentSource ? 'checked' : '';
const optionId = `date-option-${index}`;
formHtml += `
<div class="date-option-card">
<label class="date-option-label">
<input type="radio" name="edit-date-option" value="${index}" ${isSelected}
<input type="radio" name="edit-date-option" value="${index}" ${isSelected}
onchange="updateEditDateFromOption(${index}, ${JSON.stringify(option).replace(/"/g, '&quot;')})">
<div class="date-option-content">
<h4>${option.label}</h4>
@@ -1111,17 +1112,17 @@ function showEnhancedEditModal(mediaType, options, currentDateadded, currentSour
</div>
`;
});
formHtml += `
</div>
</div>
<div class="form-group">
<label for="edit-dateadded">Date Added:</label>
<input type="datetime-local" id="edit-dateadded" required>
<small>Adjust the date/time as needed</small>
</div>
<div class="form-group">
<label for="edit-source">Source:</label>
<select id="edit-source" required>
@@ -1133,16 +1134,17 @@ function showEnhancedEditModal(mediaType, options, currentDateadded, currentSour
<option value="no_valid_date_source">No Valid Source</option>
</select>
</div>
<div class="form-actions">
<button type="button" class="btn btn-secondary" onclick="closeModal()">Cancel</button>
<button type="submit" class="btn btn-primary" onclick="handleEnhancedEditSubmit(event)">Save Changes</button>
<button type="submit" class="btn btn-primary">Save Changes</button>
</div>
</form>
`;
modalBody.innerHTML = formHtml;
// Set current values
if (currentDateadded && currentDateadded !== '-') {
try {
@@ -1152,12 +1154,12 @@ function showEnhancedEditModal(mediaType, options, currentDateadded, currentSour
document.getElementById('edit-dateadded').value = '';
}
}
document.getElementById('edit-source').value = currentSource || 'manual';
// Store options for later use
modal.dataset.options = JSON.stringify(options);
modal.classList.add('active');
}
@@ -1219,35 +1221,51 @@ function updateEditDateFromOption(optionIndex, option) {
async function handleEnhancedEditSubmit(event) {
event.preventDefault();
console.log('🔍 Enhanced Edit Submit called');
const modal = document.getElementById('edit-modal');
const options = JSON.parse(modal.dataset.options);
const imdbId = options.imdb_id;
const mediaType = document.getElementById('edit-media-type').value;
const dateadded = document.getElementById('edit-dateadded').value;
const source = document.getElementById('edit-source').value;
console.log('🔍 Form values:', {
imdbId,
mediaType,
dateadded,
dateaddedType: typeof dateadded,
dateaddedLength: dateadded ? dateadded.length : 0,
source
});
if (!dateadded) {
console.log('❌ Date field is empty!');
showToast('Please enter a date', 'warning');
return;
}
// Convert datetime-local to ISO string with error handling
let isoDateadded = null;
try {
isoDateadded = new Date(dateadded).toISOString();
console.log('✅ Converted to ISO:', isoDateadded);
} catch (e) {
console.error('❌ Date conversion error:', e);
showToast('Invalid date format', 'error');
return;
}
try {
if (mediaType === 'movie') {
console.log('📤 Calling updateMovieDate with:', { imdbId, isoDateadded, source });
await updateMovieDate(imdbId, isoDateadded, source);
} else {
console.log('📤 Calling updateEpisodeDate with:', { imdbId, season: options.season, episode: options.episode, isoDateadded, source });
await updateEpisodeDate(imdbId, options.season, options.episode, isoDateadded, source);
}
closeModal();
} catch (error) {
console.error('Enhanced edit failed:', error);
@@ -1280,24 +1298,39 @@ function closeModal() {
async function handleEditSubmit(event) {
event.preventDefault();
console.log('🔍 Basic Edit Submit called (OLD HANDLER)');
const imdbId = document.getElementById('edit-imdb-id').value;
const mediaType = document.getElementById('edit-media-type').value;
const season = document.getElementById('edit-season').value;
const episode = document.getElementById('edit-episode').value;
const dateadded = document.getElementById('edit-dateadded').value;
const source = document.getElementById('edit-source').value;
console.log('🔍 OLD Form values:', {
imdbId,
mediaType,
dateadded,
dateaddedType: typeof dateadded,
dateaddedLength: dateadded ? dateadded.length : 0,
source
});
// Convert datetime-local to ISO string
const isoDateadded = dateadded ? new Date(dateadded).toISOString() : null;
console.log('🔍 OLD isoDateadded:', isoDateadded);
try {
if (mediaType === 'movie') {
console.log('📤 OLD calling updateMovieDate with:', { imdbId, isoDateadded, source });
await updateMovieDate(imdbId, isoDateadded, source);
} else {
console.log('📤 OLD calling updateEpisodeDate');
await updateEpisodeDate(imdbId, parseInt(season), parseInt(episode), isoDateadded, source);
}
closeModal();
} catch (error) {
console.error('Update failed:', error);
@@ -1306,22 +1339,36 @@ async function handleEditSubmit(event) {
// Update functions
async function updateMovieDate(imdbId, dateadded, source) {
console.log('🔍 updateMovieDate called with:', {
imdbId,
dateadded,
dateaddedType: typeof dateadded,
dateaddedValue: dateadded,
source
});
try {
const payload = {
dateadded: dateadded,
source: source
};
console.log('📤 Sending API request with payload:', JSON.stringify(payload));
const result = await apiCall(`/api/movies/${imdbId}`, {
method: 'PUT',
body: JSON.stringify({
dateadded: dateadded,
source: source
})
body: JSON.stringify(payload)
});
console.log('✅ API response:', result);
showToast(result.message, 'success');
// Refresh current view
if (currentTab === 'movies') loadMovies(currentMoviesPage);
if (currentTab === 'reports') loadReport();
if (currentTab === 'dashboard') loadDashboard();
} catch (error) {
console.error('Movie update failed:', error);
}