Files
Student-Management-System-I…/templates/hod/modals/meeting_notes_modal.html
T
2025-04-20 17:46:30 +05:45

43 lines
1.5 KiB
HTML

<!-- Meeting Notes Modal -->
<div class="modal fade" id="meetingNotesModal" tabindex="-1" aria-labelledby="meetingNotesModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="meetingNotesModalLabel">Meeting Notes</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div id="meetingNotesContent" class="p-3 bg-light rounded">
<!-- Notes content will be loaded here -->
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
function viewMeetingNotes(meetingId) {
fetch(`/api/meetings/${meetingId}/notes/`)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok: ' + response.statusText);
}
return response.json();
})
.then(data => {
document.getElementById('meetingNotesContent').innerHTML = data.notes || 'No notes available';
new bootstrap.Modal(document.getElementById('meetingNotesModal')).show();
})
.catch(error => {
console.error('Error fetching meeting notes:', error);
showToast('Failed to load meeting notes', 'error');
});
}
function closeMeetingNotesModal() {
bootstrap.Modal.getInstance(document.getElementById('meetingNotesModal')).hide();
}
</script>