Gestionnaire de fichiers - Editer - /home/webapp68.cm.in.th/u68319090001/Final /app/show.php
Arrière
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>แสดงรายชื่อสมาชิก</title> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> :root { --primary-color: #ffffffff; --secondary-color: #ffffffff; --success-color: #1cc88a; } body { background-color: #f8f9fc; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding-top: 20px; padding-bottom: 40px; } .page-header { background: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%); color: white; padding: 20px; border-radius: 10px; margin-bottom: 20px; } .page-title { font-size: 1.8rem; font-weight: 600; margin-bottom: 0; } .card { border: none; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); margin-bottom: 20px; } .btn-add { background: var(--success-color); border: none; border-radius: 6px; padding: 8px 16px; font-weight: 500; display: inline-flex; align-items: center; margin-bottom: 15px; color: white; text-decoration: none; } .btn-add i { margin-right: 5px; } .btn-add:hover { background: #17a673; color: white; } .table th { background-color: #eaecf4; color: #4e73df; font-weight: 600; padding: 12px 10px; } .table-hover tbody tr:hover { background-color: rgba(78, 115, 223, 0.05); } .btn-action { padding: 5px 10px; border-radius: 4px; font-size: 13px; display: inline-flex; align-items: center; text-decoration: none; margin: 2px; } .btn-action i { margin-right: 4px; } .btn-edit { background: #f6c23e; color: #000; } .btn-edit:hover { background: #dda20a; color: #000; } .btn-delete { background: #e74a3b; color: white; } .btn-delete:hover { background: #be2617; color: white; } .user-avatar { width: 35px; height: 35px; border-radius: 50%; background: linear-gradient(120deg, #36b9cc 0%, var(--primary-color) 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; margin-right: 10px; font-size: 14px; } .user-info { display: flex; align-items: center; } .no-data { text-align: center; padding: 30px; color: #6c757d; } .no-data i { font-size: 3.5rem; margin-bottom: 15px; opacity: 0.3; } .footer { text-align: center; margin-top: 30px; padding: 20px; color: #6c757d; border-top: 1px solid #e3e6f0; } @media (max-width: 768px) { .card { border-radius: 8px; } .table-responsive { border-radius: 6px; } .btn-action { margin-bottom: 5px; } .user-avatar { width: 30px; height: 30px; font-size: 12px; } } </style> </head> <body> <div class="container"> <!-- ส่วนหัวของหน้าเว็บ --> <div class="page-header text-center"> <h1 class="page-title"></h1> </div> <!-- ส่วนเมนูหรือเนื้อหาเพิ่มเติม (ถ้ามี) --> <div class="row mb-4"> <div class="col-md-12"> <div class="card"> <div class="card-body"> <h5 class="card-title">ส่วนประถมสัมพันธ์</h5> <p class="card-text">รายชื่อผู้ประกอบการ</p> <p class="card-text">วิธีการเข้าร่วมรับผิดชอบ</p> <p class="card-text">แสดงรายชื่อสถานีก</p> <p class="card-text">คงทะเบียน</p> <p class="card-text">นำเข้าช่วยของผู้ประกอบการ</p> </div> </div> </div> </div> <!-- ส่วนแสดงตารางสมาชิก --> <div class="card"> <div class="card-header bg-white"> <h5 class="mb-0"><i class="fas fa-users me-2"></i>แสดงรายชื่อสมาชิก</h5> </div> <div class="card-body"> <?php if (isset($_SESSION["login"]) && $_SESSION["login"] == "pass" && isset($_SESSION["uid_iogin"])): ?> <a href="?page=regis" class="btn btn-add"> <i class="fas fa-plus-circle"></i>เพิ่มสมาชิก </a> <?php endif; ?> <?php if ($result->num_rows > 0): ?> <div class="table-responsive"> <table class="table table-hover"> <thead> <tr> <th>ลำดับ</th> <th>ชื่อ - นามสกุล</th> <th>เบอร์โทร</th> <th>อีเมล์</th> <?php if (isset($_SESSION["login"]) && $_SESSION["login"] == "pass" && isset($_SESSION["uid_iogin"])): ?> <th>การจัดการ</th> <?php endif; ?> </tr> </thead> <tbody> <?php $no = 1; while($row = $result->fetch_assoc()): ?> <tr> <td><?= $no ?></td> <td> <div class="user-info"> <div class="user-avatar"> <?= mb_substr($row['fullname'], 0, 1, 'UTF-8') ?> </div> <div> <div class="fw-medium"><?= $row['fullname'] ?></div> <small class="text-muted">@<?= $row['username'] ?></small> </div> </div> </td> <td><?= $row['phone'] ? $row['phone'] : '<span class="text-muted">-</span>' ?></td> <td><?= $row['email'] ?></td> <?php if (isset($_SESSION["login"]) && $_SESSION["login"] == "pass" && isset($_SESSION["uid_iogin"])): ?> <td> <div class="d-flex flex-wrap"> <a href="?page=edit_user&uid=<?= $row['uid'] ?>" class="btn btn-action btn-edit"> <i class="fas fa-edit"></i>แก้ไข </a> <a href="?page=delete_user&uid=<?= $row['uid'] ?>" class="btn btn-action btn-delete" onclick="return confirm('คุณแน่ใจว่าต้องการลบสมาชิกนี้?')"> <i class="fas fa-trash-alt"></i>ลบ </a> </div> </td> <?php endif; ?> </tr> <?php $no++; endwhile; ?> </tbody> </table> </div> <?php else: ?> <div class="no-data"> <i class="fas fa-users-slash"></i> <h5>ไม่มีข้อมูลสมาชิก</h5> <p class="mb-0">ยังไม่มีสมาชิกในระบบ</p> </div> <?php endif; ?> </div> </div> <!-- ส่วนท้ายของหน้าเว็บ --> <div class="footer"> <p class="mb-1">© Copyright <strong>NIGHT</strong> All Rights Reserved</p> <p class="mb-0">Designed by BootstraplMade</p> </div> </div> <!-- Bootstrap JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.07 |
proxy
|
phpinfo
|
Réglages