File manager

File manager - Edit - /home/webapp68.cm.in.th/u68319090004/Final/index.php

Back
<!doctype html> <html lang="th"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <title>CMS Dashboard — College News</title> <style> :root { --bg:#f6f7fb; --card:#fff; --text:#222; --muted:#6b7280; --primary:#2563eb; --danger:#dc2626; } *{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)} .layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh} aside{background:#111827;color:#e5e7eb;padding:20px;display:flex;flex-direction:column;gap:16px} .brand{font-weight:700;font-size:20px;margin-bottom:12px} .nav a{display:block;padding:10px 12px;border-radius:10px;color:#e5e7eb;text-decoration:none} .nav a.active,.nav a:hover{background:#1f2937} header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--card);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5} .search{display:flex;gap:8px;align-items:center} .search input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;min-width:260px} .btn{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;background:var(--card);cursor:pointer} .btn.primary{background:var(--primary);border-color:var(--primary);color:#fff} main{padding:20px;display:grid;gap:20px} .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .card{background:var(--card);border:1px solid #e5e7eb;border-radius:14px;padding:16px} .kpi{font-size:28px;font-weight:700;margin-top:6px} .grid{display:grid;grid-template-columns:2fr 1fr;gap:16px} table{width:100%;border-collapse:separate;border-spacing:0} th,td{padding:10px 12px;border-bottom:1px solid #e5e7eb;text-align:left} th{font-size:14px;color:var(--muted);font-weight:600} .status{padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid #e5e7eb} .status.published{background:#e0f2fe;border-color:#bae6fd} .status.review{background:#fff7ed;border-color:#fed7aa} .status.draft{background:#f3f4f6;border-color:#e5e7eb} .panel-title{font-weight:700;margin-bottom:8px} .filters{display:flex;gap:8px;margin-bottom:10px} select{padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff} .queue-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;background:#fff} .actions{display:flex;gap:8px} .btn.danger{background:var(--danger);border-color:var(--danger);color:#fff} @media (max-width: 1000px){ .cards{grid-template-columns:repeat(2,1fr)} .grid{grid-template-columns:1fr} .search input{min-width:160px} } @media (max-width: 640px){ .layout{grid-template-columns:1fr} aside{position:sticky;top:0;flex-direction:row;overflow:auto} .cards{grid-template-columns:1fr} } </style> </head> <body> <div class="layout"> <aside> <div class="brand">Chitsanuphong Talan</div> <nav class="nav"> <a class="active" href="index.php">Dashboard</a> <a href="articles.php">บทความ</a> <a href="categories.php">หมวดหมู่</a> <a href="comments.php">ความคิดเห็น</a> <a href="users.php">ผู้ใช้งาน</a> <a href="media.php">สื่อ</a> <a href="settings.php">ตั้งค่า</a> </nav> </aside> <div> <header> <div class="search"> <input placeholder="ค้นหา…" /> <button class="btn">ค้นหา</button> </div> <div class="actions"> <button class="btn">แจ้งเตือน</button> <button class="btn primary">+ สร้างบทความ</button> </div> </header> <main> <!-- KPI Cards --> <section class="cards"> <div class="card"> <div>บทความทั้งหมด</div> <div class="kpi" id="kpi-all">128</div> </div> <div class="card"> <div>รอตรวจ</div> <div class="kpi" id="kpi-review">7</div> </div> <div class="card"> <div>เผยแพร่เดือนนี้</div> <div class="kpi" id="kpi-month">22</div> </div> <div class="card"> <div>คอมเมนต์ใหม่</div> <div class="kpi" id="kpi-comments">34</div> </div> </section> <section class="grid"> <!-- Recent Articles --> <div class="card"> <div class="panel-title">บทความล่าสุด</div> <div class="filters"> <select> <option>สถานะ: ทั้งหมด</option> <option>Draft</option> <option>Review</option> <option>Published</option> </select> <select> <option>หมวด: ทั้งหมด</option> <option>ประกาศวิทยาลัย</option> <option>กิจกรรม</option> <option>ข่าวประชาสัมพันธ์</option> </select> <select> <option>ผู้เขียน: ทั้งหมด</option> <option>admin</option> <option>editor1</option> <option>author1</option> </select> <button class="btn">กรอง</button> </div> <table> <thead> <tr> <th>ชื่อเรื่อง</th> <th>ผู้เขียน</th> <th>หมวด</th> <th>สถานะ</th> <th>อัปเดตเมื่อ</th> <th></th> </tr> </thead> <tbody> <tr> <td>ตารางสอบกลางภาค</td> <td>admin</td> <td>ประกาศวิทยาลัย</td> <td><span class="status published">Published</span></td> <td>2025-08-20 09:41</td> <td class="actions"> <button class="btn">ดู</button> <button class="btn">แก้ไข</button> <button class="btn danger">ลบ</button> </td> </tr> <tr> <td>โครงการอบรม AI สำหรับ นศ.</td> <td>editor1</td> <td>กิจกรรม</td> <td><span class="status review">Review</span></td> <td>2025-08-19 14:10</td> <td class="actions"> <button class="btn">ดู</button> <button class="btn">แก้ไข</button> <button class="btn danger">ลบ</button> </td> </tr> <tr> <td>รับสมัครชมรมใหม่ปีการศึกษา</td> <td>author1</td> <td>ข่าวประชาสัมพันธ์</td> <td><span class="status draft">Draft</span></td> <td>2025-08-18 11:03</td> <td class="actions"> <button class="btn">ดู</button> <button class="btn">แก้ไข</button> <button class="btn danger">ลบ</button> </td> </tr> </tbody> </table> </div> <!-- Moderation Queue --> <div class="card"> <div class="panel-title">คิวความคิดเห็นรอตรวจ</div> <div class="queue-item"> <div> <div><strong>บทความ:</strong> ตารางสอบกลางภาค</div> <div class="muted">นักศึกษา A: “ขอบคุณสำหรับข้อมูลครับ”</div> </div> <div class="actions"> <button class="btn">อนุมัติ</button> <button class="btn">ซ่อน</button> <button class="btn danger">ลบ</button> </div> </div> <div class="queue-item"> <div> <div><strong>บทความ:</strong> โครงการอบรม AI สำหรับ นศ.</div> <div class="muted">ผู้เยี่ยมชม: “มีสมัครออนไลน์ไหมคะ?”</div> </div> <div class="actions"> <button class="btn">อนุมัติ</button> <button class="btn">ซ่อน</button> <button class="btn danger">ลบ</button> </div> </div> </div> </section> </main> </div> </div> </body> </html>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.88 | proxy | phpinfo | Settings