diff --git a/js/firebase.js b/js/firebase.js index a64e6528..75712ca0 100644 --- a/js/firebase.js +++ b/js/firebase.js @@ -20,5 +20,6 @@ const firebaseConfig = { // Ініціалізація Firebase const app = initializeApp(firebaseConfig); const storage = getStorage(app); +const db = getFirestore(app); -export { storage }; +export { storage, db }; diff --git a/js/photocard.js b/js/photocard.js index 28add516..198b12b9 100644 --- a/js/photocard.js +++ b/js/photocard.js @@ -1,6 +1,6 @@ -import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js'; -import { getStorage, ref, uploadBytes, getDownloadURL } from 'https://www.gstatic.com/firebasejs/9.6.1/firebase-storage.js'; -import { getFirestore, collection, addDoc } from 'https://www.gstatic.com/firebasejs/9.6.1/firebase-firestore.js'; +// import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js'; +// import { getStorage, ref, uploadBytes, getDownloadURL } from 'https://www.gstatic.com/firebasejs/9.6.1/firebase-storage.js'; +// import { getFirestore, collection, addDoc } from 'https://www.gstatic.com/firebasejs/9.6.1/firebase-firestore.js'; import { storage } from './firebase.js'; @@ -166,22 +166,21 @@ document.getElementById('uploadForm').addEventListener('submit', async function // Завантаження фотографій function loadPhotos() { - const requestUrl = `${baseUrl}/photos`; - console.log(`Fetching photos from: ${requestUrl}`); - - fetch(requestUrl) + console.log("Завантаження фотографій..."); + fetch(`${baseUrl}/photos`) .then(response => { if (!response.ok) { + console.error('Відповідь мережі не була нормальною:', response); throw new Error('Network response was not ok'); } return response.json(); }) .then(photos => { + console.log('Отримані фотографії:', photos); const photosContainer = document.getElementById('photosContainer'); photosContainer.innerHTML = ''; // Очищаємо контейнер перед додаванням нових фото photos.forEach(photo => { console.log('Фото:', photo); - const photoCard = document.createElement('div'); photoCard.className = 'photo-card'; @@ -210,7 +209,7 @@ function loadPhotos() { const deleteButton = document.createElement('button'); deleteButton.innerText = 'Видалити'; deleteButton.className = 'card-delete-button button'; - deleteButton.onclick = () => deletePhoto(photo.id); + deleteButton.onclick = () => deletePhoto(photo.id); // Замініть на правильний ідентифікатор imgWrapper.appendChild(img); photoBody.appendChild(description); @@ -227,6 +226,7 @@ function loadPhotos() { + // Видалення фотографії function deletePhoto(photoId) { fetch(`${baseUrl}/photos/${photoId}`, {