📁 File Manager
📍
/
/
home
/
u449181296
/
domains
/
birulogi.smakpbaleendah.sch.id
/
public_html
/
lms
/
tukang-ngatur
/
assets
/
img
/
qr-logos
/home/u449181296/domains/birulogi.smakpbaleendah.sch.id/public_html/lms/tukang-ngatur/assets/img/qr-logos
Upload
Name
Size
Date
CHMOD
Action
— FILE —
logo_1773801405.php
6.73 KB
2026-03-18 02:36
644
(rw-r--r--)
Edit
|
Rename
|
Preview
|
Del
Edit
<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Panel Admin - Birulogi Cloud</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://unpkg.com/lucide@latest"></script> <link rel="stylesheet" href="style.css"> <style> .nav-tab.active { color: #1e40af; border-bottom: 4px solid #1e40af; background: white; } .tab-item { display: none; } .tab-item.block { display: block; } </style> </head> <body class="min-h-screen flex flex-col bg-slate-50" id="adm-db"> <header class="bg-white border-b p-6 flex justify-between items-center sticky top-0 z-50 shadow-sm"> <div> <h1 class="font-black italic text-xl uppercase tracking-tighter text-slate-800 leading-none">Admin Pusat</h1> <p class="text-[8px] font-bold text-blue-600 uppercase tracking-widest mt-1">Birulogi Cloud System</p> </div> <div class="flex gap-2"> <button onclick="simpanGlobal()" class="bg-blue-600 text-white px-6 py-2.5 rounded-2xl font-black text-[10px] uppercase shadow-lg active:scale-95 transition-all flex items-center gap-2"> <i data-lucide="cloud-upload" class="w-3 h-3"></i> Simpan </button> <button onclick="konfirmasiKeluar()" class="bg-slate-100 p-2.5 rounded-2xl text-slate-400 hover:text-red-500 transition-colors"> <i data-lucide="log-out"></i> </button> </div> </header> <nav class="flex bg-white border-b sticky top-[85px] z-40 overflow-x-auto no-scrollbar"> <button onclick="tabAdm('adm-db-tab', this)" class="nav-tab active min-w-[100px] flex-1 py-5 text-[9px] font-black uppercase tracking-widest transition-all"> 1. Database </button> <button onclick="tabAdm('adm-ang', this)" class="nav-tab min-w-[100px] flex-1 py-5 text-[9px] font-black uppercase tracking-widest transition-all"> 2. Angkatan </button> <button onclick="tabAdm('adm-um', this)" class="nav-tab min-w-[100px] flex-1 py-5 text-[9px] font-black uppercase tracking-widest transition-all"> 3. Tampilan </button> <button onclick="tabAdm('adm-sec', this)" class="nav-tab min-w-[100px] flex-1 py-5 text-[9px] font-black uppercase tracking-widest transition-all text-red-500"> 4. Keamanan </button> </nav> <main class="flex-1 p-6 max-w-2xl mx-auto w-full"> <div id="adm-db-tab" class="tab-item block space-y-6"> <div class="bg-white p-6 rounded-[2.5rem] border shadow-sm"> <div class="flex items-center gap-3 mb-6"> <div class="bg-green-100 text-green-600 p-3 rounded-2xl"><i data-lucide="database"></i></div> <p class="text-[10px] font-black text-slate-800 uppercase tracking-widest">Koneksi Spreadsheet</p> </div> <label class="text-[9px] font-bold text-slate-400 uppercase ml-1">Google Spreadsheet URL</label> <input id="set-sheet-url" type="text" class="w-full p-4 mt-2 bg-slate-50 border rounded-2xl text-xs outline-none focus:ring-2 focus:ring-blue-600 mb-4" placeholder="https://docs.google.com/spreadsheets/d/..."> <div class="flex flex-col gap-2"> <button onclick="deteksiDatabase()" class="w-full bg-slate-900 text-white p-5 rounded-2xl font-black text-[10px] uppercase tracking-[0.2em] flex items-center justify-center gap-2 active:scale-95 transition-all"> <i data-lucide="refresh-cw" class="w-4 h-4"></i> Tarik Data Angkatan </button> <button onclick="bersihkanData()" class="w-full bg-red-50 text-red-600 p-4 rounded-2xl font-black text-[9px] uppercase tracking-[0.2em] flex items-center justify-center gap-2 active:scale-95 transition-all border border-red-100"> <i data-lucide="trash-2" class="w-3 h-3"></i> Bersihkan Data Cloud </button> </div> </div> <div id="db-preview-area" class="hidden animate-fade-in pb-10"> <p class="text-[10px] font-black text-slate-400 uppercase mb-3 ml-2 tracking-widest">Preview Data (Per Tab):</p> <select id="select-db-view" onchange="renderPaging(0)" class="w-full p-4 mb-4 bg-white border rounded-2xl font-black text-xs uppercase outline-none shadow-sm cursor-pointer"></select> <div id="table-view" class="bg-white rounded-[1.5rem] border overflow-hidden shadow-sm text-[10px]"></div> <div id="paging-box" class="flex justify-between items-center py-5"></div> </div> </div> <div id="adm-ang" class="tab-item space-y-4 pb-10"> <p class="text-[10px] font-black text-slate-400 uppercase ml-2 tracking-widest mb-4 text-center">Atur Visual Kartu Angkatan</p> <div id="list-editor-angkatan" class="space-y-4"> </div> </div> <div id="adm-um" class="tab-item space-y-6 pb-10"> <div class="bg-white p-8 rounded-[2.5rem] border shadow-sm"> <p class="text-[10px] font-black text-blue-600 uppercase mb-6 tracking-widest flex items-center gap-2"> <i data-lucide="palette" class="w-4 h-4"></i> Konfigurasi Visual </p> <div class="space-y-4"> <div> <label class="text-[9px] font-bold text-slate-400 uppercase">Judul Web</label> <input id="set-judul" type="text" class="w-full p-4 bg-slate-50 border rounded-2xl text-xs mt-1 font-bold" placeholder="Judul Aplikasi"> </div> <div> <label class="text-[9px] font-bold text-slate-400 uppercase">URL Background (Gambar)</label> <input id="set-bg-url" type="text" class="w-full p-4 bg-slate-50 border rounded-2xl text-xs mt-1" placeholder="https://link-gambar.jpg"> </div> <div class="grid grid-cols-2 gap-4"> <div class="col-span-2"> <label class="text-[9px] font-bold text-slate-400 uppercase">Warna Dasar Latar (Hex)</label> <div class="flex items-center gap-4 mt-1 bg-slate-50 p-2 rounded-2xl border"> <input id="set-bg-color" type="color" class="h-10 w-20 cursor-pointer bg-transparent border-none"> <p class="text-[10px] font-mono text-slate-400">Pilih warna default</p> </div> </div> </div> </div> </div> <div class="bg-white p-8 rounded-[2.5rem] border shadow-sm"> <p class="text-[10px] font-black text-blue-600 uppercase mb-6 tracking-widest flex items-center gap-2"> <i data-lucide="message-square" class="w-4 h-4"></i> Pesan Sistem </p> <div class="space-y-4"> <div class="space-y-1"> <label class="text-[8px] font-black text-slate-400 uppercase ml-1">Loading Text</label> <input id="set-n-load" type="text" class="w-full p-4 bg-slate-50 border rounded-2xl text-xs" placeholder="Sedang menarik data..."> </div> <div class="space-y-1"> <label class="text-[8px] font-black text-slate-400 uppercase ml-1">Success Text (Lolos)</label> <input id="set-n-win" type="text" class="w-full p-4 bg-slate-50 border rounded-2xl text-xs" placeholder="Selamat! Anda Lolos"> </div> <div class="space-y-1"> <label class="text-[8px] font-black text-slate-400 uppercase ml-1">Error Text (Tidak Ada)</label> <input id="set-n-lose" type="text" class="w-full p-4 bg-slate-50 border rounded-2xl text-xs" placeholder="Data tidak ditemukan"> </div> </div> </div> </div> <div id="adm-sec" class="tab-item space-y-6 pb-10"> <div class="bg-white p-8 rounded-[2.5rem] border border-red-100 shadow-sm text-center"> <div class="bg-red-100 text-red-600 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-6"> <i data-lucide="lock" class="w-8 h-8"></i> </div> <h3 class="font-black text-slate-800 uppercase tracking-tighter text-xl mb-2">Keamanan Cloud</h3> <p class="text-[10px] text-slate-400 font-bold uppercase tracking-widest mb-8 leading-relaxed"> Ganti kata sandi admin secara real-time. <br>Perubahan akan langsung berlaku di database cloud. </p> <button onclick="gantiPasswordAdmin()" class="w-full p-5 bg-red-600 text-white rounded-[2rem] font-black text-[11px] uppercase tracking-[0.2em] shadow-lg shadow-red-200 active:scale-95 transition-all"> Update Kata Sandi Admin </button> </div> <div class="p-6 bg-slate-100 rounded-[2rem] border border-dashed border-slate-300"> <p class="text-[9px] text-slate-500 font-bold uppercase italic text-center leading-loose"> Catatan: Jangan berikan kata sandi ini kepada siapapun termasuk <span class="text-blue-600 font-black">peserta didik</span>. </p> </div> </div> </main> <footer class="p-10 text-center border-t bg-white mt-auto"> <p class="text-[10px] font-black uppercase tracking-[0.6em] text-slate-300">birulogi</p> </footer> <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script> <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-database-compat.js"></script> <script> function tabAdm(id, btn) { // Sembunyikan semua tab document.querySelectorAll('.tab-item').forEach(el => el.classList.remove('block')); // Reset semua tombol tab document.querySelectorAll('.nav-tab').forEach(el => el.classList.remove('active')); // Tampilkan tab yang dipilih document.getElementById(id).classList.add('block'); // Aktifkan tombol yang diklik btn.classList.add('active'); // Re-render icon lucide jika tab pindah if (typeof lucide !== 'undefined') lucide.createIcons(); } </script> <script src="script.js"></script> </body> </html>
Save
🧪 PHP Preview
<?php echo 'hello'; ?>
Run PHP
🖥 Linux CMD
Run CMD