Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/prasanthshunmugam.in/public_html

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: dash.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Testimonials Dashboard</title>
  
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
  <style>
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: #f8f9fa;
      color: #343a40;
    }
    .dashboard-header {
      background-color: #0a7e8c;
      color: white;
      padding: 20px;
      text-align: center;
    }
    .table-container {
      padding: 30px;
    }
    .star-rating i {
      color: #ffc107;
      margin: 0 2px;
    }
  </style>
</head>
<body>

<header class="dashboard-header">
    <h1>Testimonials Management Dashboard</h1>
    <p>Manage, edit, and delete client testimonials</p>
  </header>

<div class="table-container">
    <div class="container">
      <table class="table table-hover table-bordered">
        <thead class="table-dark">
          <tr>
            <th scope="col">#</th>
            <th scope="col">Name</th>
            <th scope="col">Rating</th>
            <th scope="col">Testimonial</th>
            <th scope="col">Actions</th>
          </tr>
        </thead>
        <tbody id="testimonial-table-body">
          
        </tbody>
      </table>
    </div>
  </div>

<div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="editModalLabel">Edit Testimonial</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <form id="edit-form">
            <input type="hidden" id="edit-id">
            <div class="mb-3">
              <label for="edit-name" class="form-label">Name</label>
              <input type="text" class="form-control" id="edit-name" required>
            </div>
            <div class="mb-3">
              <label for="edit-email" class="form-label">Email</label>
              <input type="email" class="form-control" id="edit-email" required>
            </div>
            <div class="mb-3">
              <label for="edit-rating" class="form-label">Rating</label>
              <input type="number" class="form-control" id="edit-rating" min="1" max="5" required>
            </div>
            <div class="mb-3">
              <label for="edit-testimonial" class="form-label">Testimonial</label>
              <textarea class="form-control" id="edit-testimonial" rows="3" required></textarea>
            </div>
            <button type="submit" class="btn btn-primary">Save Changes</button>
          </form>
        </div>
      </div>
    </div>
  </div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
  
  <script>
    // Load testimonials from the server
    async function loadTestimonials() {
      try {
        const response = await fetch('fetch_testimonials.php');
        const testimonials = await response.json();
        const tableBody = document.getElementById('testimonial-table-body');
        tableBody.innerHTML = '';

testimonials.forEach((testimonial, index) => {
          const row = `
            <tr>
              <td>${index + 1}</td>
              <td>${testimonial.client_name}</td>
              <td>${getStarRatingHTML(testimonial.client_rating)}</td>
              <td>${testimonial.client_testimonial}</td>
              <td>
                <button class="btn btn-sm btn-warning me-2" onclick="editTestimonial(${testimonial.id})">
                  <i class="fas fa-edit"></i> Edit
                </button>
                <button class="btn btn-sm btn-danger" onclick="deleteTestimonial(${testimonial.id})">
                  <i class="fas fa-trash-alt"></i> Delete
                </button>
              </td>
            </tr>
          `;
          tableBody.innerHTML += row;
        });
      } catch (error) {
        console.error('Error loading testimonials:', error);
      }
    }

// Helper function to generate star rating HTML
    function getStarRatingHTML(rating) {
      let starHTML = '';
      for (let i = 1; i <= 5; i++) {
        if (i <= rating) {
          starHTML += '<i class="fas fa-star"></i>';
        } else {
          starHTML += '<i class="far fa-star"></i>';
        }
      }
      return starHTML;
    }

// Edit Testimonial
    async function editTestimonial(id) {
      try {
        const response = await fetch(`get_testimonial.php?id=${id}`);
        const data = await response.json();

if (data.success) {
          const testimonial = data.testimonial;
          document.getElementById('edit-id').value = testimonial.id;
          document.getElementById('edit-name').value = testimonial.client_name;
          document.getElementById('edit-email').value = testimonial.client_email;
          document.getElementById('edit-rating').value = testimonial.client_rating;
          document.getElementById('edit-testimonial').value = testimonial.client_testimonial;

// Show modal
          const editModal = new bootstrap.Modal(document.getElementById('editModal'));
          editModal.show();
        } else {
          alert(data.message);
        }
      } catch (error) {
        console.error('Error fetching testimonial:', error);
      }
    }

// Submit Edited Testimonial
    document.getElementById('edit-form').addEventListener('submit', async (event) => {
      event.preventDefault();

const id = document.getElementById('edit-id').value;
      const name = document.getElementById('edit-name').value.trim();
      const email = document.getElementById('edit-email').value.trim();
      const rating = document.getElementById('edit-rating').value;
      const testimonial = document.getElementById('edit-testimonial').value.trim();

if (!name || !email || !rating || !testimonial) {
        alert('All fields are required.');
        return;
      }

try {
        const response = await fetch('update_testimonial.php', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ id, client_name: name, client_email: email, client_rating: rating, client_testimonial: testimonial })
        });
        const result = await response.json();

if (result.success) {
          // Hide modal
          const editModal = bootstrap.Modal.getInstance(document.getElementById('editModal'));
          editModal.hide();
          // Reload testimonials
          loadTestimonials();
          alert('Testimonial updated successfully.');
        } else {
          alert('Failed to update testimonial: ' + result.message);
        }
      } catch (error) {
        console.error('Error updating testimonial:', error);
      }
    });

// Delete Testimonial
    async function deleteTestimonial(id) {
      if (confirm('Are you sure you want to delete this testimonial?')) {
        try {
          const response = await fetch(`delete_testimonial.php?id=${id}`, { method: 'DELETE' });
          const result = await response.json();

if (result.success) {
            loadTestimonials();
            alert('Testimonial deleted successfully.');
          } else {
            alert('Failed to delete testimonial: ' + result.message);
          }
        } catch (error) {
          console.error('Error deleting testimonial:', error);
        }
      }
    }

// Load testimonials on page load
    window.onload = loadTestimonials;
  </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: dash.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation