// WordPress School Library - Elementor Compatible JavaScript (function($) { 'use strict'; // Data Storage let books = []; let students = []; let checkouts = []; let currentEditBookId = null; let currentEditStudentId = null; // Initialize the application $(document).ready(function() { // Check if we're in WordPress environment if (typeof wp !== 'undefined' || typeof elementorFrontend !== 'undefined') { console.log('WordPress Environment Detected'); } // Initialize app initializeApp(); }); function initializeApp() { loadData(); initializeForms(); updateDashboard(); renderBooks(); renderStudents(); renderCheckouts(); renderHistory(); updateReports(); setDefaultDueDate(); // Hide loading screen setTimeout(() => { $('#loading-screen').fadeOut(500); }, 1000); } // WordPress compatible data loading function loadData() { // Try to load from WordPress user meta first if (typeof wp !== 'undefined' && wp.apiRequest) { // WordPress REST API integration loadFromWordPress(); } else { // Fallback to localStorage loadFromLocalStorage(); } } function loadFromWordPress() { // This would integrate with WordPress REST API // For now, fallback to localStorage loadFromLocalStorage(); } function loadFromLocalStorage() { const savedBooks = localStorage.getItem('school_library_books'); const savedStudents = localStorage.getItem('school_library_students'); const savedCheckouts = localStorage.getItem('school_library_checkouts'); if (savedBooks) books = JSON.parse(savedBooks); if (savedStudents) students = JSON.parse(savedStudents); if (savedCheckouts) checkouts = JSON.parse(savedCheckouts); if (books.length === 0 || students.length === 0) { loadSampleData(); } } function saveData() { // Try to save to WordPress first if (typeof wp !== 'undefined' && wp.apiRequest) { saveToWordPress(); } else { // Fallback to localStorage saveToLocalStorage(); } } function saveToWordPress() { // WordPress REST API integration would go here // For now, use localStorage saveToLocalStorage(); } function saveToLocalStorage() { localStorage.setItem('school_library_books', JSON.stringify(books)); localStorage.setItem('school_library_students', JSON.stringify(students)); localStorage.setItem('school_library_checkouts', JSON.stringify(checkouts)); } function loadSampleData() { books = [ {id: 1, title: "1984", author: "Джордж Оруел", isbn: "978-954-292-123-4", category: "Художествена литература", totalCopies: 3, availableCopies: 2}, {id: 2, title: "Кратка история на времето", author: "Стивън Хокинг", isbn: "978-954-292-456-7", category: "Наука", totalCopies: 2, availableCopies: 1}, {id: 3, title: "Война и мир", author: "Лев Толстой", isbn: "978-954-292-789-0", category: "Художествена литература", totalCopies: 2, availableCopies: 2} ]; students = [ {id: 1, name: "Иван Петров", grade: "10", email: "ivan.petrov@school.edu", phone: "0888-123-456", booksBorrowed: 1}, {id: 2, name: "Мария Иванова", grade: "11", email: "maria.ivanova@school.edu", phone: "0888-654-321", booksBorrowed: 0} ]; checkouts = [ {id: 1, studentId: 1, bookId: 1, checkoutDate: new Date('2024-01-15').toISOString(), dueDate: new Date('2024-01-29').toISOString(), returnDate: null, status: 'active'} ]; saveData(); } function initializeForms() { // Navigation $('.nav-btn').on('click', function() { const section = $(this).data('section'); showSection(section); $('.nav-btn').removeClass('active'); $(this).addClass('active'); }); // Forms $('#book-form').on('submit', saveBook); $('#student-form').on('submit', saveStudent); $('#checkout-form').on('submit', checkoutBook); // Search $('#book-search').on('input', renderBooks); $('#student-search').on('input', renderStudents); $('#history-search').on('input', renderHistory); // Filters $('#category-filter').on('change', renderBooks); $('#history-filter').on('change', renderHistory); // Autocomplete initializeAutocomplete(); } function showSection(sectionId) { $('.content-section').removeClass('active'); $(`#${sectionId}`).addClass('active'); } // Book Functions function openBookModal(bookId = null) { currentEditBookId = bookId; const modal = $('#book-modal'); const title = $('#book-modal-title'); const form = $('#book-form'); if (bookId) { const book = books.find(b => b.id === bookId); if (book) { title.text('Редактирай книга'); $('#book-title-input').val(book.title); $('#book-author').val(book.author); $('#book-isbn').val(book.isbn || ''); $('#book-category').val(book.category); $('#book-total-copies').val(book.totalCopies); } } else { title.text('Добави книга'); form[0].reset(); } modal.addClass('show'); } function closeBookModal() { $('#book-modal').removeClass('show'); currentEditBookId = null; } function saveBook(e) { e.preventDefault(); const title = $('#book-title-input').val(); const author = $('#book-author').val(); const isbn = $('#book-isbn').val(); const category = $('#book-category').val(); const totalCopies = parseInt($('#book-total-copies').val()); if (currentEditBookId) { const book = books.find(b => b.id === currentEditBookId); if (book) { book.title = title; book.author = author; book.isbn = isbn; book.category = category; book.totalCopies = totalCopies; } } else { const newBook = {id: Date.now(), title, author, isbn, category, totalCopies, availableCopies: totalCopies}; books.push(newBook); } saveData(); renderBooks(); updateDashboard(); closeBookModal(); showToast('Книгата е запазена успешно', 'success'); } function deleteBook(bookId) { const book = books.find(b => b.id === bookId); if (!book) return; const activeCheckouts = checkouts.filter(c => c.bookId === bookId && c.status === 'active'); if (activeCheckouts.length > 0) { showToast('Не може да изтриете книга, която е наета', 'error'); return; } if (confirm(`Наистина ли искате да изтриете книгата "${book.title}" от ${book.author}?`)) { books = books.filter(b => b.id !== bookId); saveData(); renderBooks(); updateDashboard(); showToast('Книгата е изтрита успешно', 'success'); } } function renderBooks() { const tbody = $('#books-table'); const searchTerm = $('#book-search').val().toLowerCase(); const categoryFilter = $('#category-filter').val(); let filteredBooks = books.filter(book => { const matchesSearch = book.title.toLowerCase().includes(searchTerm) || book.author.toLowerCase().includes(searchTerm); const matchesCategory = !categoryFilter || book.category === categoryFilter; return matchesSearch && matchesCategory; }); if (filteredBooks.length === 0) { tbody.html(` `); return; } tbody.html(filteredBooks.map(book => { const statusClass = book.availableCopies > 0 ? 'status-available' : 'status-checked-out'; const statusText = book.availableCopies > 0 ? 'Налична' : 'Наемана'; return ` ${book.title} ${book.author} ${book.isbn || '-'} ${book.category} ${statusText} Редактирай Изтрий `; }).join('')); } // Student Functions function openStudentModal(studentId = null) { currentEditStudentId = studentId; const modal = $('#student-modal'); const title = $('#student-modal-title'); const form = $('#student-form'); if (studentId) { const student = students.find(s => s.id === studentId); if (student) { title.text('Редактирай ученик'); $('#student-name-input').val(student.name); $('#student-grade').val(student.grade); $('#student-email').val(student.email || ''); $('#student-phone').val(student.phone || ''); } } else { title.text('Добави ученик'); form[0].reset(); } modal.addClass('show'); } function closeStudentModal() { $('#student-modal').removeClass('show'); currentEditStudentId = null; } function saveStudent(e) { e.preventDefault(); const name = $('#student-name-input').val(); const grade = $('#student-grade').val(); const email = $('#student-email').val(); const phone = $('#student-phone').val(); if (currentEditStudentId) { const student = students.find(s => s.id === currentEditStudentId); if (student) { student.name = name; student.grade = grade; student.email = email; student.phone = phone; } } else { const newStudent = {id: Date.now(), name, grade, email, phone, booksBorrowed: 0}; students.push(newStudent); } saveData(); renderStudents(); updateDashboard(); closeStudentModal(); showToast('Ученикът е запазен успешно', 'success'); } function deleteStudent(studentId) { const student = students.find(s => s.id === studentId); if (!student) return; const activeCheckouts = checkouts.filter(c => c.studentId === studentId && c.status === 'active'); if (activeCheckouts.length > 0) { showToast('Не може да изтриете ученик с наети книги', 'error'); return; } if (confirm(`Наистина ли искате да изтриете ученика "${student.name}"?`)) { students = students.filter(s => s.id !== studentId); saveData(); renderStudents(); updateDashboard(); showToast('Ученикът е изтрит успешно', 'success'); } } function renderStudents() { const tbody = $('#students-table'); const searchTerm = $('#student-search').val().toLowerCase(); let filteredStudents = students.filter(student => student.name.toLowerCase().includes(searchTerm) ); if (filteredStudents.length === 0) { tbody.html(` `); return; } tbody.html(filteredStudents.map(student => ` ${student.name} ${student.grade} клас ${student.email || '-'} ${student.phone || '-'} ${student.booksBorrowed} Редактирай Изтрий `).join('')); } // Checkout Functions function checkoutBook(e) { e.preventDefault(); const studentName = $('#student-name').val(); const bookTitle = $('#book-title').val(); const dueDate = $('#due-date').val(); const student = students.find(s => s.name === studentName); const book = books.find(b => b.title === bookTitle); if (!student || !book) { showToast('Моля, изберете валиден ученик и книга', 'error'); return; } if (book.availableCopies <= 0) { showToast('Няма налични копия от тази книга', 'error'); return; } const checkout = { id: Date.now(), studentId: student.id, bookId: book.id, checkoutDate: new Date().toISOString(), dueDate: dueDate ? new Date(dueDate).toISOString() : new Date(Date.now() + 14 * 24 * 60 * 60 * 1000).toISOString(), returnDate: null, status: 'active' }; checkouts.push(checkout); book.availableCopies--; student.booksBorrowed++; saveData(); renderCheckouts(); renderBooks(); renderStudents(); updateDashboard(); $('#checkout-form')[0].reset(); setDefaultDueDate(); showToast('Книгата е наета успешно', 'success'); } function returnBook(checkoutId) { const checkout = checkouts.find(c => c.id === checkoutId); if (!checkout) return; const book = books.find(b => b.id === checkout.bookId); const student = students.find(s => s.id === checkout.studentId); if (book && student) { book.availableCopies++; student.booksBorrowed--; } checkout.returnDate = new Date().toISOString(); checkout.status = 'returned'; saveData(); renderCheckouts(); renderBooks(); renderStudents(); renderHistory(); updateDashboard(); showToast('Книгата е върната успешно', 'success'); } function renderCheckouts() { const tbody = $('#checkouts-table'); const activeCheckouts = checkouts.filter(c => c.status === 'active'); if (activeCheckouts.length === 0) { tbody.html(` `); return; } tbody.html(activeCheckouts.map(checkout => { const student = students.find(s => s.id === checkout.studentId); const book = books.find(b => b.id === checkout.bookId); const isOverdue = new Date(checkout.dueDate) < new Date(); return ` ${student ? student.name : 'Неизвестен ученик'} ${book ? book.title : 'Неизвестна книга'} ${new Date(checkout.checkoutDate).toLocaleDateString('bg-BG')} ${new Date(checkout.dueDate).toLocaleDateString('bg-BG')} ${isOverdue ? 'Просрочено' : 'Активно'} Върни `; }).join('')); } // History Functions function renderHistory() { const tbody = $('#history-table'); const searchTerm = $('#history-search').val().toLowerCase(); const statusFilter = $('#history-filter').val(); let filteredCheckouts = checkouts.filter(checkout => { const student = students.find(s => s.id === checkout.studentId); const book = books.find(b => b.id === checkout.bookId); const matchesSearch = (student && student.name.toLowerCase().includes(searchTerm)) || (book && book.title.toLowerCase().includes(searchTerm)); const matchesStatus = !statusFilter || checkout.status === statusFilter; return matchesSearch && matchesStatus; }); if (filteredCheckouts.length === 0) { tbody.html(` `); return; } tbody.html(filteredCheckouts.map(checkout => { const student = students.find(s => s.id === checkout.studentId); const book = books.find(b => b.id === checkout.bookId); const isOverdue = checkout.status === 'active' && new Date(checkout.dueDate) < new Date(); return ` ${student ? student.name : 'Неизвестен ученик'} ${book ? book.title : 'Неизвестна книга'} ${new Date(checkout.checkoutDate).toLocaleDateString('bg-BG')} ${checkout.returnDate ? new Date(checkout.returnDate).toLocaleDateString('bg-BG') : '-'} ${new Date(checkout.dueDate).toLocaleDateString('bg-BG')} ${checkout.status === 'returned' ? 'Върната' : isOverdue ? 'Просрочена' : 'Активна'} `; }).join('')); } // Dashboard Functions function updateDashboard() { $('#total-books').text(books.reduce((sum, book) => sum + book.totalCopies, 0)); $('#total-students').text(students.length); $('#checked-out').text(checkouts.filter(c => c.status === 'active').length); $('#overdue').text(checkouts.filter(c => c.status === 'active' && new Date(c.dueDate) < new Date() ).length); } function showDashboardDetail(type) { const detailSection = $('#dashboard-detail'); const detailTitle = $('#detail-title'); const detailContent = $('#detail-content'); let title = ''; let content = ''; switch(type) { case 'books': title = '📚 Детайли за книгите'; const totalBooks = books.reduce((sum, book) => sum + book.totalCopies, 0); const availableBooks = books.reduce((sum, book) => sum + book.availableCopies, 0); const borrowedBooks = totalBooks - availableBooks; content = ` `; break; case 'students': title = '👥 Детайли за учениците'; const totalStudents = students.length; const activeStudents = students.filter(s => s.booksBorrowed > 0).length; const inactiveStudents = totalStudents - activeStudents; content = ` `; break; case 'checked-out': title = '📚 Наети книги'; const activeCheckouts = checkouts.filter(c => c.status === 'active'); content = ``; break; case 'overdue': title = '⚠️ Просрочени книги'; const overdueCheckouts = checkouts.filter(c => c.status === 'active' && new Date(c.dueDate) < new Date()); content = ``; break; } detailTitle.text(title); detailContent.html(content); detailSection.show(); $('html, body').animate({ scrollTop: detailSection.offset().top - 100 }, 500); } function hideDashboardDetail() { $('#dashboard-detail').hide(); } // Reports Functions function updateReports() { const bookCounts = {}; checkouts.forEach(checkout => { const book = books.find(b => b.id === checkout.bookId); if (book) { bookCounts[book.title] = (bookCounts[book.title] || 0) + 1; } }); const mostBorrowedBook = Object.keys(bookCounts).length > 0 ? Object.keys(bookCounts).reduce((a, b) => bookCounts[a] > bookCounts[b] ? a : b) : '-'; $('#most-borrowed-book').text(mostBorrowedBook); const studentCounts = {}; checkouts.forEach(checkout => { const student = students.find(s => s.id === checkout.studentId); if (student) { studentCounts[student.name] = (studentCounts[student.name] || 0) + 1; } }); const mostActiveStudent = Object.keys(studentCounts).length > 0 ? Object.keys(studentCounts).reduce((a, b) => studentCounts[a] > studentCounts[b] ? a : b) : '-'; $('#most-active-student').text(mostActiveStudent); const returnedCheckouts = checkouts.filter(c => c.status === 'returned' && c.returnDate); let totalDays = 0; returnedCheckouts.forEach(checkout => { const checkoutDate = new Date(checkout.checkoutDate); const returnDate = new Date(checkout.returnDate); const days = Math.floor((returnDate - checkoutDate) / (1000 * 60 * 60 * 24)); totalDays += days; }); const avgDays = returnedCheckouts.length > 0 ? Math.round(totalDays / returnedCheckouts.length) : 0; $('#avg-borrow-time').text(avgDays > 0 ? `${avgDays} дни` : '-'); const categoryStats = {}; books.forEach(book => { if (!categoryStats[book.category]) { categoryStats[book.category] = { total: 0, available: 0 }; } categoryStats[book.category].total += book.totalCopies; categoryStats[book.category].available += book.availableCopies; }); const reportsTable = $('#reports-table'); reportsTable.html(Object.entries(categoryStats).map(([category, stats]) => { const borrowed = stats.total - stats.available; return ` ${category} ${stats.total} ${borrowed} ${stats.available} `; }).join('')); } // Autocomplete Functions function initializeAutocomplete() { const studentInput = $('#student-name'); const studentSuggestions = $('#student-suggestions'); const bookInput = $('#book-title'); const bookSuggestions = $('#book-suggestions'); if (studentInput.length) { studentInput.on('input', function() { const value = $(this).val().toLowerCase(); if (value.length < 2) { studentSuggestions.removeClass('show'); return; } const matches = students.filter(student => student.name.toLowerCase().includes(value) ); if (matches.length > 0) { studentSuggestions.html(matches.map(student => ` `).join('')); studentSuggestions.addClass('show'); } else { studentSuggestions.removeClass('show'); } }); studentInput.on('blur', function() { setTimeout(() => studentSuggestions.removeClass('show'), 200); }); } if (bookInput.length) { bookInput.on('input', function() { const value = $(this).val().toLowerCase(); if (value.length < 2) { bookSuggestions.removeClass('show'); return; } const matches = books.filter(book => book.availableCopies > 0 && (book.title.toLowerCase().includes(value) || book.author.toLowerCase().includes(value)) ); if (matches.length > 0) { bookSuggestions.html(matches.map(book => ` `).join('')); bookSuggestions.addClass('show'); } else { bookSuggestions.removeClass('show'); } }); bookInput.on('blur', function() { setTimeout(() => bookSuggestions.removeClass('show'), 200); }); } } function selectStudent(studentId) { const student = students.find(s => s.id === studentId); if (student) { $('#student-name').val(student.name); $('#student-suggestions').removeClass('show'); } } function selectBook(bookId) { const book = books.find(b => b.id === bookId); if (book) { $('#book-title').val(book.title); $('#book-suggestions').removeClass('show'); } } function setDefaultDueDate() { const defaultDate = new Date(); defaultDate.setDate(defaultDate.getDate() + 14); $('#due-date').val(defaultDate.toISOString().split('T')[0]); } // Toast notification function showToast(message, type = 'success') { const toast = $(``); toast.css({ position: 'fixed', top: '20px', right: '20px', padding: '1rem 1.5rem', borderRadius: '25px', color: 'white', fontWeight: '500', zIndex: '2000', transform: 'translateX(400px)', transition: 'all 0.3s ease', boxShadow: '0 10px 30px rgba(0,0,0,0.2)' }); if (type === 'success') { toast.css('background', 'linear-gradient(135deg, #56ab2f 0%, #a8e063 100%)'); } else if (type === 'error') { toast.css('background', 'linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%)'); } $('body').append(toast); setTimeout(() => { toast.css('transform', 'translateX(0)'); }, 100); setTimeout(() => { toast.css('transform', 'translateX(400px)'); setTimeout(() => { toast.remove(); }, 300); }, 3000); } // Make functions globally accessible window.openBookModal = openBookModal; window.closeBookModal = closeBookModal; window.deleteBook = deleteBook; window.openStudentModal = openStudentModal; window.closeStudentModal = closeStudentModal; window.deleteStudent = deleteStudent; window.returnBook = returnBook; window.selectStudent = selectStudent; window.selectBook = selectBook; window.showDashboardDetail = showDashboardDetail; window.hideDashboardDetail = hideDashboardDetail; })(jQuery);