Spaces:
Sleeping
Sleeping
| # components/sidebar.py | |
| from dash import html, dcc | |
| import dash_bootstrap_components as dbc # Import dbc jika ingin menggunakan ikonnya | |
| # Function untuk bikin sidebar layout | |
| def create_sidebar(): | |
| return html.Div( | |
| [ | |
| # --- Bagian Profil Pengguna --- | |
| html.Div([ | |
| # dbc.Spinner( # Spinner saat loading nama, opsional | |
| html.Div([ | |
| html.Div(className="sidebar-profile-avatar-icon me-2"), # Div untuk ikon avatar | |
| html.Span(id="sidebar-profile-name", children="Nama Pengguna", className="sidebar-profile-text") | |
| ], className="d-flex align-items-center p-2 mb-3 sidebar-profile-container") | |
| # ) | |
| ], id="sidebar-profile-section"), | |
| # --- Akhir Bagian Profil Pengguna --- | |
| html.H2("Dashboard", className="sidebar-title"), # Judul bisa dikecilkan atau digeser | |
| dcc.Link("Beranda", href="/beranda", className="sidebar-link"), | |
| dcc.Link("Analisis Tren Penyakit", href="/analisis_tren_penyakit", className="sidebar-link"), | |
| dcc.Link("Distribusi Kasus Demografi", href="/distribusi_kasus_demografi", className="sidebar-link"), | |
| dcc.Link("Laporan dan Unduh Data", href="/laporan", className="sidebar-link"), | |
| dcc.Link("Input Data", href="/input_data", className="sidebar-link"), | |
| dcc.Link("Pengaturan", href="/pengaturan", className="sidebar-link"), | |
| dcc.Link("Logout", href="/logout", className="sidebar-link") | |
| ], | |
| className="sidebar", | |
| id="sidebar" | |
| ) | |
| sidebar_layout = create_sidebar() |