sstent/foodplanner
1
0
Fork 0
mirror of https://github.com/sstent/foodplanner.git synced 2026-01-25 11:11:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixing imports

Browse Source
This commit is contained in:
sstent
2025-09-29 05:52:16 -07:00
parent 4469a6d35d
commit fa524a90cf
3 changed files with 200 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
templates/admin/imports.html
View File

@@ -32,4 +32,120 @@
</form>
</div>
</div>
<div class="row mt-4">
<div class="col-md-4">
<div class="card">
<div class="card-header">
<h5 class="mb-0">Food Import</h5>
</div>
<div class="card-body">
<form action="/foods/upload" method="post" enctype="multipart/form-data" class="csv-upload-form">
<div class="mb-3">
<label class="form-label">CSV File</label>
<input type="file" class="form-control" name="file" accept=".csv" required>
</div>
<button type="submit" class="btn btn-secondary">Upload Foods CSV</button>
</form>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header">
<h5 class="mb-0">Meal Import</h5>
</div>
<div class="card-body">
<form action="/meals/upload" method="post" enctype="multipart/form-data" class="csv-upload-form">
<div class="mb-3">
<label class="form-label">CSV File</label>
<input type="file" class="form-control" name="file" accept=".csv" required>
</div>
<button type="submit" class="btn btn-secondary">Upload Meals CSV</button>
</form>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header">
<h5 class="mb-0">Template Import</h5>
</div>
<div class="card-body">
<form action="/templates/upload" method="post" enctype="multipart/form-data" class="csv-upload-form">
<div class="mb-3">
<label class="form-label">CSV File</label>
<input type="file" class="form-control" name="file" accept=".csv" required>
</div>
<button type="submit" class="btn btn-secondary">Upload Templates CSV</button>
</form>
</div>
</div>
</div>
</div>
<div class="mt-4" id="upload-results" style="display: none;">
<div class="alert">
<strong>Upload Results:</strong>
<p>Created: <span id="created-count"></span></p>
<p>Updated: <span id="updated-count"></span></p>
<div id="error-list" class="mt-2 text-danger"></div>
</div>
</div>
<script>
document.querySelectorAll('.csv-upload-form').forEach(form => {
form.addEventListener('submit', async (e) => {
e.preventDefault();
const submitBtn = form.querySelector('button[type="submit"]');
const resultsDiv = document.getElementById('upload-results');
const alertDiv = resultsDiv.querySelector('.alert');
submitBtn.disabled = true;
submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status"></span> Uploading...';
try {
const formData = new FormData(form);
const response = await fetch(form.action, {
method: 'POST',
body: formData
});
if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
const results = await response.json();
resultsDiv.style.display = 'block';
if (results.status === 'error') {
alertDiv.className = 'alert alert-danger';
document.getElementById('created-count').textContent = 'N/A';
document.getElementById('updated-count').textContent = 'N/A';
document.getElementById('error-list').innerHTML = `<strong>Error:</strong> ${results.message}`;
} else {
alertDiv.className = 'alert alert-success';
document.getElementById('created-count').textContent = results.created || 0;
document.getElementById('updated-count').textContent = results.updated || 0;
if (results.errors?.length > 0) {
document.getElementById('error-list').innerHTML =
`<strong>Errors (${results.errors.length}):</strong><br>` + results.errors.join('<br>');
} else {
document.getElementById('error-list').innerHTML = '';
}
}
} catch (error) {
resultsDiv.style.display = 'block';
alertDiv.className = 'alert alert-danger';
document.getElementById('created-count').textContent = 'N/A';
document.getElementById('updated-count').textContent = 'N/A';
document.getElementById('error-list').innerHTML =
`<strong>Upload Failed:</strong> ${error.message}`;
} finally {
submitBtn.disabled = false;
submitBtn.textContent = 'Upload CSV';
}
});
});
</script>
{% endblock %}