"backgroundColor": "lightgrey",
"paddingBottom": "30px",
"minHeight": "800px",
"margin": "32px auto 0"
})
])
return sandbox_structure
app.layout = html.Div(
[
# SandBoxLayout(),
SandBoxLayout(),
dtc.SideBar([
dtc.SideBarItem(id='id_1', label="Text 1", icon="fab fa-github"),
dtc.SideBarItem(id='id_2', label="Text 2"),
dtc.SideBarItem(id='id_3', label="Text 3"),
dtc.SideBarItem(id='id_4', label="Text 4"),
dtc.SideBarItem(id='id_5', label="Text 5"),
],
className="testeee",
id="sidebar",
bg_color="blue"),
html.Div(id="page_content",
style={
"maxWidth": "1400px",
'height': '1000px',
"overflowY": "auto"
}),
html.Div([
import dash_html_components as html
import dash_trich_components as dtc
from dash.dependencies import Input, Output
import pandas as pd
content_1 = html.Div('content 1')
content_2 = html.Div('content 2')
content_3 = html.Div('content 3')
content_4 = html.Div('content 4')
content_5 = html.Div('content 5')
app.layout = html.Div([
dtc.SideBar([
dtc.SideBarItem(id='id_1', label="Label 1", icon="fas fa-home"),
dtc.SideBarItem(id='id_2', label="Label 2", icon="fas fa-chart-line"),
dtc.SideBarItem(id='id_3', label="Label 3", icon="far fa-list-alt"),
dtc.SideBarItem(id='id_4', label="Label 4", icon="fas fa-info-circle"),
dtc.SideBarItem(id='id_5', label="Label 5", icon="fas fa-cog"),
]),
html.Div(id="page_content")
])
@app.callback(
Output("page_content", "children"),
[
Input("id_1", "n_clicks_timestamp"),
Input("id_2", "n_clicks_timestamp"),
Input("id_3", "n_clicks_timestamp"),
Input("id_4", "n_clicks_timestamp"),
Input("id_5", "n_clicks_timestamp")
"geometry": {
"label": "Geometry",
"icon": "fas fa-shapes",
"module": geometry
},
}
app.layout = dhc.Div(
style={"position": "relative"},
children=[
dtc.SideBar(
bg_color=constants.NAVBAR_COLOR,
children=[
dtc.SideBarItem(
id=f"sidebaritem-{project}",
icon=params["icon"],
label=params["label"],
) for project, params in projects.items()
] + [
dhc.Hr(),
] + [
dhc.Div(
style={"margin-left": "20px"},
children=[
dcc.Link(
target="_blank",
href=params["href"],
style={"margin-left": "20px"},
children=[
dtc.SideBarItem(
icon=params["icon"],
}
tab_style = {
'border': '1px solid #d6d6d6',
# 'backgroundColor': '#119DFF',
# 'color': 'white',
'padding': '15px',
'height': '55px',
'margin': '8px 0px'
}
# dynamic app layout
app.layout = html.Div(
[
dtc.SideBar([
dtc.SideBarItem(id='id_1', label="Home", icon="fas fa-home"),
dtc.SideBarItem(
id='id_2', label="Dashboard", icon="fas fa-chart-line"),
dtc.SideBarItem(
id='id_3', label="Reports & Tables", icon="far fa-list-alt"),
dtc.SideBarItem(
id='id_4', label="Infos", icon="fas fa-info-circle"),
dtc.SideBarItem(id='id_5', label="Settings", icon="fas fa-cog"),
],
bg_color="#282828"),
html.Div(
[
html.Div(
[
# navbar,
navbar(logo="assets/logo-placeholder.png",
html.A("ecosystem.Ai", href="https://ecosystem.ai/"), " ", CURRENT_YEAR
],
style={
"padding-top": "2.0rem",
"padding-bottom": "2.0rem"
}))
app.layout = html.Div(
[
dcc.Interval(
id="interval",
interval=1 * 1000, # in milliseconds
n_intervals=0),
dtc.SideBar([
dtc.SideBarItem(id="id_1",
label="Login",
icon="fas fa-sign-in-alt",
className="sideBarItem"),
dtc.SideBarItem(id="id_2",
label="Explore",
icon="fas fa-compass",
className="sideBarItem"),
dtc.SideBarItem(id="id_3",
label="Scoring",
icon="fas fa-chart-line",
className="sideBarItem"),
dtc.SideBarItem(id="id_4",
label="Custom Graphing",
icon="fas fa-chart-bar",
className="sideBarItem"),
dtc.SideBarItem(id="id_5",
label="Timeline",
import dash
import dash_trich_components as dtc
from dash.dependencies import Input, Output, State
from config import app
layout = dtc.SideBar([
dtc.SideBarItem(id='btn_homepage', label="Homepage", icon="fas fa-home"),
dtc.SideBarItem(id='btn_detail', label="Detail", icon="fas fa-list-alt"),
dtc.SideBarItem(id='btn_info', label="Info", icon="fas fa-info-circle"),
],
bg_color='#9c1919',
text_color='#ffffff')
@app.callback(Output('url', 'pathname'), [
Input('btn_homepage', 'n_clicks_timestamp'),
Input('btn_detail', 'n_clicks_timestamp'),
Input('btn_info', 'n_clicks_timestamp')
], [State('url', 'pathname')])
def toggle_collapse(input1, input2, input3,
url_curr): # todo: can I replace with *args or something?
d_buttons = {
'btn_homepage': '/#',
'btn_detail': '/deep-dive',
'btn_info': '/info',
}
ctx = dash.callback_context
if not ctx.triggered: