def pass_dropdown(label, app, pass_names): items = [] for each in pass_names: items.append(dbc.DropdownMenuItem(each, id=each)) dropdown = html.Div( [ dbc.DropdownMenu(label=label, children=items, right=True, color='info',style={"display": "flex", "flexWrap": "wrap"}), html.P(id="pass-clicks", className="pass_dn"), ] ) return dropdown
def get_layout(): """ Creates the dash layout """ navbar_right = dbc.Row( [ dbc.DropdownMenu( label="Pages", children=[ dbc.DropdownMenuItem( x[1:], href=x, id="section_{}".format(x[1:])) for x in c.dash.LINKS_ALL ], direction="left", className="mr-1", ), dbc.Button("Sync", id="sync", className="mr-1", color="success"), dbc.Button("Filters", id="filters-button", className="mr-1", color="success"), ], no_gutters=True, className="ml-auto", align="center", ) navbar = dbc.Navbar( [ dbc.Row( [ dbc.Col(html.Img(src="assets/logo.png", height="30px")), dbc.Col(dbc.NavbarBrand("Expensor", className="ml-2")), ], align="center", no_gutters=True, ), navbar_right, ], sticky="top", className="w3-light-grey w3-card", ) filters = dbc.Collapse(dbc.CardDeck(id="filters"), id="filters-container", style=padding(2 * DEFAULT_PADDING)) content = [ # Body html.Div(id="body", style=padding()), dcc.Location(id="url", refresh=False), ] return html.Div([navbar, filters] + content)
def club_dropdown(label, app, club_names): items = [] for each in club_names: items.append(dbc.DropdownMenuItem(each, id=each)) dropdown = html.Div( [ dbc.DropdownMenu(id='club_clicks', label=label, children=items,bs_size="md", right=True, color='info',style={'vertical-align': 'top','padding': '0px','height':'10px'}), html.P(id="club-clicks", className="club-dn"), ] ) return dropdown
def get_navbar(app_name): navbar = dbc.NavbarSimple( children=[ # dbc.NavItem(dbc.NavLink("VB Dates", href="#FAD")), # dbc.NavItem(dbc.NavLink("140/485 Annual Data", href="#data_140_485")), # dbc.NavItem(dbc.NavLink("Visa Stats", href="#data_140")), # dbc.NavItem(dbc.NavLink("Backlog", href="#data_demand")), dbc.NavItem(dbc.NavLink("NIU", href="http://www.niunational.org/", target="_Blank", className='navbar-item')), dbc.DropdownMenu( nav=True, in_navbar=True, label="Quick Nav", caret=False, # style ={}, #className = 'navbar-item',#toggle_style={"color": "#FFFFFF", 'margin':'0.75rem', 'font-weight': 200, 'text-decoration-line': 'none'}, children=[ dbc.DropdownMenuItem(getHtmlA("Wait time, Demand & Backlog", "data_demand_backlog")), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem(getHtmlA("Final Action Dates History", "FAD")), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem(getHtmlA("140 Statistics", "data_140")), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem(getHtmlA("Visa Statistics", "data_gc")), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem(getHtmlA("140/485 Annual Data", "data_140_485")), ], ), dbc.NavItem(dbc.Button("Contact Us", color='link', id="contact_us", className="mr-1 contact-button")), dbc.Modal( [ dbc.ModalHeader("Contact US"), dbc.ModalBody([ html.Div("This dashboard is created and maintained by volunteers & members of niunational.org."), html.Div([html.Div("Leave us a comment and/or question, please click ", style={'display':'inline-block'}), html.A(" here.", href="http://www.niunational.org/2020/03/employment-base-eb123.html", target="_blank")]), html.A("Donate to us", href="http://www.niunational.org/p/donation.html", target="_blank") ]), dbc.ModalFooter( html.Div("Thanks!") ), ], id="contact-us-modal", ) ], brand= 'GreenNet: Employment-Based Immigrant Visa Stats', brand_style = {'fontSize':'2rem','color':'white'}, sticky="top", color="#379683", # dark=True, ) return navbar
def Navbar(dropdown=False): # Not used right now but can be reactivated later for other purposes such as log out # Dropdown menu if dropdown is True: dropdown = dbc.DropdownMenu( children=[ dbc.DropdownMenuItem("Page d'Accueil", href='home'), dbc.DropdownMenuItem('Alertes et Infrastructures', href='alerts'), dbc.DropdownMenuItem('Niveaux de Risque', href='risks'), ], label="Tableaux de bord", className="ml-auto flex-nowrap mt-3 mt-md-0 btn-group dropleft", color="warning", direction="left", ) else: dropdown = "" # Navbar Title user_item = html.H5("Surveillez les départs de feux", id="user-div", className="mx-auto order-0", style={ 'color': 'white', 'align': 'center', 'justify': 'center' }) # Navbar navbar = dbc.Navbar( [ html.A( dbc.Row( [ dbc.Col(html.Img(src=pyro_logo, width="120px")), ], align="center", no_gutters=True, ), href="#", ), dbc.NavbarToggler(id="navbar-toggler"), dbc.Collapse( [user_item, dropdown], id="navbar-collapse", navbar=True), ], color="black", dark=True, ) return navbar
def navBar(input1): if current_user.is_authenticated: if current_user.admin == 1: navBarContents = [ dbc.NavItem(dbc.NavLink('Page 1', href='/page1')), dbc.NavItem(dbc.NavLink('Page 2', href='/page2')), dbc.DropdownMenu( nav=True, in_navbar=True, label=current_user.username, children=[ dbc.DropdownMenuItem('Profile', href='/profile'), dbc.DropdownMenuItem('Admin', href='/admin'), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem('Logout', href='/logout'), ], ), ] return navBarContents else: navBarContents = [ dbc.NavItem(dbc.NavLink('Page 1', href='/page1')), dbc.NavItem(dbc.NavLink('Page 2', href='/page2')), dbc.DropdownMenu( nav=True, in_navbar=True, label=current_user.username, children=[ dbc.DropdownMenuItem('Profile', href='/profile'), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem('Logout', href='/logout'), ], ), ] return navBarContents else: return ''
def navbar_layout(): navbar = dbc.NavbarSimple( children=[ dbc.DropdownMenu(nav=True, in_navbar=True, label="More about me", children=[ dbc.DropdownMenuItem("Bio", href='/bio'), ]), dbc.DropdownMenu( nav=True, in_navbar=True, label="NLP", children=[ dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("NLPTools Samples", header=True), dbc.DropdownMenuItem("Tokenizer", href="/tokenizer"), dbc.DropdownMenuItem("Stemmer", href="/stemmer"), dbc.DropdownMenuItem("Tagger", href="/tagger"), dbc.DropdownMenuItem("Lemmatizer", href='/lemmatizer'), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("Other NLP Tasks", header=True), dbc.DropdownMenuItem("NER Tagging", href="/ner"), ], ), dbc.DropdownMenu( nav=True, in_navbar=True, label="Analytics", children=[ dbc.DropdownMenuItem("RFM", href="/rfm"), ], ), ], brand="Tiago Duque", brand_href="/home", sticky="top", ) return navbar
def Navbar(): navbar = dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Help Manual", href="/help")), dbc.NavItem( dbc.NavLink("Range of mean and variance", href="/range")), dbc.NavItem(dbc.NavLink("Monthly Effects", href="/effect")), dbc.NavItem( dbc.NavLink("Comparsion of Population Mean", href="/population")), dbc.NavItem(dbc.NavLink("Best Monthly Returns", href='/bestreturn')), dbc.DropdownMenu( nav=True, in_navbar=True, label="Plots", children=[ dbc.DropdownMenuItem("Log Returns Plot", href="/logreturns"), dbc.DropdownMenuItem("Probability Plot", href="/probplot"), dbc.DropdownMenuItem("Histogram Plot", href="/histplot"), ], ), dbc.DropdownMenu( nav=True, in_navbar=True, label="Regression Model", children=[ dbc.DropdownMenuItem("Residuals and Returns Plot ", href="/residual"), dbc.DropdownMenuItem("Comparison Plots", href="/compare"), ], ), ], brand="Home", brand_href="/home", sticky="top", ) return navbar
def navbar(page_name: str): nav = dbc.NavbarSimple(children=[ dbc.NavItem(dbc.NavLink(page_name)), dbc.DropdownMenu( children=[ dbc.DropdownMenuItem("Linear Classification", href="/apps/linear-classification", id="linear-classification", style={'font-size': '16px'}), dbc.DropdownMenuItem("Non Linear Classification", href="/apps/non-linear-classification", id="non-linear-classification", style={'font-size': '16px'}), dbc.DropdownMenuItem("Neural Network", href="/apps/neural-network", id="neural-network", style={'font-size': '16px'}), dbc.DropdownMenuItem("Stochastic Gradient Descent", href="/apps/stochastic-gradient-descent", id="stochastic-gradient-descent", style={'font-size': '16px'}), dbc.DropdownMenuItem("Decision Trees", href="/apps/decision-trees", id="decision-trees", style={'font-size': '16px'}), dbc.DropdownMenuItem("Principle Component Analysis", href="/apps/pca", id="pca", style={'font-size': '16px'}), dbc.DropdownMenuItem("K Nearest Neighbors", href="/apps/knn", id="knn", style={'font-size': '16px'}) ], nav=True, in_navbar=True, label="Projects", style={ 'padding-left': 20, 'padding-right': 50 }, ), ], brand="Machine Learning Tool", brand_href="/", color="#25383C", dark=True, fixed='top', style={'font-size': '16px'}, brand_style={'font-size': '16px'}) return nav
def club_dropdown(label, app, club_names): items = [] for each in club_names: items.append(dbc.DropdownMenuItem(each, id=each)) dropdown = html.Div([ dbc.DropdownMenu(id='club_clicks', label=label, children=items, right=True, color='warning'), html.P(id="club-clicks", className="club-dn"), ]) return dropdown
def create_dbc_dropdown(): """Nice looking, but unpractical to use in callbacks""" dropdown = [dbc.DropdownMenuItem("No token required", header=True)] dropdown.extend( [dbc.DropdownMenuItem(map_style) for map_style in map_styles_free]) dropdown.extend([ dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("Token required", header=True), ]) dropdown.extend( [dbc.DropdownMenuItem(map_style) for map_style in map_styles_token]) return dbc.DropdownMenu(dropdown, label="Map style", id="map-style-dropdown")
def Navbar(): navbar = dbc.NavbarSimple(children=[ dbc.DropdownMenu(children=[ dbc.DropdownMenuItem("2021-W1", href="/mm/2021-w1"), dbc.DropdownMenuItem("2021-W2", href="/mm/2021-w2") ], nav=True, in_navbar=True, label="Makeover Monday"), ], brand="William Masse", brand_href="/", dark=False) return navbar
def dropdown(): return dbc.DropdownMenu( children=[ dbc.DropdownMenuItem(menu['aedas'], id='ndd-aedas', href="aedas"), dbc.DropdownMenuItem(menu['bedas'], id='ndd-bedas', href="bedas"), dbc.DropdownMenuItem(menu['cedas'], id='ndd-cedas', href="cedas"), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem(menu['akepsas'], id='ndd-akepsas', href="akepsas"), dbc.DropdownMenuItem(menu['bepsas'], id='ndd-bepsas', href="bepsas"), dbc.DropdownMenuItem(menu['cepesas'], id='ndd-cepesas', href="cepesas"), ], nav=True, in_navbar=True, label="Systems", id='nav-dropdown' )
def getLayout(): layout = \ dbc.Container([ html.H3("Distribution of messages over time", className="mb-2 p-2"), dbc.Row([ dbc.ButtonGroup([ dbc.Col([ dbc.DropdownMenu([ dbc.DropdownMenuItem("Days", id="report-dropdownlist-days"), dbc.DropdownMenuItem("Weeks", id="report-dropdownlist-weeks"), dbc.DropdownMenuItem("Years", id="report-dropdownlist-years"), dbc.DropdownMenuItem("All-time", id="report-dropdownlist-all"), ], id="report-dropdownlist'", label="Graphing Mode", color="primary", bs_size="lg", direction="right", className="mr-3 pr-2 mb-1"), html.Div( dbc.Button( "Generate Plot", size="lg", color="primary", id="report-msgsOverTimeGraph-generate", ), hidden=True, ) ], width=3, className="mr-0 mt-1"), ], size="lg", vertical=True), ], justify="between", no_gutters=True, className="mb-3"), dbc.Row( dbc.Col([ dcc.Graph( id="report-msgsOverTimeGraph-plot", config={"displaylogo": False, 'modeBarButtonsToRemove': ['pan2d', 'lasso2d'], "editable": True}, className="mt-1" ), ]), no_gutters=True ) ], className="mt-3 pt-3" ) return layout
def make_models_dropdown_menu(self): """Create a dropdown menu component with the assets. """ menu_items = [dbc.NavLink(f"Home", external_link=True, href=f"./")] + [ dbc.NavLink( f"{model.name}", external_link=True, href=f"./{model.prefix}") for model in self.models ] return dbc.DropdownMenu( children=menu_items, className="pt-3 pb-2", in_navbar=False, nav=False, label="modeldrop::models", color="info", style={"listStyleType": "none"}, )
def nav_bar(brand="FttX"): dropdown_items = [] for page in config_pages: dropdown_items = dropdown_items + [ dbc.DropdownMenuItem(config_pages[page]['name'], href=config_pages[page]['link'][0], style={ 'font-size': '1.5rem', 'color': colors['vwt_blue'] }), dbc.DropdownMenuItem(divider=True) ] dropdown_items = dropdown_items[:-1] children = [ dbc.DropdownMenu(nav=True, in_navbar=True, label='Menu', children=dropdown_items, style={ 'font-size': '1.5rem', 'color': colors['vwt_blue'] }), dbc.Col( dbc.Button("Upload", color="warning", className="ml-2", id="upload_button"), width="auto", ) if toggles.upload else None, ] return dbc.NavbarSimple(id='navbar', children=children, brand=brand, sticky='top', dark=True, color=colors['vwt_blue'], style={ 'top': 0, 'left': 0, 'position': 'fixed', 'width': '100%' })
def project_tab(self): return dbc.Card( dbc.CardBody( [ dbc.InputGroup([ dbc.InputGroupAddon( dbc.DropdownMenu( label="Project", bs_size='sm', addon_type='prepend', children=[ dbc.DropdownMenuItem("New", id='project-new'), dbc.DropdownMenuItem(dcc.Upload( "Open", id='upload-project'), id='project-open'), dbc.DropdownMenuItem("Save", id='project-save', disabled=True), dbc.DropdownMenuItem("Close", id='project-close', disabled=True), ])), dbc.Input(id='project-name', placeholder='', disabled=True, size='sm') ]), dbc.Collapse( id='show-project', children=[ self.upload_form(), dbc.Collapse( id='show-project-data', children=generic_card( key='current-data', title='Uploaded data', markdown='' # children filled from a callback )) ], ) ], style={'min-height': '200px'}), className='control-tab')
def Navbar(): dropdown = dbc.DropdownMenu( children=[ dbc.DropdownMenuItem("Home", href="/home"), dbc.DropdownMenuItem("Exploration", href="/exploration"), dbc.DropdownMenuItem("Model", href="/model"), ], nav=True, in_navbar=True, label="Explore", ) navbar = dbc.Navbar( dbc.Container([ html.A( # Use row and col to control vertical alignment of logo / brand dbc.Row( [ dbc.Col( html.Img(src="/assets/Logo_transparent.png", height="70px")), dbc.Col(dbc.NavbarBrand("TUXAE", className="ml-2")), ], align="center", no_gutters=True, ), href="https://www.tuxae.fr/", ), dbc.NavbarToggler(id="navbar-toggler2"), dbc.Collapse( dbc.Nav( # right align dropdown menu with ml-auto className [dropdown], className="ml-auto", navbar=True, ), id="navbar-collapse2", navbar=True, ), ]), color="dark", dark=True, className="mb-4", ) return navbar
def get_layout_db(): navbar = dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Link", href="#")), dbc.DropdownMenu( nav=True, in_navbar=True, label="Menu", children=[ dbc.DropdownMenuItem("Temperature"), ], ), ], brand="Demo", brand_href="#", sticky="top", ) years = [{ 'label': F'{year}', 'value': F'{year}' } for year in range(2010, 2021)] body = dbc.Container([ dbc.Row([ dbc.Col( [dcc.Dropdown(id='drop-years', options=years, value=F'2015')], width=2), dbc.Col([ dcc.Graph(id='nandata-plot', figure={}), ], width=6), dbc.Col([ dcc.Graph(id='nandata-plotall', figure={}), ], width=6), dbc.Col([ dcc.Graph(id='max_otres_plot', figure={}), ], width=6), ]), ], fluid=True) app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP]) app.layout = html.Div([navbar, body]) return app
def Navbar(): navbar = dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Home", href="/index")), dbc.DropdownMenu( children=[ dbc.DropdownMenuItem("Page 2", href="#"), dbc.DropdownMenuItem("Page 3", href="#"), ], nav=True, in_navbar=True, label="More", ), ], brand="Wine Dash", color="primary", dark=True, ) return navbar
def dash_navbar(): navbar = dbc.NavbarSimple(children=[ dbc.NavItem(dbc.NavLink("Home", href="/home")), dbc.DropdownMenu( children=[ dbc.DropdownMenuItem("US Analysis", href="/US"), dbc.DropdownMenuItem("Case Study", href="/Case"), ], nav=True, in_navbar=True, label="More", ), ], brand="COVID-19 Pandemic Dashboard", brand_href="/home", color="black", dark=True, sticky="top") return navbar
def Navbar(): navbar = dbc.NavbarSimple( children=[ dbc.NavItem( dbc.NavLink(u'Gestión administrativa', href="/gestion-administrativa")), dbc.NavItem(dbc.NavLink(u'Gestión médica', href="/gestion-medica")), dbc.NavItem( dbc.NavLink(u'Gestión de relaciones tablas', href="/gestion-tablas")), dbc.NavItem( dbc.NavLink(u'Registro atenciones médicas', href="/registro-atencion-medica")), dbc.NavItem( dbc.NavLink(u'Registro atenciones administrativas', href="/registro-atencion-administrativa")), dbc.NavItem( dbc.NavLink(u'Gestión de reportes administrativos', href="/gestion-reporte-administrativo")), dbc.NavItem( dbc.NavLink(u'Gestión de reportes médicos', href="/gestion-reporte-medico")), dbc.NavItem( dbc.NavLink(u'Gestión telemedicina', href="/gestion-telemedicina")), dbc.DropdownMenu( nav=True, in_navbar=True, label="Menu", children=[ dbc.DropdownMenuItem("Entry 1"), dbc.DropdownMenuItem("Entry 2"), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("Entry 3"), ], ), ], brand=u'Gestión del sistema', brand_href="/gestion-sistema", sticky="top", ) return navbar
def _make_navbar(self): if flask.has_request_context(): custom_setting_count = len( [k for k in session.keys() if not k.startswith('_')]) else: custom_setting_count = 0 badge_el = None if custom_setting_count: badge_el = dbc.Badge(f'{custom_setting_count} ', className='badge-danger') els = [ # dbc.NavItem(dbc.NavLink("Lämmitys", active=True, href="kaukolammon-kulutus")), # dbc.NavItem(dbc.NavLink("Liikenne", href="empty")), # dbc.NavItem(dbc.NavLink("Sähkö", href="electricity")), # dbc.NavItem(dbc.NavLink("Jätteet", href="empty")), # dbc.NavItem(dbc.NavLink("Teollisuus", href="empty")), # dbc.NavItem(dbc.NavLink("Maatalous", href="empty")), dbc.DropdownMenu( [ dbc.DropdownMenuItem("Väestö", href='/vaesto'), dbc.DropdownMenuItem("Rakennukset", href='/rakennukset') ], nav=True, in_navbar=True, label="Oletukset", # id="dropdown-nav" ), dbc.NavItem( dbc.NavLink(href='/omat-asetukset', children=[ "Omat asetukset", badge_el, ])), ] return dbc.NavbarSimple(brand="Päästöskenaario %s" % self.get_variable('target_year'), brand_href="/", color="primary", dark=True, fluid=True, children=els)
def navbar(self): return dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Link", href="#")), dbc.DropdownMenu( nav=True, in_navbar=True, label="Menu", children=[ dbc.DropdownMenuItem("Entry 1"), dbc.DropdownMenuItem("Entry 2"), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("Entry 3"), ], ), ], brand="Demo", brand_href="#", sticky="top", )
def mk_nav(base): return dbc.NavbarSimple( children=[ dbc.NavItem( dbc.DropdownMenu( children=[ dbc.DropdownMenuItem(dbc.NavLink("VP para VF", href=f'{base}pv2fv')), dbc.DropdownMenuItem(dbc.NavLink("VP para SU", href=f'{base}pv2us')) ], nav=True, in_navbar=True, label="Matemática Financeira" ) ), ], brand=f'Protótipo', brand_href="https://google.com", sticky="top", color="lightgray" )
def Navbar(): navbar = dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Time-Series", href="/time-series")), dbc.DropdownMenu( nav=True, in_navbar=True, label="Menu", children=[ dbc.DropdownMenuItem("Entry 1"), dbc.DropdownMenuItem("Entry 2"), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("Entry 3"), ], ), ], brand="Home", brand_href="/home", sticky="top", ) return navbar
def get_html(self) -> List[ComponentMeta]: menu = dbc.DropdownMenu(children=[ dbc.DropdownMenuItem("Penn Medicine", header=True), dbc.DropdownMenuItem( "Predictive Healthcare", href="http://predictivehealthcare.pennmedicine.org/", external_link=True, target="_blank", ), dbc.DropdownMenuItem( "How to Use CHIME", href="https://code-for-philly.gitbook.io/chime/", external_link=True, target="_blank", ), ], in_navbar=True, label="Learn More", color="light", right=True) return [menu]
def Navbar(): navbar = dbc.NavbarSimple( children=[ dbc.DropdownMenu( nav=True, in_navbar=True, label="Models", children=[ dbc.DropdownMenuItem("RF", href="/model"), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("LR", href="/Logistic"), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("GBM", href="/gbm"), ], ), ], brand="Home", brand_href="/home", sticky="top", ) return navbar
def Navbar(): navbar = dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Arctic Sea Ice Extent", href="/ice")), dbc.DropdownMenu( nav=True, in_navbar=True, label="Menu", children=[ dbc.DropdownMenuItem("Arctic Sea Ice", href="/ice"), dbc.DropdownMenuItem("Entry 2"), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("Entry 3"), ], ), ], brand="Home", brand_href="/", sticky="top", ) return navbar
def auto_generate_navbar(self, data): sidebar_items = [] df = pd.DataFrame([(i, self.pages[i]['name'], self.pages[i]['section'], self.pages[i]['icon_class'], self.pages[i]['permissoes_suficientes']) for i in self.pages.keys()], columns=[ 'link', 'name', 'section', 'icon_class', 'permissoes_suficientes' ]) df['PERMITIDO'] = df.apply(lambda row: self._checa_validez_permissao( row.permissoes_suficientes, data), axis=1) df = df.loc[df.PERMITIDO] # print('') df = df.loc[df.link != self.default_page] for section in df.section.drop_duplicates(): pages = df.loc[df.section == section] details_section = [ dbc.DropdownMenu( [ dbc.DropdownMenuItem([ dbc.NavLink([ html.I(className=pag['icon_class'], style={ 'margin-right': '0.4rem', 'font-size': '0.6rem' }), pag['name'] ], href=pag['link'], style={'padding': '0.1rem'}) ]) for i, pag in pages.iterrows() ], label=section, color='primary', ), ] sidebar_items += details_section return sidebar_items