[ html.Div( [ # width: 3rem ensures the logo is the exact width of the # collapsed sidebar (accounting for padding) html.Img(src=PLOTLY_LOGO, style={"width": "3rem"}), html.H2("Sidebar"), ], className="sidebar-header", ), html.Hr(), dbc.Nav( [ dbc.NavLink( [html.I(className="fas fa-home me-2"), html.Span("Home")], href="/", active="exact", ), dbc.NavLink( [ html.I(className="fas fa-calendar-alt me-2"), html.Span("Calendar"), ], href="/calendar", active="exact", ), dbc.NavLink( [ html.I(className="fas fa-envelope-open-text me-2"), html.Span("Messages"), ],
def navBar(input1): if current_user.is_authenticated: if current_user.admin == 1: navBarContents = html.Div([ dbc.NavItem(dbc.NavLink('Page 1', href='/page1')), dbc.NavItem(dbc.NavLink('Page 2', href='/page2')), dbc.NavItem(dbc.NavLink('Page 3', href='/page3')), dbc.NavItem(dbc.NavLink('Page 4', href='/page4')), dbc.NavItem(dbc.NavLink('Page 5', href='/page5')), dbc.NavItem(dbc.NavLink('Page 6', href='/page6')), dbc.NavItem(dbc.NavLink('Page 7', href='/page7')), dbc.NavItem(dbc.NavLink('Page 8', href='/page8')), 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'), ], ), ], horizontal="center", pills=True) return navBarContents else: navBarContents = [ dbc.NavItem(dbc.NavLink('Page 1', href='/page1')), dbc.NavItem(dbc.NavLink('Page 2', href='/page2')), dbc.NavItem(dbc.NavLink('Page 3', href='/page3')), dbc.NavItem(dbc.NavLink('Page 4', href='/page4')), dbc.NavItem(dbc.NavLink('Page 5', href='/page5')), dbc.NavItem(dbc.NavLink('Page 6', href='/page6')), dbc.NavItem(dbc.NavLink('Page 7', href='/page7')), dbc.NavItem(dbc.NavLink('Page 8', href='/page8')), 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 ''
from app.style import colors, SIDEBAR_STYLE, CONTENT_MAP_STYLE, CONTENT_STYLE,CONTENT_STYLE_PART1, CONTENT_STYLE_PART2 from app.helper_functions import filter_data, build_hierarchical_dataframe from app.app import app sidebar_page_1 = html.Div( [ html.H2("Executions", className="sidebar-design"), dbc.Nav( [ dbc.NavLink( html.Span( [html.Img(src='data:image/png;base64,{}'.format(encoded_image.decode()), style={'height': '20px', 'margin-top': '-3px'} ), html.P("Overview", style={'margin-left': '8px', 'margin-top': '1px', 'margin-bottom': '-25px'}) ], style={'display': '-webkit-inline-box'} ), active=True, href="/overview" ), dbc.NavLink( html.Span( [html.Img(src='data:image/png;base64,{}'.format(encoded_image.decode()), style={'height': '20px', 'margin-top': '-3px'} ), html.P("Timeline", style={'margin-left': '8px', 'margin-top': '0px', 'margin-bottom': '-25px'}) ], style={'display': '-webkit-inline-box', 'opacity': '0.6'} ), active=True,
'font-weight': 'bold', }), ]), ], width=True, align='center', ) navbar_views = dbc.Col( id='navbar-views-col', children=dbc.Navbar( id='navbar-views', children=[ dbc.Row([ dbc.Col([ dbc.NavLink( id='view1-link', children='View 1', href='/view1'), dbc.Tooltip( children= 'Detailed view of any individual (Search by human ID)', target='view1-link', placement='auto-start', style={'font-size': '150%'}, ), ], width='auto'), dbc.Col([ dbc.NavLink( id='view2-link', children='View 2', href='/view2'), dbc.Tooltip( children= 'General view of all individual/identities (Search by channel and/or timestamp)',
"margin-left": "18rem", "margin-right": "2rem", "padding": "2rem 1rem", } sidebar = html.Div( [ html.Img(src="data:image/png;base64,{}".format(encode_image.decode()), style={ 'height': '20%', 'width': '100%' }), html.Hr(), dbc.Nav( [ dbc.NavLink("Home", href="/", active="exact"), dbc.NavLink("Eastern Conference", href="/eastern-conference", active="exact"), dbc.NavLink("Western Conference", href="/western-conference", active="exact"), dbc.NavLink("Team View", href="http://localhost:3000/team_view", active="exact"), dbc.NavLink("Profile", href="http://localhost:3000/profile", active="exact"), ], vertical=True, pills=True,
html.Div( [ html.Hr(), html.P( "Consumer Customer Experience Data Deep Dive", className="lead", style={'text-align': 'center'}, ), ], id="blurb", ), # use the Collapse component to animate hiding / revealing links dbc.Collapse( dbc.Nav( [ dbc.NavLink("Overview", href="/page-1", id="page-1-link"), dbc.NavLink( "Order Aggregate", href="/page-4", id="page-4-link"), dbc.NavLink("Customer Aggregate", href="/page-2", id="page-2-link"), dbc.NavLink( "Single Journey", href="/page-3", id="page-3-link"), dbc.NavLink("Model", href="/page-5", id="page-5-link"), ], vertical=True, pills=True, ), id="collapse", ), ],
"padding": "2rem 1rem", "background-color": "#f8f9fa", } # the styles for the main content position it to the right of the sidebar and # add some padding. CONTENT_STYLE = { "margin-left": "18rem", "margin-right": "2rem", "padding": "2rem 1rem", } navbar = dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Page 1", href="#")), dbc.DropdownMenu( children=[ dbc.DropdownMenuItem("More pages", header=True), dbc.DropdownMenuItem("Page 2", href="#"), dbc.DropdownMenuItem("Page 3", href="#"), ], nav=True, in_navbar=True, label="More", ), ], brand="NavbarSimple", brand_href="#", color="primary", dark=True,
# -*- coding: utf-8 -*- import dash_core_components as dcc import dash_html_components as html import dash_bootstrap_components as dbc from dash.dependencies import Input, Output, State from app import app, server from pages import home, page1, page2, page3, page4 import flask nav_item1 = dbc.NavItem(dbc.NavLink("Browse", href="/pages/page1", external_link=True)) nav_item2 = dbc.NavItem(dbc.NavLink("Visualize", href="/pages/page2", external_link=True)) nav_item3 = dbc.NavItem(dbc.NavLink("Submit", href="/pages/page3", external_link=True)) nav_item4 = dbc.NavItem(dbc.NavLink("About", href="/pages/page4", external_link=True)) nav_bar_and_content_div = html.Div(children=[ dcc.Location(id='url', refresh=False), dbc.Navbar( dbc.Container( [ html.A( # Use row and col to control vertical alignment of logo / brand dbc.Row( [ dbc.Col(html.Img(id='logo', src='assets/logo_jsheunis_3.jpeg', height="32px", className="avatar")), dbc.Col(dbc.NavbarBrand("rtfMRI Methods", className="ml-2")), ], align="center", no_gutters=True, ), href="/",
navbar = dbc.NavbarSimple( children=[ dbc.Col(html.Img(src=IBM_LOGO, height="50px")), dbc.DropdownMenu( nav=True, in_navbar=True, label="Menu", children=[ dbc.DropdownMenuItem("Case Worker Dashboard"), dbc.DropdownMenuItem("Executive Dashboard"), dbc.DropdownMenuItem(divider=True), dbc.DropdownMenuItem("Data Sources") ], ), dbc.NavItem(dbc.NavLink("Logout", href="#")), dbc.Collapse(search_bar, id="navbar-collapse", navbar=True), ], brand="CHILD WELFARE ANALYTICS PLATFORM", className='navbar navbar-expand-lg navbar-dark bg-dark', brand_href="#", sticky="top", ) exec_tbl = html.Div([ dash_table.DataTable( id='datatable', columns=[{ "name": i, "id": i } for i in df_exec_smmry.columns],
#Todo: Create ddl with departments and callback to change map from here btnBack = html.Button('Back to Colombia', id='backButt', n_clicks=0) filters = dbc.Card( [ dbc.FormGroup([dbc.Label("Data to show"), ddlDataToShow]), dbc.FormGroup([dbc.Label("Year"), slrAge]), dbc.FormGroup([btnBack], className="mt-5"), ], body=True, ) ####################################################################################################################################### upperContent = dbc.Col([filters], width='auto') # dbc.Container([filters,html.Hr()],className="h-50"), # style={'width':'320px'}) menu = dbc.Nav( [ dbc.NavLink("Overview", href="/page-1", id="page-1-link"), dbc.NavLink("Analytics", href="/page-2", id="page-2-link"), dbc.NavLink("Recomendations", href="/page-3", id="page-3-link"), ], vertical=True, pills=True, ) sidebar = upperContent
def dataframe_to_date(usa_only, scale, date): return query_to_date(usa_only=usa_only, scale=scale, date=date) # Master Data # q = Queue(connection=conn) # # worker_to_date = q.enqueue(dataframe_to_date(date='2020-03-24', usa_only=False, scale=500), redis_url) # """Navbar""" # dropdown Items # make a reuseable navitem for the different examples nav_item = dbc.NavItem( dbc.NavLink("Instagram", href="https://www.instagram.com/amelgikha/")) # make a reuseable dropdown for the different examples dropdown = dbc.DropdownMenu( children=[ dbc.DropdownMenuItem("Project Github", href='https://github.com/amelgikha/dash_covid19'), dbc.DropdownMenuItem("Plotly / Dash", href='https://dash.plot.ly/'), dbc.DropdownMenuItem( "Dash Bootstrap", href='https://dash-bootstrap-components.opensource.faculty.ai/'), ], nav=True, in_navbar=True, label="Important Links", )
def Batter_Base_layout(app): app.title = "KBO analysis" team_name = [] year = count_year() batter_name = [] app.layout = html.Div([ baselayout, # 그래프 dbc.Container( [ dbc.Row( dbc.Col(children=[html.H2("선수를 선택해 주세요")], style={ 'margin-top': 80, 'margin-right': 10, 'margin-left': 10 }, id="title")), dbc.Row( dbc.Col( dbc.Alert( "해당 분석은 한국프로야구단 공식 홈페이지인 KBO에서 스크래핑한 데이터를 바탕으로 진행되었습니다.", color="secondary", style={ 'margin-top': 10, 'margin-right': 10, 'margin-left': 10 }))), dbc.Row([ dbc.Col(children=[ dbc.Card( [ dbc.CardHeader("최근 선수 스탯"), dbc.CardBody(dcc.Graph(id='graph1')), ], style={ 'width': "auto", 'margin-top': 20, 'margin-left': 10, 'margin-right': 10, 'margin-bottom': 20 }), dbc.Card( [ dbc.CardHeader("월별 타율 추세"), dbc.CardBody(dcc.Graph(id='graph3')), ], style={ 'width': "auto", 'margin-top': 20, 'margin-left': 10, 'margin-right': 10, 'margin-bottom': 20 }) ], xs=12, sm=12, md=6, lg=6), dbc.Col(dbc.Card( [ dbc.CardHeader("연도별 스탯 변화 추이"), dbc.CardBody(dcc.Graph(id='graph2')) ], style={ 'width': "auto", 'margin-top': 20, 'margin-left': 10, 'margin-right': 10, 'margin-bottom': 20 }), xs=12, sm=12, md=6, lg=6), ], no_gutters=True, justify="around"), ], id="graphs", style={ "width": "auto", 'margin-left': 210, 'color': None, "transition": "all .2s", "z-index": -1 }, fluid=True), # 사이드바 html.Div( [ html.Div( [ dbc.Nav([ html.P("Main", style={ 'color': '#7E8083', 'font-size': '80%' }), html.Li( dbc.Row([ dbc.Col(html.I( className="fas fa-chart-bar fa-2x", style={ 'color': '#FFFFFF', 'margin-top': 11, 'font-size': 20 }), width="auto"), dbc.Col( dbc.NavItem( dbc.NavLink( "Batters", href= "http://127.0.0.1:5000/batters/", id="batters", style={ "color": "#FFFFFF", 'margin-left': -30 }))), dbc.Col(dbc.NavItem( dbc.NavLink( html.I( className= "fas fa-chevron-right fa-xs", style={ 'color': '#FFFFFF', 'margin-top': 8 }), href= "http://127.0.0.1:5000/batters/")), width=3) ])), html.Div( [ dbc.Row([ dbc.Col( dcc.Dropdown( id='year_select', options=[{ 'label': i, 'value': i } for i in year], value='year_select', placeholder="year", )), dbc.Col( dcc.Dropdown( id='team_name_select', options=[{ 'label': i, 'value': i } for i in team_name], value='team_select', placeholder="team", )) ], no_gutters=True, align="center", justify="center"), html.Br(), dcc.Dropdown(id='batter_name_select', options=[{ 'label': i, 'value': i } for i in batter_name], value='batter_select', placeholder="Choose a batter") ], style={ 'width': '100%', 'display': 'inline-block', 'font-size': '80%', 'margin-bottom': 80, 'margin-top': 5 }), html.P("Others", style={ 'color': '#7E8083', 'font-size': '80%' }), html.Li( dbc.Row([ dbc.Col(html.I( className="fas fa-project-diagram", style={ 'color': '#7E8083', 'margin-top': 12 }), width="auto"), dbc.Col( dbc.NavItem( dbc.NavLink( "Teams", href= "http://127.0.0.1:5000/teams/", id="teams", style={ "color": "#7E8083", 'margin-left': -30 }))), dbc.Col(dbc.NavItem( dbc.NavLink( html.I( className= "fas fa-chevron-right fa-xs", style={ 'color': '#7E8083', 'margin-top': 8 }), href="http://127.0.0.1:5000/teams/" )), width=3) ])), html.Li( dbc.Row([ dbc.Col(html.I( className="fas fa-table fa-2x", style={ 'color': '#7E8083', 'margin-top': 10, 'font-size': 18 }), width="auto"), dbc.Col( dbc.NavItem( dbc.NavLink( "Pitchers", href= "http://127.0.0.1:5000/pitchers/", id="pitchers", style={ "color": "#7E8083", 'margin-left': -28 }))), dbc.Col(dbc.NavItem( dbc.NavLink( html.I( className= "fas fa-chevron-right fa-xs", style={ 'color': '#7E8083', 'margin-top': 8 }), href= "http://127.0.0.1:5000/pitchers/") ), width=3) ])), html.Li( dbc.Row([ dbc.Col(html.I( className="fas fa-balance-scale fa-2x", style={ 'color': '#7E8083', 'margin-top': 10, 'font-size': 17, 'margin-left': -1.5 }), width="auto"), dbc.Col( dbc.NavItem( dbc.NavLink( "Comparer", href= "http://127.0.0.1:5000/comparer/", id="comparer", style={ "color": "#7E8083", 'margin-left': -30 }))), dbc.Col(dbc.NavItem( dbc.NavLink( html.I( className= "fas fa-chevron-right fa-xs", style={ 'color': '#7E8083', 'margin-top': 8 }), href= "http://127.0.0.1:5000/comparer/") ), width=3) ])) ], vertical="md", horizontal='start', className="ml-auto"), ], id="sidebar", style={ "position": "fixed", "top": 55, "left": "0", "bottom": 0, "width": "13rem", "padding": "2rem 1rem", "background-color": "#353A3F", "transition": "left .2s" }) ], id="side", style={ "position": "fixed", "top": 55, "left": "0", "bottom": 0, "width": "100%", "background-color": "rgba(0, 0, 0, 0.5)", "transition": "left .2s", }) ]) @app.callback(Output('team_name_select', "options"), Input('year_select', "value")) def team_name_list(value): team_name = get_team_name(value) return [{'label': i, 'value': i} for i in team_name] @app.callback( Output('batter_name_select', "options"), [Input('year_select', "value"), Input('team_name_select', "value")]) def batter_name_list(value1, value2): batter_name = batter_list(value1, value2) return [{'label': i, 'value': i} for i in batter_name] @app.callback(Output('title', 'children'), Input('batter_name_select', "value")) def batter_select_name(value): if value != 'batter_select' and value != None: children = [html.H2(f"{value} 선수의 분석결과 입니다.")] else: children = [html.H2("선수를 선택해 주세요")] return children @app.callback( Output('batter_name_select', "value"), [Input('year_select', "value"), Input('team_name_select', "value")]) def test_one(value1, value2): if value1 == None or value2 == None: return None @app.callback(Output('graph1', 'figure'), Output('graph2', 'figure'), [ Input('team_name_select', "value"), Input('batter_name_select', 'value') ]) def batter_recent(value1, value2): scores = batter_yearly_base(value1, value2) df = pd.DataFrame(scores[1:], columns=['YEAR', 'AVG', 'OBP', 'SLG', 'ISO', 'EOBP']) fig1 = go.Figure( go.Scatterpolar(r=list(scores[-1][1:]), theta=[ '평균타율(AVG)', '출루율(OBP)', '장타율(SGL)', '순장타율(ISO)', '순출루율(EOBP)' ], fill='toself')) fig1.update_layout(margin=dict(l=30, r=30, t=35, b=35), height=300, template=None, polar=dict(radialaxis=dict(visible=True, range=[0.0, 1.0], showticklabels=False, ticks=''), angularaxis=dict(showticklabels=True, ticks='', tickfont_size=13))) fig2 = make_subplots(rows=2, cols=1, shared_xaxes=True, vertical_spacing=0.1, specs=[[{ "type": "scatter" }], [{ "type": "table" }]]) fig2.add_trace( go.Scatter(x=df['YEAR'], y=df['AVG'], name='평균타율(AVG)', marker_color='#243858')) fig2.add_trace( go.Scatter(x=df['YEAR'], y=df['OBP'], name='출루율(OBP)', marker_color='#749A46')) fig2.add_trace( go.Scatter(x=df['YEAR'], y=df['SLG'], name='장타율(SGL)', marker_color='#6BB6DA')) fig2.add_trace( go.Scatter(x=df['YEAR'], y=df['ISO'], name='순장타율(ISO)', marker_color='#EC7D7A')) fig2.add_trace( go.Scatter(x=df['YEAR'], y=df['EOBP'], name='순출루율(EOBP)', marker_color='#F5CA6F')) fig2.add_trace( go.Table( columnorder=[1, 2, 3, 4, 5, 6], columnwidth=[7.5, 10, 10, 10, 10, 10], header=dict(values=df.columns, height=32, fill_color='#6E757C', line_color='#6E757C', align='center', font=dict(color='white')), cells=dict( values=[df.YEAR, df.AVG, df.OBP, df.SLG, df.ISO, df.EOBP], fill_color='white', line_color='#6E757C', font=dict(color='black'), align='center', height=32), ), 2, 1) fig2.update_layout(height=695, margin=dict(l=0, r=0, t=0, b=0), template='plotly_white', yaxis=dict(anchor="free", side="left", position=0.015), xaxis=dict(tickmode='linear', dtick=1), legend=dict(orientation="h", yanchor="bottom", y=1.02, xanchor="left", x=0)) return fig1, fig2 @app.callback(Output('graph3', 'figure'), [ Input('team_name_select', "value"), Input('batter_name_select', 'value') ]) def batter_monthly(value1, value2): df = daily_hit_prob(value1, value2) fig = go.Figure( go.Scatter(x=df['date'], y=df['value'], mode='markers', marker=dict(size=10, color=df['value'].astype('float'), colorscale="viridis", showscale=True))) fig.update_layout(template='plotly_white', height=300, margin=dict(l=0, r=0, t=0, b=0)) return fig @app.callback(Output("sidebar", "style"), Output("graphs", "style"), Output("side", "style"), [Input("sidebtn", "n_clicks")], [ State("sidebar", "style"), State("graphs", "style"), State("side", "style") ]) def toggle(n, style1, style2, style3): if n and style1['left'] == "0" and style2['margin-left'] == 210: style1['left'] = "-13rem" style2['margin-left'] = 0 style3['width'] = 0 return style1, style2, style3 else: style1['left'] = "0" style2['margin-left'] = 210 style3['width'] = "100%" return style1, style2, style3 return app
html.Div( [ html.Hr(), html.P( "A dashboard for gaining insight into Windstream chat bot data.", className="lead", ), ], id="blurb", ), # use the Collapse component to animate hiding / revealing links dbc.Collapse( dbc.Nav( [ dbc.NavLink("Overall Metrics", href=f"{requests_prefix}metrics", id="metrics-link"), dbc.NavLink("Daily User Trends", href=f"{requests_prefix}user-trends", id="user-trends-link"), dbc.NavLink("Detailed Reports", href=f"{requests_prefix}reports", id="reports-link") ], vertical=True, pills=True, ), id="collapse", ), html.Div( [
"color": "rgba(0,0,0,.5)", "border-color": "rgba(0,0,0,.1)", }, id="sidebar-toggle", ), ], # the column containing the toggle will be only as wide as the # toggle, resulting in the toggle being right aligned width="auto", # vertically align the toggle in the center align="center", ), ]) pages = [ dbc.NavLink("Upload Structure", href="/page-1", id="page-1-link"), dbc.NavLink("Convert Structure", href="/page-2", id="page-2-link"), dbc.NavLink("Symmetry Analysis", href="/page-3", id="page-3-link"), dbc.NavLink("Kpath", href="/page-4", id="page-4-link"), dbc.NavLink("Build GS Input", href="/page-5", id="page-5-link"), #dbc.NavLink("Build Ebands Input",href="/page-5", id="page-5-link"), #dbc.NavLink("Build DFPT Input",href="/page-5", id="page-5-link"), #dbc.NavLink("Build G0W0 Input",href="/page-5", id="page-5-link"), dbc.NavLink("About", href="/page-6", id="page-6-link"), ] num_pages = len(pages) sidebar = html.Div( [ sidebar_header, # we wrap the horizontal rule and short blurb in a div that can be hidden on a small screen
"background-color": "#f8f9fa", } CONTENT_STYLE = { "margin-left": "18rem", "margin-right": "2rem", "padding": "2rem 1rem", } sidebar = html.Div( [ html.H2("Sidebar", className="display-4"), html.Hr(), dbc.Nav( [ dbc.NavLink("Home\n\n", href="/", active="exact"), html.Br(), html.Br(), dbc.NavLink("Timeline Exploration,\n\n", href="/page-1", active="exact"), html.Br(), html.Br(), dbc.NavLink( "Data Analysis,\n\n", href="/page-2", active="exact"), ], vertical='md', pills=True, ), ], style=SIDEBAR_STYLE,
'height': 25, 'alt': 'CoreUI Logo' }, minimized={ 'src': '/assets/images/sygnet.svg', 'width': 30, 'height': 30, 'alt': 'CoreUI Logo' }), duc.appsidebartoggler(id='appsidebartogglermd', className='d-md-down-none', display='lg'), dbc.Nav([ dbc.NavItem(dbc.NavLink([ html.I(className='cui-bell icons font-xl d-block'), dbc.Badge('5', pill=True, color='danger') ], href='#'), className='d-md-down-none'), dbc.NavItem(dbc.NavLink( html.I(className='cui-list icons font-xl d-block'), href='#'), className='d-md-down-none'), dbc.NavItem(dbc.NavLink( html.I(className='cui-location-pin icons font-xl d-block'), href='#'), className='d-md-down-none'), duc.appheaderdropdown([ dbc.DropdownMenu([ dbc.DropdownMenuItem('User Info'), dbc.DropdownMenuItem('Logout Max Mustermann')
import dash import dash_table import numpy as np from dash.dependencies import Output, Input, State import dash_bootstrap_components as dbc import plotly.express as px # Connect to main app.py file from app import app from app import server # Connect to your app pages from apps import home, data_table, stocks, home2, client nav = dbc.Nav([ dbc.NavItem(dbc.NavLink("Home", active=True, href='/apps/home')), dbc.NavItem(dbc.NavLink("Home2", href='/apps/home2')), dbc.NavItem(dbc.NavLink("Client Page", href='/apps/client')), dbc.NavItem(dbc.NavLink("Stocks Page", href='/apps/stocks')), dbc.NavItem(dbc.NavLink("Data Table", href='/apps/datatable')), ], className="breadcrumb") app.layout = html.Div([ dcc.Store(id='coy_session', storage_type='session'), dcc.Store(id='client_session', storage_type='session'), dcc.Location(id='url', refresh=False), nav, # html.Div([ # dcc.Link('Home | ', href='/apps/home'), # dcc.Link('Home2 | ', href='/apps/home2'),
import dash_bootstrap_components as dbc nav = dbc.Nav( [ dbc.NavLink("Active", active=True, href="#"), dbc.NavLink("A link", href="#"), dbc.NavLink("Another link", href="#"), dbc.NavLink("Disabled", disabled=True, href="#"), ] )
html.Div( [ html.Hr(), html.P( "A responsive sidebar layout with collapsible navigation " "links.", className="lead", ), ], id="blurb", ), # use the Collapse component to animate hiding / revealing links dbc.Collapse( dbc.Nav( [ dbc.NavLink("Home", href="/", active="exact"), dbc.NavLink("Page 1", href="/page-1", active="exact"), dbc.NavLink("Page 2", href="/page-2", active="exact"), ], vertical=True, pills=True, ), id="collapse", ), ], id="sidebar", ) content = html.Div(id="page-content") app.layout = html.Div([dcc.Location(id="url"), sidebar, content])
"top": 0, "left": 0, "background-color": "#161a28", "overflow-x": "hidden", "transition": "0.3s", "padding-top": "1rem", } # sidebar object sidebar = html.Div([ html.H2("Moodle Analytics", className="display-4"), html.Hr(), html.P("Iranian Education Dataset"), dbc.Nav( [ dbc.NavLink("Kindergarten", href="/", active="exact"), dbc.NavLink("Grade School", href="/page-1", active="exact"), dbc.NavLink("High School", href="/page-2", active="exact"), ], vertical=True, pills=True, ), html.Hr() ], id="sidebar", style=SIDEBAR_STYLE) # button object button = html.Div( [dbc.Button("☰", outline=True, id="show_hide", color="light")], id="button",
def render_page_content(pathname): return html.Div([ dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Page 1", href="#")), dbc.DropdownMenu( children=[ dbc.DropdownMenuItem("More pages", header=True), dbc.DropdownMenuItem("Page 2", href="#"), dbc.DropdownMenuItem("Page 3", href="#"), ], nav=True, in_navbar=True, label="More", ), ],9 brand="NavbarSimple", brand_href="#", color="primary", dark=True, ),card,html.br() dcc.Tabs([ dcc.Tab(label='Tab one', children=[ dcc.Graph( figure={ 'data': [ {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'}, {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'}, ] } ) ]), dcc.Tab(label='Tab two', children=[ dcc.Graph( figure={ 'data': [ {'x': [1, 2, 3], 'y': [1, 4, 1], 'type': 'bar', 'name': 'SF'}, {'x': [1, 2, 3], 'y': [1, 2, 3], 'type': 'bar', 'name': u'Montréal'}, ] } ) ]), dcc.Tab(label='Tab three', children=[ dcc.Graph( figure={ 'data': [ {'x': [1, 2, 3], 'y': [2, 4, 3], 'type': 'bar', 'name': 'SF'}, {'x': [1, 2, 3], 'y': [5, 4, 3], 'type': 'bar', 'name': u'Montréal'}, ] } ) ]), ]) ])
vertical=True, pills=True, ), html.Hr(), html.H5("🍜 Ramen ratings", className="fs-5 sideBarDatasetTitles"), dbc.Nav( sidebar_tabs(sidebar_tabs_ram, tag='ram'), vertical=True, pills=True, ), html.Hr(), dbc.Nav( html.H5(children=[ dbc.NavLink('⭐ Instructions', id='instructionsName', href='/instructions', active='exact', external_link=True, className="instructions") ]), vertical=True, pills=True, ), ], style=SIDEBAR_STYLE, ) # MAIN CONTENT content = html.Div(id="page-content", style=CONTENT_STYLE) # APP LAYOUT CALL app.layout = html.Div([
# from index import DISPLAY_HISTORY PLOTLY_LOGO = 'assets/favicon.png' # DISPLAY_OFFLINE = '' DISPLAY_HISTORY = '' search_bar = dbc.Row( [ #dbc.Col(dbc.Input(type="search", placeholder="Search")), dbc.Col( dbc.NavLink(html.A('HOME', href=URL + '/index', target='', style={ 'text-decoration': 'none', 'color': 'white' }), active=True, className='testHover', style={ 'text-decoration': 'none', 'color': 'white', 'font-size': '1.5rem' })), # dbc.Col(dbc.NavLink( # html.A('PERSONAL_DATA_MANAGEMENT', href=URL + '/genome-dictionary-management', target='', # style={'text-decoration': 'none', 'color': 'white'}), # active=True, # className='testHover', style={'text-decoration': 'none', 'color': 'white', 'font-size': '1.5rem', 'display': DISPLAY_OFFLINE})), dbc.Col( dbc.NavLink(html.A('MANUAL', href=URL + '/user-guide', target='',
the Free Software Foundation, either version 3 of the License, or (at your option) any later version. IPDD is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with IPDD. If not, see <https://www.gnu.org/licenses/>. """ import dash_bootstrap_components as dbc from dash import html # configuring a navbar navbar = dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Start IPDD", href="/apps/app_manage_files")), ], brand="IPDD Framework - Interactive Process Drift Detection Framework", color="primary", dark=True, ) info_ipdd = [ dbc.CardBody([ html.H5( "The Interactive Process Drift Detection (IPDD) Framework is a tool for process drift visual " "analysis.", className="card-text"), html.H5(dbc.CardLink(children='Start IPDD here', href="/apps/app_manage_files"), className="card-text mt-3"),
def render_page_content(pathname): if pathname == "/": return html.Img(src="https://i.ibb.co/ZdZdGzY/Presentation1.gif") elif pathname == "/eastern-conference": response = requests.get("http://gateway:9999/retrieve/east") standings_json = response.json() standings = pd.json_normalize(standings_json, record_path=['0', 'Standings']) df_cleaned_standings = standings[[ 'TeamCity', 'TeamName', 'Conference', 'ConferenceRecord', 'PlayoffRank', 'Division', 'DivisionRecord', 'DivisionRank', 'WINS', 'LOSSES', 'WinPCT' ]] df_east_standings = df_cleaned_standings[ df_cleaned_standings['Conference'] == 'East'] return html.Div(children=[ dash_table.DataTable( id='east-standings-table', columns=[{ 'name': i, 'id': i } for i in df_east_standings.columns], data=df_east_standings.to_dict('records'), ), html.Div(id='standing-table-container') ]) elif pathname == "/western-conference": response = requests.get("http://gateway:9999/retrieve/west") standings_json = response.json() standings = pd.json_normalize(standings_json, record_path=['0', 'Standings']) df_cleaned_standings = standings[[ 'TeamCity', 'TeamName', 'Conference', 'ConferenceRecord', 'PlayoffRank', 'Division', 'DivisionRecord', 'DivisionRank', 'WINS', 'LOSSES', 'WinPCT' ]] df_west_standings = df_cleaned_standings[ df_cleaned_standings['Conference'] == 'West'] return html.Div(children=[ dash_table.DataTable( id='west_standings-table', columns=[{ 'name': i, 'id': i } for i in df_west_standings.columns], data=df_west_standings.to_dict('records'), ), html.Div(id='standing-table-container') ]) elif pathname == "/team-view": if requests.get("http://auth0:3000/authorized").status_code == 301: response = requests.get("http://gateway:9999/results") results_json = response.json() results = pd.DataFrame.from_dict(results_json) results_df = results.transpose() print(results_df) results_df_cleaned = results_df[['TeamName', 'playoff_pct']] return dcc.Graph(id='premium', config={'displayModeBar': False}, animate=True, figure=px.line(results_df_cleaned, x='TeamName', y='playoff_pct')) return html.Div([ dbc.NavLink( html.Img(src="https://i.ibb.co/K5y4f6N/vip-button.png"), href="http://localhost:3000", active="exact") ]) # If the user tries to reach a different page, return a 404 message return dbc.Jumbotron([ html.H1("404: Not found", className="text-danger"), html.Hr(), html.P(f"The pathname {pathname} was not recognised..."), ])
import dash_html_components as html header = dbc.Row( dbc.Col( html.H1( "My personal investments tracker", className="text-center text-dark mb-4" ), width=12, ) ) navbar = dbc.Navbar( [ dbc.NavLink("Home", href="/", active="exact"), dbc.NavLink("FII", href="/fii", active="exact"), dbc.NavLink("Funds", href="/funds", active="exact"), dbc.NavLink("Stocks", href="/stocks", active="exact"), ], color="dark", className="justify-content-center nav-pills", ) content = html.Div(id="page-content", children=[]) app.layout = html.Div( [ dcc.Location(id="url"), header, navbar,
# the styles for the main content position it to the right of the sidebar and # add some padding. CONTENT_STYLE = { "margin-left": "9rem", "margin-right": "2rem", "padding": "2rem 1rem", } sidebar = html.Div( [ html.P("local DB", className="lead"), html.Hr(), dbc.Nav( [ dbc.NavLink("TOP", href="/page-1", id="page-1-link"), dbc.NavLink("回収率分析", href="/page-2", id="page-2-link"), dbc.NavLink("KPI分析", href="/page-3", id="page-3-link"), dbc.NavLink("レース傾向", href="/page-4", id="page-4-link"), dbc.NavLink("レース情報", href="/page-5", id="page-5-link"), dbc.NavLink("レース結果", href="/page-8", id="page-8-link"), dbc.NavLink("グラフ例", href="/page-6", id="page-6-link"), dbc.NavLink("グラフ例2", href="/page-7", id="page-7-link"), ], vertical=True, pills=True, ), ], style=SIDEBAR_STYLE, )
data = Data() graph = Graphs() data.fetch_data() preprocessed_df = data.preprocess_cases_data(data.df_us_cases) app = dash.Dash(__name__, external_stylesheets=[dbc.themes.LUX]) server = app.server navbar = dbc.Nav( className="nav nav-pills", children=[ dbc.NavItem( dbc.NavLink([html.I(className="fa fa-github"), " GitHub"], href="https://github.com/sheelshah9", active=True, target="_blank")), dbc.NavItem( dbc.NavLink([html.I(className="fa fa-linkedin"), " LinkedIn"], href="https://www.linkedin.com/in/sheelshah09/", active=True, target="_blank")) ]) dropdown_state = dbc.FormGroup([ html.H4("Select State"), dcc.Dropdown(id="state", options=[{ 'label': x, 'value': x } for x in preprocessed_df.columns.tolist()],
} # padding for the page content CONTENT_STYLE = { "margin-left": "18rem", "margin-right": "2rem", "padding": "2rem 1rem", } sidebar = html.Div( [ html.H4("Active Learning", className="display-6"), html.Hr(), dbc.Nav( [ dbc.NavLink("Home", href="/home", active="exact"), dbc.NavLink("Annotate", href="/annotate_info", active="exact"), dbc.NavLink("Annotation Statistics", href="/annotate-stat", active="exact"), dbc.NavLink("Project Report", href="/report", active="exact") ], vertical=True, pills=True, ), ], style=SIDEBAR_STYLE, ) sidebar_content = html.Div(id="page-content", children=[], style=CONTENT_STYLE)
import dash_bootstrap_components as dbc from dash.dependencies import Input, Output from app import app, server from views import home, national, regional, local, maps import data_handler as dh app.layout = dbc.Container( [ dcc.Location(id='url', refresh=False), dbc.NavbarSimple( children=[ dbc.NavItem(dbc.NavLink("Início", href="/")), dbc.DropdownMenu( children=[ # dbc.DropdownMenuItem("Evolução", header=True), dbc.DropdownMenuItem("Nacional", href="/national"), dbc.DropdownMenuItem("Regiões", href="/regional"), dbc.DropdownMenuItem("Concelhos", href="/local"), ], nav=True, in_navbar=True, label="Evolução", ), dbc.NavItem(dbc.NavLink("Mapas", href="/maps")), ], dark=True, color="primary",