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() |