app.py

import dash
import flask
from dash import Dash, html
import dash_bootstrap_components as dbc

# Usage Locally:
# $ poetry run python app.py

# select theme
# https://dash-bootstrap-components.opensource.faculty.ai/docs/themes/
external_stylesheets = [dbc.themes.CERULEAN]  # CERULEAN, DARKLY, PULSE

server = flask.Flask(__name__)

app = Dash(
	__name__, 
	external_stylesheets=external_stylesheets,
	server=server,
	use_pages=True,
	serve_locally=True,
	suppress_callback_exceptions=True # this is needed because renderer generate callbacks dynamically with per instance uuids	
) 

app.layout = dbc.Container([
	html.H1('ISAS Interactive', 
		style={
			"caretColor": "transparent",
			"userSelect": "none"
		}
	),
	dbc.Nav([
		dbc.NavLink(
			html.Div(
				f"{page['name'].lower()}"),
				href=page["relative_path"], 
				active="exact",
				className='rounded-3'
		)
		for page in dash.page_registry.values()
	], pills=True, className='bg-light rounded-3'),
	html.P(),
	html.Div(dash.page_container, className="flex-grow-1 d-flex flex-column", id="outer-page-container", style={'minHeight': '0'})
], 
fluid=True,
className="vh-100 d-flex flex-column"
)

if __name__ == '__main__':
	# processes=6, threaded=False,
	app.run(debug=True, threaded=True, host='0.0.0.0', port='8080')
	# app.run(debug=True, processes=6, threaded=False, host='0.0.0.0', port='8080')
	# app.run(debug=True)