test

css/main.css

@@ -159,6 +159,14 @@ body {
   background-size: cover;
 }
 
+.background-portfolio {
+  width: 100%;
+  background: #fff no-repeat;
+  background-size: cover;
+  position: relative;
+  background-image: url("../assets/img/site-hero.jpg"); /* Заміни 'your-image.jpg' на шлях до твого зображення */
+}
+
 .nav {
   padding-top: 20px;
   padding-bottom: 20px;

js/admin 2.js

@@ -0,0 +1,151 @@
+
+// async function fetchPendingReviews() {
+//   try {
+//     const response = await fetch('/api/reviews/pending'); // Запит на отримання несхвалених відгуків
+//     const reviews = await response.json();
+
+//     const reviewsContainer = document.getElementById('reviewsContainer');
+//     reviewsContainer.innerHTML = ''; // Очищуємо контейнер перед додаванням відгуків
+
+//     reviews.forEach(review => {
+//       const reviewElement = document.createElement('div');
+//       reviewElement.classList.add('review');
+//       reviewElement.innerHTML = `
+//         <p><strong>Ім'я:</strong> ${review.name}</p>
+//         <p><strong>Відгук:</strong> ${review.text}</p>
+//         <button onclick="approveReview('${review.id}', this)" ${review.approved ? 'disabled' : ''}>
+//           ${review.approved ? 'Схвалено' : 'Схвалити'}
+//         </button>
+//         <button onclick="deleteReview('${review.id}', this)">Видалити</button>
+//       `;
+//       reviewsContainer.appendChild(reviewElement);
+//     });
+//   } catch (error) {
+//     console.error('Помилка завантаження відгуків:', error);
+//   }
+// }
+
+// async function approveReview(reviewId, button) {
+//   try {
+//     const response = await fetch(`/api/reviews/approve/${reviewId}`, {
+//       method: 'PATCH',
+//     });
+
+//     if (response.ok) {
+//       alert('Відгук схвалено!');
+//       button.textContent = 'Схвалено';
+//       button.disabled = true; // Деактивуємо кнопку після схвалення
+//     } else {
+//       console.error('Помилка схвалення відгуку:', response.statusText);
+//     }
+//   } catch (error) {
+//     console.error('Помилка схвалення відгуку:', error);
+//   }
+// }
+
+// async function deleteReview(reviewId, button) {
+//   try {
+//     const response = await fetch(`/api/reviews/${reviewId}`, {
+//       method: 'DELETE',
+//     });
+
+//     if (response.ok) {
+//       alert('Відгук видалено!');
+//       // Видаляємо елемент відгуку з DOM
+//       button.parentElement.remove();
+//     } else {
+//       console.error('Помилка видалення відгуку:', response.statusText);
+//     }
+//   } catch (error) {
+//     console.error('Помилка видалення відгуку:', error);
+//   }
+// }
+
+// // Завантажуємо відгуки при завантаженні сторінки
+// document.addEventListener('DOMContentLoaded', fetchPendingReviews);
+
+
+async function fetchAllReviews() {
+  try {
+    const response = await fetch('/api/reviews'); // Запит на отримання всіх відгуків (схвалених і несхвалених)
+    const reviews = await response.json();
+
+    const reviewsContainer = document.getElementById('reviewsContainer');
+    reviewsContainer.innerHTML = ''; // Очищуємо контейнер перед додаванням відгуків
+
+    reviews.forEach(review => {
+      const reviewElement = document.createElement('div');
+      reviewElement.classList.add('review');
+      reviewElement.innerHTML = `
+        <p><strong>Ім'я:</strong> ${review.name}</p>
+        <p class="review-text"><strong>Відгук:</strong> ${review.text}</p>
+        <button class="approve-button" onclick="approveReview('${review.id}', this)" ${review.approved ? 'disabled' : ''}>
+          ${review.approved ? 'Схвалено' : 'Схвалити'}
+        </button>
+        <button class="delete-button" onclick="deleteReview('${review.id}', this)">Видалити</button>
+      `;
+
+      const reviewText = reviewElement.querySelector('.review-text');
+
+      // Додаємо кнопку "Читати далі", якщо текст перевищує певну кількість рядків
+      setTimeout(() => { // Використовуємо setTimeout, щоб дочекатися розрахунку висоти елемента
+        if (reviewText.scrollHeight > 60) { // Змінюйте значення "60" відповідно до вашого дизайну
+          reviewText.classList.add('shortened');
+          const readMoreButton = document.createElement('button');
+          readMoreButton.classList.add('read-more-btn');
+          readMoreButton.textContent = 'Читати далі';
+          reviewElement.appendChild(readMoreButton);
+
+          readMoreButton.addEventListener('click', function() {
+            reviewText.classList.toggle('expanded');
+            this.textContent = reviewText.classList.contains('expanded') ? 'Згорнути' : 'Читати далі';
+          });
+        }
+      }, 0);
+
+      reviewsContainer.appendChild(reviewElement);
+    });
+  } catch (error) {
+    console.error('Помилка завантаження відгуків:', error);
+  }
+}
+
+
+async function approveReview(reviewId, button) {
+  try {
+    const response = await fetch(`/api/reviews/approve/${reviewId}`, {
+      method: 'PATCH',
+    });
+
+    if (response.ok) {
+      alert('Відгук схвалено!');
+      button.textContent = 'Схвалено';
+      button.disabled = true; // Деактивуємо кнопку після схвалення
+    } else {
+      console.error('Помилка схвалення відгуку:', response.statusText);
+    }
+  } catch (error) {
+    console.error('Помилка схвалення відгуку:', error);
+  }
+}
+
+async function deleteReview(reviewId, button) {
+  try {
+    const response = await fetch(`/api/reviews/${reviewId}`, {
+      method: 'DELETE',
+    });
+
+    if (response.ok) {
+      alert('Відгук видалено!');
+      // Видаляємо елемент відгуку з DOM
+      button.parentElement.remove();
+    } else {
+      console.error('Помилка видалення відгуку:', response.statusText);
+    }
+  } catch (error) {
+    console.error('Помилка видалення відгуку:', error);
+  }
+}
+
+// Завантажуємо всі відгуки при завантаженні сторінки
+document.addEventListener('DOMContentLoaded', fetchAllReviews);

js/server.js

@@ -36,6 +36,9 @@ app.get('/admin', (req, res) => {
     res.sendFile(path.join(__dirname, '../admin.html'));
 });
 
+app.get('/portfolio', (req, res) => {
+  res.sendFile(path.join(__dirname, '../portfolio.html'));
+});
 
 app.get('/reviews', (req, res) => {
   res.sendFile(path.join(__dirname, '../reviews.html'));