Spaces:
Running
Running
Now, are you able to make a next to sign up board, thats purpose is to add person whose in charge and manages site? they are the ones that can add images in staff info, send announcements, add memories, schedule shifts and change home status. they will be added when they sign up with email, and also whene they sign up ask them to add 2FA ether authentication app or via email and also to verify there email codfe will be sent to there email (you will)
055e879 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Admin Dashboard | Fuse Cafe | Roblox</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/sidebar.js"></script> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <custom-navbar></custom-navbar> | |
| <custom-sidebar></custom-sidebar> | |
| <main class="ml-0 md:ml-64 pt-16 px-4 min-h-screen bg-[#f9f5f0]"> | |
| <div class="max-w-6xl mx-auto py-8"> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden p-8 mb-8 animate__animated animate__fadeIn"> | |
| <div class="flex justify-between items-center mb-8"> | |
| <h1 class="text-3xl font-bold text-[#6F4E37]">Admin Dashboard</h1> | |
| <button id="logout-btn" class="text-[#6F4E37] hover:text-[#5a3c2b] px-4 py-2 rounded-lg transition-all duration-300"> | |
| Logout | |
| </button> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <a href="staff.html" class="bg-[#f9f5f0] hover:bg-[#e2d5c8] rounded-lg p-6 transition-all duration-300 border border-[#d4b999]"> | |
| <div class="flex items-center"> | |
| <i data-feather="users" class="text-[#6F4E37] text-2xl mr-4"></i> | |
| <div> | |
| <h3 class="text-xl font-bold text-[#5a3c2b]">Manage Staff</h3> | |
| <p class="text-[#5a3c2b]">Add, edit or remove staff members</p> | |
| </div> | |
| </div> | |
| </a> | |
| <a href="announcements.html" class="bg-[#f9f5f0] hover:bg-[#e2d5c8] rounded-lg p-6 transition-all duration-300 border border-[#d4b999]"> | |
| <div class="flex items-center"> | |
| <i data-feather="bell" class="text-[#6F4E37] text-2xl mr-4"></i> | |
| <div> | |
| <h3 class="text-xl font-bold text-[#5a3c2b]">Announcements</h3> | |
| <p class="text-[#5a3c2b]">Create and manage announcements</p> | |
| </div> | |
| </div> | |
| </a> | |
| <a href="memories.html" class="bg-[#f9f5f0] hover:bg-[#e2d5c8] rounded-lg p-6 transition-all duration-300 border border-[#d4b999]"> | |
| <div class="flex items-center"> | |
| <i data-feather="image" class="text-[#6F4E37] text-2xl mr-4"></i> | |
| <div> | |
| <h3 class="text-xl font-bold text-[#5a3c2b]">Memories</h3> | |
| <p class="text-[#5a3c2b]">Add and manage cafe memories</p> | |
| </div> | |
| </div> | |
| </a> | |
| <a href="shifts.html" class="bg-[#f9f5f0] hover:bg-[#e2d5c8] rounded-lg p-6 transition-all duration-300 border border-[#d4b999]"> | |
| <div class="flex items-center"> | |
| <i data-feather="clock" class="text-[#6F4E37] text-2xl mr-4"></i> | |
| <div> | |
| <h3 class="text-xl font-bold text-[#5a3c2b]">Shifts</h3> | |
| <p class="text-[#5a3c2b]">Schedule and manage staff shifts</p> | |
| </div> | |
| </div> | |
| </a> | |
| <a href="legal.html" class="bg-[#f9f5f0] hover:bg-[#e2d5c8] rounded-lg p-6 transition-all duration-300 border border-[#d4b999]"> | |
| <div class="flex items-center"> | |
| <i data-feather="file-text" class="text-[#6F4E37] text-2xl mr-4"></i> | |
| <div> | |
| <h3 class="text-xl font-bold text-[#5a3c2b]">Legal Info</h3> | |
| <p class="text-[#5a3c2b]">Update terms and privacy policy</p> | |
| </div> | |
| </div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <script> | |
| feather.replace(); | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Check admin auth | |
| if (sessionStorage.getItem('adminToken') === null) { | |
| window.location.href = 'admin-login.html'; | |
| return; | |
| } | |
| // Logout button | |
| document.getElementById('logout-btn').addEventListener('click', function() { | |
| sessionStorage.removeItem('adminToken'); | |
| window.location.href = 'index.html'; | |
| }); | |
| }); | |
| </script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |