Forums

app = Dash(
    __name__,
    use_pages=True,
    external_stylesheets=[
        dbc.themes.FLATLY,
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    ],
    meta_tags=[
        {"name": "viewport", "content": "width=device-width, initial-scale=1"}
    ],
    suppress_callback_exceptions=True
)

sidebar_header = dbc.Row(
    [
        html.A(
        dbc.Col(
            [
                #dbc.Col(html.Img(src = "assets/ATS_green.jpg", height= "75px")),
            ]
        )
    ),
    ]
)

sidebar = html.Div(
    [
        sidebar_header,
        html.Div(
            [
                html.Hr(),
                html.P("Select Stock: \n", style={"font-weight":"bold"}, className="lead"),
                html.P("Pick your favorite!"),
            ],
            id="blurb",
        ),
        dbc.Collapse([
            create_dropdown('tickers-dropdown','Ticker Symbol',['AAPL', 'AMZN', 'NVDA', 'MSFT'], 'AAPL'),
            html.Div(
                [
                    html.H5("Analyst Rating:",style={"font-weight":"bold"}),
                    dbc.Table(html.Tbody(id='analyst-rating'),  
                        bordered=True,
                        dark=False,
                        hover=False,
                        responsive=True,
                        striped=False,
                        color="warning",
                        style={"font-weight":"bold",
                                "color":"black"},
                    )
                ],className="mt-5 mb-3"
            ),
            html.P(["1 - Strong Buy",html.Br(),\
                    "2 - Buy",html.Br(),\
                    "3 - Hold",html.Br(),\
                    "4 - Underperform",html.Br(),\
                    "5 - Sell",html.Br()
                   ]),
        ],id="collapse",
        ),
    ],
    id="sidebar",
)



app.layout = dbc.Container(
    [
        # dcc.Location(id='url', refresh=True, pathname='/tab0'),
        sidebar,
        html.Div(
            [
                html.H1("Stock Explorer", className="mb-3",style={"border-left":"5px solid #f89406","padding-left":"5px"}),
                dbc.Nav(
                    [
                        dbc.NavItem(
                            dbc.NavLink(
                                [
                                    # html.I(className=icon),
                                    html.Span(page['name']),
                                ], active="exact", href=page['relative_path']
                            ), className='sidebar-items'
                        )
                        for page in dash.page_registry.values()
                    ],
                    pills=True,
                    justified=True,
                    className="shadow mb-5 rounded border-light"
                ),
                dash.page_container,
            ],id='page-content'
        ),
    ],fluid=True
)