/** * @license * SPDX-License-Identifier: Apache-2.0 */ import React, { useState } from 'react'; import { Folder, FolderOpen, FileCode, ChevronRight, ChevronDown, Copy, Check, Download, Eye, Code, Layout, Database, Server, Building2, Users, DollarSign, CalendarDays, Menu, Search, Bell, MessageSquare, Maximize, Info, Terminal, Activity, User, Settings, HelpCircle, FileSpreadsheet } from 'lucide-react'; // Code Templates for CI3 Files const fileTemplates: Record = { '.htaccess': `# URL Rewriting Rule untuk menghapus index.php di URL CodeIgniter 3 RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L]`, 'index.php': `=')) { error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED & ~E_STRICT & ~E_USER_NOTICE & ~E_USER_DEPRECATED); } else { error_reporting(E_ALL & ~E_NOTICE & ~E_STRICT & ~E_USER_NOTICE); } break; default: header('HTTP/1.1 503 Service Unavailable.', TRUE, 503); echo 'The application environment is not set correctly.'; exit(1); // EXIT_ERROR } // Nama direktori aplikasi (default: application) $system_path = 'system'; $application_folder = 'application'; $view_folder = ''; // Path ke direktori system & application if (defined('STDIN')) { chdir(dirname(__FILE__)); } if (($_temp = realpath($system_path)) !== FALSE) { $system_path = $_temp.DIRECTORY_SEPARATOR; } else { $system_path = strtr( rtrim($system_path, '/\\\\'), '/\\\\', DIRECTORY_SEPARATOR.DIRECTORY_SEPARATOR ).DIRECTORY_SEPARATOR; } if ( ! is_dir($system_path)) { header('HTTP/1.1 503 Service Unavailable.', TRUE, 503); echo 'Your system folder path does not appear to be set correctly.'; exit(3); // EXIT_CONFIG } define('SELF', pathinfo(__FILE__, PATHINFO_BASENAME)); define('BASEPATH', $system_path); define('FCPATH', dirname(__FILE__).DIRECTORY_SEPARATOR); define('SYSDIR', basename(BASEPATH)); if (is_dir($application_folder)) { if (($_temp = realpath($application_folder)) !== FALSE) { $application_folder = $_temp.DIRECTORY_SEPARATOR; } else { $application_folder = rtrim($application_folder, '/\\\\').DIRECTORY_SEPARATOR; } define('APPPATH', $application_folder); } else { header('HTTP/1.1 503 Service Unavailable.', TRUE, 503); echo 'Your application folder path does not appear to be set correctly.'; exit(3); // EXIT_CONFIG } // Load core bootstrapper CodeIgniter require_once BASEPATH.'core/CodeIgniter.php';`, 'application/config/config.php': ` '', 'hostname' => 'localhost', 'username' => 'root', 'password' => '', 'database' => 'db_properti_hub', 'dbdriver' => 'mysqli', // Driver MySQLi PHP 7.4+ 'dbprefix' => '', 'pconnect' => FALSE, 'db_debug' => (ENVIRONMENT !== 'production'), 'cache_on' => FALSE, 'cachedir' => '', 'char_set' => 'utf8mb4', 'dbcollat' => 'utf8mb4_general_ci', 'swap_pre' => '', 'encrypt' => FALSE, 'compress' => FALSE, 'stricton' => FALSE, 'failover' => array(), 'save_queries' => TRUE // Mengaktifkan query profiling untuk optimasi );`, 'application/config/autoload.php': `session->userdata('user_id')) { redirect('login'); } } public function index() { $data['title'] = 'Dashboard Utama - PropertyHub'; $data['active_menu'] = 'dashboard'; // Mengambil data statistik dari model untuk Info Boxes AdminLTE $data['stats'] = $this->Property_model->get_dashboard_stats(); $data['recent_transactions'] = $this->Property_model->get_recent_transactions(5); $data['user_profile'] = $this->User_model->get_user_by_id($this->session->userdata('user_id')); // Render view dibungkus dengan layout templates AdminLTE 3 $this->load->view('templates/header', $data); $this->load->view('templates/sidebar', $data); $this->load->view('dashboard', $data); $this->load->view('templates/footer', $data); } }`, 'application/controllers/Property.php': `session->userdata('user_id')) { redirect('login'); } } public function index() { $data['title'] = 'Manajemen Properti - PropertyHub'; $data['active_menu'] = 'property_list'; // Membaca query pencarian/filter $search = $this->input->get('search'); $type = $this->input->get('type'); if ($search || $type) { $data['properties'] = $this->Property_model->search_properties($search, $type); } else { $data['properties'] = $this->Property_model->get_all_properties(); } $this->load->view('templates/header', $data); $this->load->view('templates/sidebar', $data); $this->load->view('properties/list', $data); $this->load->view('templates/footer', $data); } public function create() { // Cek hak akses melalui RBAC (Hanya Owner yang dapat menambahkan properti) $role = $this->session->userdata('role'); if ($role !== 'owner') { $this->session->set_flashdata('error', 'Hanya Host/Pemilik properti yang diizinkan!'); redirect('properties'); } $data['title'] = 'Daftarkan Properti Baru - PropertyHub'; $data['active_menu'] = 'add_property'; $this->load->view('templates/header', $data); $this->load->view('templates/sidebar', $data); $this->load->view('properties/add', $data); $this->load->view('templates/footer', $data); } public function store() { $role = $this->session->userdata('role'); if ($role !== 'owner') { redirect('properties'); } // Aturan validasi Form CodeIgniter 3 $this->form_validation->set_rules('name', 'Nama Properti', 'required|trim'); $this->form_validation->set_rules('address', 'Alamat Lengkap', 'required|trim'); $this->form_validation->set_rules('type', 'Tipe Properti', 'required'); $this->form_validation->set_rules('description', 'Deskripsi Properti', 'required|trim'); if ($this->form_validation->run() == FALSE) { $this->create(); } else { // Mengambil input data form dengan pengamanan XSS otomatis $insert_data = array( 'owner_id' => $this->session->userdata('user_id'), 'name' => $this->input->post('name', TRUE), 'type' => $this->input->post('type', TRUE), 'address' => $this->input->post('address', TRUE), 'description' => $this->input->post('description', TRUE), 'price_day' => $this->input->post('price_day') ? intval($this->input->post('price_day')) : NULL, 'price_month' => $this->input->post('price_month') ? intval($this->input->post('price_month')) : NULL, 'price_buy' => $this->input->post('price_buy') ? intval($this->input->post('price_buy')) : NULL, 'status' => 'available', 'image_url' => $this->input->post('image_url') ?: 'https://images.unsplash.com/photo-1564013799919-ab600027ffc6', 'created_at' => date('Y-m-d H:i:s') ); if ($this->Property_model->insert_property($insert_data)) { $this->session->set_flashdata('success', 'Listing properti berhasil diterbitkan!'); } else { $this->session->set_flashdata('error', 'Gagal menyimpan data properti.'); } redirect('properties'); } } public function delete($id) { $role = $this->session->userdata('role'); $user_id = $this->session->userdata('user_id'); // Pastikan properti milik user bersangkutan sebelum menghapus $property = $this->Property_model->get_property_by_id($id); if (!$property || ($role !== 'owner' || $property['owner_id'] !== $user_id)) { $this->session->set_flashdata('error', 'Anda tidak memiliki hak akses menghapus properti ini!'); redirect('properties'); } if ($this->Property_model->delete_property($id)) { $this->session->set_flashdata('success', 'Listing properti berhasil dihapus!'); } else { $this->session->set_flashdata('error', 'Gagal menghapus properti dari database.'); } redirect('properties'); } }`, 'application/controllers/Auth.php': `session->userdata('user_id')) { redirect('dashboard'); } $this->form_validation->set_rules('username', 'Username', 'required|trim'); $this->form_validation->set_rules('password', 'Password', 'required'); if ($this->form_validation->run() == FALSE) { $data['title'] = 'Masuk - Portal PropertyHub'; $this->load->view('auth/login', $data); } else { $username = $this->input->post('username', TRUE); $password = $this->input->post('password'); $user = $this->User_model->check_login($username, $password); if ($user) { // Set CodeIgniter Session userdata $session_data = array( 'user_id' => $user['id'], 'username' => $user['username'], 'full_name' => $user['full_name'], 'role' => $user['role'], // 'owner' atau 'guest' 'email' => $user['email'] ); $this->session->set_userdata($session_data); redirect('dashboard'); } else { $this->session->set_flashdata('error', 'Kombinasi Username & Password tidak cocok!'); redirect('login'); } } } public function logout() { $this->session->sess_destroy(); redirect('login'); } }`, 'application/models/Property_model.php': `db->order_by('created_at', 'DESC'); return $this->db->get('properties')->result_array(); } public function get_property_by_id($id) { return $this->db->get_where('properties', array('id' => $id))->row_array(); } public function search_properties($search = '', $type = '') { $this->db->select('*'); $this->db->from('properties'); if (!empty($search)) { $this->db->group_start(); $this->db->like('name', $search); $this->db->or_like('address', $search); $this->db->or_like('description', $search); $this->db->group_end(); } if (!empty($type)) { $this->db->where('type', $type); } return $this->db->get()->result_array(); } public function insert_property($data) { return $this->db->insert('properties', $data); } public function delete_property($id) { return $this->db->delete('properties', array('id' => $id)); } public function get_dashboard_stats() { // Menggunakan Active Record Builder untuk menghitung cepat $stats = array(); $stats['total_properties'] = $this->db->count_all('properties'); // Total Pendapatan Kotor dari transaksi sukses $this->db->select_sum('total_price'); $this->db->where('status', 'paid'); $query = $this->db->get('transactions')->row_array(); $stats['revenue'] = $query['total_price'] ?: 0; // Total Transaksi Booking Aktif $this->db->where_in('status', array('pending', 'paid')); $stats['active_bookings'] = $this->db->count_all_results('transactions'); // Total properti dengan status Tersewa/Terbeli $this->db->where_in('status', array('rented', 'sold')); $stats['closed_deals'] = $this->db->count_all_results('properties'); return $stats; } public function get_recent_transactions($limit = 5) { $this->db->select('transactions.*, properties.name as property_name, properties.type as property_type'); $this->db->from('transactions'); $this->db->join('properties', 'properties.id = transactions.property_id'); $this->db->order_by('transactions.created_at', 'DESC'); $this->db->limit($limit); return $this->db->get()->result_array(); } }`, 'application/models/User_model.php': `db->where('username', $username); $user = $this->db->get('users')->row_array(); if ($user) { // Verifikasi Password Hash PHP (MD5/SHA256 sesuai skema sistem lama, atau password_verify untuk PHP 7+) if (password_verify($password, $user['password']) || md5($password) === $user['password']) { return $user; } } return FALSE; } public function get_user_by_id($id) { $this->db->select('users.*, roles.role_name, roles.description as role_desc'); $this->db->from('users'); $this->db->join('roles', 'roles.id = users.role_id', 'left'); $this->db->where('users.id', $id); return $this->db->get()->row_array(); } public function get_user_permissions($role_id) { $this->db->select('permissions.permission_key'); $this->db->from('role_permissions'); $this->db->join('permissions', 'permissions.id = role_permissions.permission_id'); $this->db->where('role_permissions.role_id', $role_id); $query = $this->db->get()->result_array(); $permissions = array(); foreach ($query as $row) { $permissions[] = $row['permission_key']; } return $permissions; } }`, 'application/views/templates/header.php': ` <?php echo isset($title) ? $title : 'Portal PropertyHub'; ?>
`, 'application/views/templates/sidebar.php': ` `, 'application/views/templates/footer.php': `
CodeIgniter 3 + AdminLTE 3
Copyright © 2026 PropertyHub. All rights reserved.
`, 'application/views/dashboard.php': `

Ringkasan Sistem - PropertyHub

  1. Home
  2. Dashboard
Total Properti Unit
Pendapatan Kotor Rp
Booking Aktif Transaksi
Transaksi Selesai Deal

Aktivitas Transaksi Terbaru

ID Pemesan Unit Properti Tipe Layanan Total Biaya Status
# Rp Terbayar Dibatalkan Menunggu
Belum ada aktivitas transaksi terekam.

Status Server PHP & CI3

  • Framework CodeIgniter v3.1.13
  • Database MySQL v8.0 + MySQLi
  • Runtime Environment PHP 7.4.33
  • Style Template AdminLTE v3.2.0

  • Database SQL tersinkronisasi sempurna dengan skema relasional utama di phpMyAdmin.

`, 'application/views/properties/list.php': `

Daftar Properti Terdaftar

  1. Home
  2. Properti
session->flashdata('success')): ?>
Berhasil!
session->flashdata('success'); ?>
session->flashdata('error')): ?>
Error!
session->flashdata('error'); ?>
Reset
Properti

Detail session->userdata('role') === 'owner' && $property['owner_id'] === $this->session->userdata('user_id')): ?> Hapus

Tidak ada properti terdaftar yang memenuhi kriteria pencarian.

`, 'application/views/properties/add.php': `

