dubey/spectra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

Fix multiple buttons
All checks were successful
Docker Build and Publish / build (release) Successful in 6s
Details

Browse Source
This commit is contained in:
Tanishq Dubey 2025-02-01 11:23:58 -05:00
parent c10ac8669c
commit 2ea5131739
1 changed files with 38 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
templates/admin.html
View File

@ -203,8 +203,8 @@
<td class="editable" data-field="iso">{{ photo.iso }}</td>
<td>{{ photo.width }}x{{ photo.height }}</td>
<td>
<button id="save-btn">Save</button>
<button class="delete-btn" id="delete-btn">Delete</button>
<button class="save-btn">Save</button>
<button class="delete-btn">Delete</button>
</td>
</tr>
{% endfor %}
@ -244,7 +244,7 @@
<label for="about.profile_image">Profile Image:</label>
<div style="display: flex; align-items: center; gap: 1rem;">
<img id="profile-preview" src="/static/profile.jpeg" alt="Profile" style="width: 100px; height: 100px; object-fit: cover; border-radius: 50%;">
<input type="file" id="profile_image_upload" accept="image/jpeg,image/png" style="flex: 1;">
<input type="file" class="profile-image-upload" accept="image/jpeg,image/png" style="flex: 1;">
</div>
</div>
<div class="form-group">
@ -314,6 +314,7 @@
alert('An error occurred while saving changes.');
});
}
function deletePhoto(event) {
if (confirm('Are you sure you want to delete this photo?')) {
const button = event.target;
@ -338,44 +339,51 @@
});
}
}
document.getElementById('delete-btn').addEventListener('click', (event) => deletePhoto(event));
document.getElementById('save-btn').addEventListener('click', (event) => saveChanges(event));
document.getElementById('profile_image_upload').addEventListener('change', async (e) => {
const file = e.target.files[0];
if (!file) return;
document.querySelectorAll('.delete-btn').forEach(button => {
button.addEventListener('click', (event) => deletePhoto(event));
});
const formData = new FormData();
formData.append('profile_image', file);
document.querySelectorAll('.save-btn').forEach(button => {
button.addEventListener('click', (event) => saveChanges(event));
});
try {
const response = await fetch('/admin/upload_profile', {
method: 'POST',
body: formData
});
const result = await response.json();
if (result.success) {
document.getElementById('profile-preview').src = '/static/profile.jpeg?' + new Date().getTime();
} else {
alert('Error uploading profile image: ' + result.error);
document.querySelectorAll('.profile-image-upload').forEach(input => {
input.addEventListener('change', async (e) => {
const file = e.target.files[0];
if (!file) return;
const formData = new FormData();
formData.append('profile_image', file);
try {
const response = await fetch('/admin/upload_profile', {
method: 'POST',
body: formData
});
const result = await response.json();
if (result.success) {
document.getElementById('profile-preview').src = '/static/profile.jpeg?' + new Date().getTime();
} else {
alert('Error uploading profile image: ' + result.error);
}
} catch (error) {
alert('Error uploading profile image: ' + error);
}
} catch (error) {
alert('Error uploading profile image: ' + error);
}
});
});
document.getElementById('configForm').addEventListener('submit', async (e) => {
e.preventDefault();
const formData = {};
const inputs = e.target.querySelectorAll('input:not([type="file"]), textarea');
inputs.forEach(input => {
formData[input.name] = input.value;
});
try {
const response = await fetch('/admin/update_config', {
method: 'POST',
@ -384,9 +392,9 @@
},
body: JSON.stringify(formData)
});
const result = await response.json();
if (result.success) {
alert('Configuration saved successfully');
location.reload();