94 lines
3.0 KiB
JavaScript
94 lines
3.0 KiB
JavaScript
// NetEvent - Main JavaScript
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Auto-hide flash messages after 5 seconds
|
|
const flashMessages = document.querySelectorAll('.flash-message');
|
|
flashMessages.forEach(msg => {
|
|
setTimeout(() => {
|
|
msg.style.transition = 'opacity 0.5s';
|
|
msg.style.opacity = '0';
|
|
setTimeout(() => msg.remove(), 500);
|
|
}, 5000);
|
|
});
|
|
|
|
// Form validation
|
|
const forms = document.querySelectorAll('form');
|
|
forms.forEach(form => {
|
|
form.addEventListener('submit', function(e) {
|
|
const requiredInputs = form.querySelectorAll('[required]');
|
|
let isValid = true;
|
|
|
|
requiredInputs.forEach(input => {
|
|
if (!input.value.trim()) {
|
|
isValid = false;
|
|
input.style.borderColor = '#ef4444';
|
|
} else {
|
|
input.style.borderColor = '';
|
|
}
|
|
});
|
|
|
|
if (!isValid && !e.target.dataset.noValidate) {
|
|
e.preventDefault();
|
|
alert('Please fill in all required fields.');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Photo upload form
|
|
const photoForm = document.querySelector('.photo-upload-form');
|
|
if (photoForm) {
|
|
photoForm.addEventListener('submit', async function(e) {
|
|
e.preventDefault();
|
|
|
|
const formData = new FormData(this);
|
|
|
|
try {
|
|
const response = await fetch(this.action, {
|
|
method: 'POST',
|
|
body: formData
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (data.success) {
|
|
// Reload page to show new photo
|
|
location.reload();
|
|
} else {
|
|
alert(data.error || 'Error uploading photo');
|
|
}
|
|
} catch (error) {
|
|
alert('Error uploading photo');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Connection request buttons
|
|
const connectForms = document.querySelectorAll('.connect-form');
|
|
connectForms.forEach(form => {
|
|
form.addEventListener('submit', async function(e) {
|
|
e.preventDefault();
|
|
|
|
const formData = new FormData(this);
|
|
|
|
try {
|
|
const response = await fetch(this.action, {
|
|
method: 'POST',
|
|
body: formData
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (data.success) {
|
|
const card = this.closest('.attendee-card');
|
|
const actionsDiv = card.querySelector('.attendee-actions');
|
|
actionsDiv.innerHTML = '<span class="badge badge-pending">Request Pending</span>';
|
|
} else {
|
|
alert(data.error || 'Error sending connection request');
|
|
}
|
|
} catch (error) {
|
|
alert('Error sending connection request');
|
|
}
|
|
});
|
|
});
|
|
});
|