FileMgr

✏️ /home/mien4214/public_html/webcp/app/Views/admin-web/layout/template.php

✕ Tutup

<!DOCTYPE html>
<html lang="id">

gtag('config', 'G-XXXXXXX');
    </script>

/* MENYEMBUNYIKAN SCROLLBAR SECARA TOTAL TAPI TETAP BISA DI-SCROLL */
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

.scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
    </style>
</head>

<?php $uri = uri_string(); ?>

<div class="p-6 text-center border-b border-red-700/50 flex flex-col items-center justify-center min-h-[140px]">
            <div
                class="w-12 h-12 bg-white text-red-800 rounded-full flex items-center justify-center text-xl font-bold shadow-md shrink-0">
                <i class="fa-solid fa-bowl-food"></i>
            </div>
            <div class="logo-text mt-3 transition-opacity duration-300">
                <h1 class="text-xl font-bold tracking-wide">Admin Panel</h1>
                <p class="text-xs text-red-200 font-medium tracking-widest uppercase mt-1">Mie Nyinyir</p>
            </div>
        </div>

<nav class="flex-1 overflow-y-auto overflow-x-hidden mt-4 scrollbar-hide px-3 pb-4">
            <ul class="space-y-1">
                <li>
                    <a href="<?= base_url('/dashboard-adm') ?>" title="Dashboard"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm' || $uri == '') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i
                            class="fa-solid fa-chart-pie w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm' || $uri == '') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">Dashboard</span>
                    </a>
                </li>

<li class="pt-5 pb-2">
                    <span
                        class="menu-header px-3 text-[11px] font-bold text-red-300 uppercase tracking-wider transition-opacity duration-300">
                        Manajemen Halaman
                    </span>
                </li>

<li>
                    <a href="<?= base_url('/dashboard-adm/home') ?>" title="Home"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm/home') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i
                            class="fa-solid fa-house-chimney w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm/home') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">Home</span>
                    </a>
                </li>

<li>
                    <a href="<?= base_url('/dashboard-adm/menu') ?>" title="Menu"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm/menu') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i
                            class="fa-solid fa-book-open w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm/menu') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">Menu</span>
                    </a>
                </li>

<li>
                    <a href="<?= base_url('/dashboard-adm/about') ?>" title="About"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm/about') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i
                            class="fa-solid fa-circle-info w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm/about') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">About</span>
                    </a>
                </li>

<li>
                    <a href="<?= base_url('/dashboard-adm/berita') ?>" title="Berita & Pengumuman"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm/berita') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i
                            class="fa-solid fa-newspaper w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm/berita') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">Berita & Info</span>
                    </a>
                </li>

<li>
                    <a href="<?= base_url('/dashboard-adm/galeri') ?>" title="Galeri"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm/galeri') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i
                            class="fa-solid fa-images w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm/galeri') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">Galeri</span>
                    </a>
                </li>

<li>
                    <a href="<?= base_url('/dashboard-adm/karir') ?>" title="Karir & Pelamar"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm/karir') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i
                            class="fa-solid fa-briefcase w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm/karir') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">Karir &
                            Pelamar</span>
                    </a>
                </li>

<li>
                    <a href="<?= base_url('/dashboard-adm/kedai') ?>" title="Outlet / Kedai"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm/kedai') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i
                            class="fa-solid fa-store w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm/kedai') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">Outlet /
                            Kedai</span>
                    </a>
                </li>
                <li>
                    <a href="<?= base_url('/dashboard-adm/kritik-saran') ?>" title="Kritik & Saran"
                        class="flex items-center gap-3 py-2.5 px-3 rounded-lg transition-all duration-200 <?= ($uri == 'dashboard-adm/kritik-saran') ? 'bg-red-900 shadow-inner border-l-4 border-white' : 'hover:bg-red-900/60 border-l-4 border-transparent' ?>">
                        <i class="fa-solid fa-comments w-6 text-center shrink-0 text-lg <?= ($uri == 'dashboard-adm/kritik-saran') ? 'text-white' : 'text-red-300' ?>"></i>
                        <span class="menu-text text-sm font-medium transition-opacity duration-300">Kritik & Saran</span>
                    </a>
                </li>
            </ul>
        </nav>

<div class="p-4 border-t border-red-700/50 mt-auto">
            <a href="<?= base_url('/admin/logout') ?>" title="Logout"
                class="flex items-center justify-center gap-2 w-full bg-white text-red-800 py-2.5 rounded-lg font-semibold hover:bg-gray-100 hover:shadow-md transition-all shadow-sm overflow-hidden group">
                <i class="fa-solid fa-right-from-bracket shrink-0 group-hover:translate-x-1 transition-transform"></i>
                <span class="menu-text transition-opacity duration-300">Logout</span>
            </a>
        </div>
    </aside>

<div class="flex items-center gap-5">
                <button class="text-gray-400 hover:text-red-800 transition">
                    <i class="fa-regular fa-bell text-xl"></i>
                </button>
                <div class="flex items-center gap-3 pl-5 border-l border-gray-200 cursor-pointer">
                    <img src="https://ui-avatars.com/api/?name=Admin+Mie+Nyinyir&background=991b1b&color=fff"
                        alt="Admin Avatar" class="w-9 h-9 rounded-full shadow-sm">
                    <div class="hidden md:block text-sm">
                        <p class="font-semibold text-gray-700 leading-tight">Admin System</p>
                        <p class="text-xs text-gray-500">Superadmin</p>
                    </div>
                    <i class="fa-solid fa-chevron-down text-gray-400 text-xs ml-2"></i>
                </div>
            </div>
        </header>

<main id="main-content" class="flex-1 p-0">
            <?= $this->renderSection('content') ?>
        </main>

</div>

const savedSidebarState = localStorage.getItem('sidebarState');

if (savedSidebarState === 'collapsed') {
                setSidebarState(true);
            }

toggleBtn.addEventListener('click', function () {
                const isCurrentlyCollapsed = sidebar.classList.contains('w-20');

if (isCurrentlyCollapsed) {
                    setSidebarState(false);
                    localStorage.setItem('sidebarState', 'expanded');
                } else {
                    setSidebarState(true);
                    localStorage.setItem('sidebarState', 'collapsed');
                }
            });
        });

</script>
</body>

</html>

Batal

⬅ admin-web 1 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
🐘 template.php	php	14 KB	27/04/26 10:19	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission