#Frontend
app.layout = html.Div(children=[
html.H1('Dashboard'),
html.Div(id = 'widgets', children=[
html.H4(f'No. nodes: {len(nodes)}'),
html.H4(f'Area width: {model_width} km'),
html.H4(f'Area height: {model_height} km')
]),
html.Div(id = 'mapbox', children=[]),
dcc.Interval(id='map-update', interval= 5 * UPDATE_INTERVAL * 1000),
dcc.Tabs(id='tabs-home', children=[
dcc.Tab(label="Platform", children=[
html.Div(id = 'capacity-graph-div', children=[]),
html.Div(id = 'service-analysis-div', children=[]),
html.Div(id = 'order-analysis-div', children=[]),
html.Div(id = 'completed-order-div', children=[]),
html.Div(id = 'completed-capacity-div', children=[])
]),
dcc.Tab(label="Nodes", children=[])
]),
dcc.Interval(id='graph-update', interval= UPDATE_INTERVAL * 1000),
# hidden signal value
html.Div(id='signal', style={'display': 'none'})
])