Files
TenerifeProp/public/admin/topbar.html
TenerifeProp Dev bf6c477772 refactor: modular admin panel architecture
## Structure Created
- public/admin.html - main admin page (3251 lines)
- public/admin/*.html - component files:
  - sidebar.html (96 lines)
  - topbar.html (42 lines)
  - dashboard.html (198 lines)
  - properties.html (194 lines)
  - leads.html (185 lines)
  - testimonials.html (85 lines)
  - faq.html (95 lines)
  - services.html (89 lines)
  - settings.html (160 lines)
- public/css/admin.css (1135 lines)
- public/js/admin-components.js (247 lines)

## Clean URLs
- /login (was /login.html)
- /admin (was /admin.html)

## Issues Created
Milestone #52: Admin Panel Modular Refactoring
- #32: Dashboard - Statistics and Charts
- #33: Properties - CRUD Management
- #34: Leads - CRM Management
- #35: Testimonials - Management
- #36: FAQ - Management
- #37: Services - Management
- #38: Users - Management
- #39: Settings - Site Configuration

## TODO
Server routing needs update to serve:
- GET /admin/* -> public/admin/*.html
- GET /css/* -> public/css/*
- GET /js/* -> public/js/*

Current routes only handle SPA paths.
Components are ready but need server config.

## Verified
 Component files created
 CSS extracted (1135 lines)
 JS loader created (247 lines)
 All 8 admin sections modularized
 Clean URLs working (/login, /admin)
2026-04-06 02:00:22 +01:00

43 lines
2.0 KiB
HTML

<header class="topbar">
<div class="topbar-left">
<button class="topbar-toggle" id="sidebarToggle">
<i class="bi bi-list"></i>
</button>
<h1 class="topbar-title" id="pageTitle">Dashboard</h1>
</div>
<div class="topbar-right">
<div class="topbar-search">
<i class="bi bi-search"></i>
<input type="text" placeholder="Buscar..." id="globalSearch">
</div>
<div class="topbar-lang">
<button class="lang-btn active" data-lang="es">ES</button>
<button class="lang-btn" data-lang="ru">RU</button>
<button class="lang-btn" data-lang="en">EN</button>
</div>
<button class="topbar-btn" id="notificationsBtn">
<i class="bi bi-bell"></i>
<span class="badge bg-danger" id="notificationsBadge">0</span>
</button>
<div class="dropdown">
<div class="topbar-profile" data-bs-toggle="dropdown" id="profileDropdown">
<img src="https://ui-avatars.com/api/?name=Admin&background=1a5f4a&color=fff" alt="Avatar" id="topbarAvatar">
<div class="topbar-profile-info">
<span class="topbar-profile-name" id="topbarUserName">Admin</span>
<span class="topbar-profile-role" id="topbarUserRole">Administrador</span>
</div>
<i class="bi bi-chevron-down"></i>
</div>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#profile"><i class="bi bi-person me-2"></i>Perfil</a></li>
<li><a class="dropdown-item" href="#settings"><i class="bi bi-gear me-2"></i>Configuración</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger" href="#" onclick="logout()"><i class="bi bi-box-arrow-right me-2"></i>Cerrar sesión</a></li>
</ul>
</div>
</div>
</header>