Tambah Listing Properti Baru

  1. Home
  2. Properti
  3. Tambah

Formulir Pendaftaran Unit

Gagal Melakukan Validasi!
Kembali

Aturan Skema

1. CSRF Security: Form ini dilengkapi token CSRF otomatis menggunakan $this->security->get_csrf_hash() untuk memproteksi dari serangan lintas-situs.

2. Form Validation: CodeIgniter mendeteksi tipe data masukan secara ketat sebelum meneruskan proses tulis ke database relasional.

3. Tipe Penawaran: Anda dapat memasukkan salah satu atau semua harga penawaran di atas. Layanan akan otomatis terbagi sesuai skema (Stay/Rent/Buy).

`, 'application/views/auth/login.php': ` <?php echo $title; ?>
` }; interface TreeNode { name: string; type: 'folder' | 'file'; path: string; children?: TreeNode[]; } // Tree view structure of CodeIgniter 3 const ci3DirectoryTree: TreeNode = { name: 'propertyhub', type: 'folder', path: '', children: [ { name: 'application', type: 'folder', path: 'application', children: [ { name: 'config', type: 'folder', path: 'application/config', children: [ { name: 'autoload.php', type: 'file', path: 'application/config/autoload.php' }, { name: 'config.php', type: 'file', path: 'application/config/config.php' }, { name: 'database.php', type: 'file', path: 'application/config/database.php' }, { name: 'routes.php', type: 'file', path: 'application/config/routes.php' } ] }, { name: 'controllers', type: 'folder', path: 'application/controllers', children: [ { name: 'Auth.php', type: 'file', path: 'application/controllers/Auth.php' }, { name: 'Dashboard.php', type: 'file', path: 'application/controllers/Dashboard.php' }, { name: 'Property.php', type: 'file', path: 'application/controllers/Property.php' } ] }, { name: 'models', type: 'folder', path: 'application/models', children: [ { name: 'Property_model.php', type: 'file', path: 'application/models/Property_model.php' }, { name: 'User_model.php', type: 'file', path: 'application/models/User_model.php' } ] }, { name: 'views', type: 'folder', path: 'application/views', children: [ { name: 'auth', type: 'folder', path: 'application/views/auth', children: [ { name: 'login.php', type: 'file', path: 'application/views/auth/login.php' } ] }, { name: 'properties', type: 'folder', path: 'application/views/properties', children: [ { name: 'add.php', type: 'file', path: 'application/views/properties/add.php' }, { name: 'list.php', type: 'file', path: 'application/views/properties/list.php' } ] }, { name: 'templates', type: 'folder', path: 'application/views/templates', children: [ { name: 'footer.php', type: 'file', path: 'application/views/templates/footer.php' }, { name: 'header.php', type: 'file', path: 'application/views/templates/header.php' }, { name: 'sidebar.php', type: 'file', path: 'application/views/templates/sidebar.php' } ] }, { name: 'dashboard.php', type: 'file', path: 'application/views/dashboard.php' } ] } ] }, { name: 'assets', type: 'folder', path: 'assets', children: [ { name: 'adminlte', type: 'folder', path: 'assets/adminlte', children: [ { name: 'css', type: 'folder', path: 'assets/adminlte/css', children: [ { name: 'adminlte.min.css', type: 'file', path: 'assets/adminlte/css/adminlte.min.css' } ] }, { name: 'js', type: 'folder', path: 'assets/adminlte/js', children: [ { name: 'adminlte.min.js', type: 'file', path: 'assets/adminlte/js/adminlte.min.js' } ] } ] } ] }, { name: '.htaccess', type: 'file', path: '.htaccess' }, { name: 'index.php', type: 'file', path: 'index.php' } ] }; export default function Ci3TemplateExplorer() { const [activeSubTab, setActiveSubTab] = useState<'explorer' | 'preview'>('explorer'); const [selectedFilePath, setSelectedFilePath] = useState('application/config/database.php'); const [copied, setCopied] = useState(false); const [expandedFolders, setExpandedFolders] = useState>({ '': true, 'application': true, 'application/config': true, 'application/controllers': true, 'application/models': true, 'application/views': true, 'application/views/templates': true, 'assets': false, 'assets/adminlte': false }); // AdminLTE Preview Interactions State const [previewActiveTab, setPreviewActiveTab] = useState<'dashboard' | 'properties' | 'add'>('dashboard'); const [previewUserRole, setPreviewUserRole] = useState<'owner' | 'guest'>('owner'); const [searchQuery, setSearchQuery] = useState(''); const [typeFilter, setTypeFilter] = useState(''); // Sample data inside AdminLTE Simulator const initialProperties = [ { id: 'p1', name: 'Villa Bunga Indah', type: 'villa', address: 'Jl. Raya Puncak KM 77, Bogor', price: 1500000, status: 'available', image: 'https://images.unsplash.com/photo-1580587771525-78b9dba3b914?auto=format&fit=crop&w=600&q=80' }, { id: 'p2', name: 'Kost Premium Gading', type: 'kos', address: 'Kelapa Gading Barat, Jakarta Utara', price: 2500000, status: 'available', image: 'https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=600&q=80' }, { id: 'p3', name: 'Hotel Grand Mercure', type: 'hotel', address: 'Slamet Riyadi, Solo', price: 850000, status: 'available', image: 'https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=600&q=80' } ]; const [properties, setProperties] = useState(initialProperties); // Form states for AdminLTE simulated insertion const [newPropName, setNewPropName] = useState(''); const [newPropType, setNewPropType] = useState('hotel'); const [newPropAddress, setNewPropAddress] = useState(''); const [newPropPrice, setNewPropPrice] = useState(''); const toggleFolder = (path: string) => { setExpandedFolders(prev => ({ ...prev, [path]: !prev[path] })); }; const handleCopyCode = () => { const code = fileTemplates[selectedFilePath] || '// Placeholder / Library asset file'; navigator.clipboard.writeText(code); setCopied(true); setTimeout(() => setCopied(false), 2000); }; const downloadFile = (filePath: string) => { const content = fileTemplates[filePath] || '// File Library Binary Asset'; const blob = new Blob([content], { type: 'text/plain;charset=utf-8' }); const url = URL.createObjectURL(blob); const link = document.createElement('a'); const filename = filePath.split('/').pop() || 'file.txt'; link.href = url; link.setAttribute('download', filename); document.body.appendChild(link); link.click(); document.body.removeChild(link); }; // Tree rendering function const renderTree = (node: TreeNode) => { const isFolder = node.type === 'folder'; const isExpanded = expandedFolders[node.path]; const isSelected = selectedFilePath === node.path; return (
{ if (isFolder) { toggleFolder(node.path); } else { setSelectedFilePath(node.path); } }} className={`flex items-center space-x-1.5 py-1 px-2 rounded-md cursor-pointer transition-colors ${ isSelected ? 'bg-blue-500 text-white font-medium' : 'text-gray-700 hover:bg-gray-100' }`} > {isFolder && ( {isExpanded ? : } )} {!isFolder && } {isFolder ? ( isExpanded ? : ) : ( )} {node.name}
{isFolder && isExpanded && node.children && (
{node.children.map(child => renderTree(child))}
)}
); }; // Simulate Add Property inside AdminLTE 3 Form const handleSimulatedSubmit = (e: React.FormEvent) => { e.preventDefault(); if (!newPropName || !newPropAddress || !newPropPrice) { alert('Semua kolom wajib diisi di template AdminLTE!'); return; } const newProperty = { id: 'p' + (properties.length + 1), name: newPropName, type: newPropType, address: newPropAddress, price: parseInt(newPropPrice) || 0, status: 'available', image: 'https://images.unsplash.com/photo-1564013799919-ab600027ffc6?auto=format&fit=crop&w=600&q=80' }; setProperties([newProperty, ...properties]); setNewPropName(''); setNewPropAddress(''); setNewPropPrice(''); setPreviewActiveTab('properties'); }; // Filter properties in AdminLTE 3 table const filteredProperties = properties.filter(p => { const matchesSearch = p.name.toLowerCase().includes(searchQuery.toLowerCase()) || p.address.toLowerCase().includes(searchQuery.toLowerCase()); const matchesType = typeFilter === '' || p.type === typeFilter; return matchesSearch && matchesType; }); return (
{/* Tab Header */}
CI3 + ADMINLTE3

Sistem Eksplorasi Boilerplate & Template

Eksplorasi folder boilerplate MVC lengkap CodeIgniter 3 terintegrasi template AdminLTE 3 untuk aplikasi properti.

{/* Tab Toggle */}
{/* Main Body */} {activeSubTab === 'explorer' ? (
{/* Left Column: Interactive Tree */}
CI3 Project Files Pure PHP v7.4
{renderTree(ci3DirectoryTree)}
{/* Right Column: Code Viewer / Documentation */}
{/* Toolbar */}
{selectedFilePath}
{/* Code Block Wrapper */}
{fileTemplates[selectedFilePath] ? ( 
                  {fileTemplates[selectedFilePath]}
) : (

Binary / library template file.

AdminLTE style dependencies (jQuery, Bootstrap, & AdminLTE JS) dimuat eksternal via CDN di file footer.php.

)}
{/* Info Footer */}

Tips Integrasi: Pada CodeIgniter 3, view dipecah menjadi header.php, sidebar.php, dan footer.php agar halaman dinamis (seperti dashboard.php) dapat dipanggil bersih tanpa harus menulis ulang tag navigasi AdminLTE.

) : ( /* CodeIgniter + AdminLTE 3 Interactive Live Preview Simulator */
{/* Header Controls for simulator */}
Simulasi Live View - Template Dashboard AdminLTE 3 (PropertyHub Portal)
{/* AdminLTE 3 Wrapper Mock */}
{/* MOCK SIDEBAR: sidebar-dark-primary */}
{/* Brand Logo */}
P
PropertyHub
{/* User Panel */}
{previewUserRole === 'owner' ? 'O' : 'G'}
{previewUserRole === 'owner' ? 'Yuga Nugraha' : 'Tamu Simulator'} Online • {previewUserRole === 'owner' ? 'Owner' : 'Guest'}
{/* Sidebar Menu Navigation Links */}
{previewUserRole === 'owner' && ( )}
Utility Tools
CI3 Driver: mysqli
BaseURL: localhost
{/* Footer mini */}
AdminLTE v3.2.0 Mock
{/* MOCK MAIN CONTENT AREA */}
{/* TOP NAVBAR */}
Home | CodeIgniter 3 Portal
3
{/* MAIN BODY WRAPPER */}
{/* Content Header */}

{previewActiveTab === 'dashboard' && 'Dashboard Analisis - PropertyHub'} {previewActiveTab === 'properties' && 'Listing Properti Terintegrasi'} {previewActiveTab === 'add' && 'Daftarkan Unit Properti Baru'}

Home / {previewActiveTab}
{/* Sub Tab Panel 1: Dashboard View */} {previewActiveTab === 'dashboard' && (
{/* AdminLTE 3 Info Boxes */}
{/* Box 1: Blue */}
Total Listing

{properties.length} Unit

{/* Box 2: Green */}
Kotor Masuk

Rp 145,2 Juta

{/* Box 3: Yellow */}
Booking Aktif

14 Transaksi

{/* Box 4: Red */}
User Aktif

28 Akun

{/* Lower Area Cards */}
{/* Left: Table transactions */}
Aktivitas Transaksi Server Terkini Query Active Record
ID Tx Pemesan Properti Nominal Status
#TX-908 Budi Santoso Kost Premium Gading Rp 2.500.000 Paid
#TX-907 Sri Lestari Hotel Grand Mercure Rp 850.000 Paid
#TX-906 Dewi Siska Villa Bunga Indah Rp 1.500.000 Pending
{/* Right: Server Status Diagnostics */}

Status Server (Autoloaded)

PHP Version 7.4.33
Framework Code CodeIgniter 3.1.13
Database Driver mysqli (MySQL)
Template Style AdminLTE v3.2.0
CSRF Hash Protection Enabled (Active)
$autoload['libraries'] = array('database', 'session', 'form_validation');
)} {/* Sub Tab Panel 2: Properties Grid Simulator */} {previewActiveTab === 'properties' && (
{/* Filters form */}
setSearchQuery(e.target.value)} className="w-full bg-gray-50 border rounded-lg px-3 py-1.5 outline-none focus:border-blue-500" />
{/* Table / Cards row */}
{filteredProperties.map(p => (
Property image
{p.type}

{p.name}

{p.address}

Harga Unit: Rp {p.price.toLocaleString('id-ID')}
ID: {p.id} {p.status}
))}
)} {/* Sub Tab Panel 3: Add Form Simulator */} {previewActiveTab === 'add' && (
Formulir Tambah Properti (Active Record Save)
setNewPropName(e.target.value)} className="w-full bg-gray-50 border rounded-lg px-3 py-1.5 outline-none" />