Merge pull request #587 from plotly/fix-link-baseball

Fix URL paths for baseball app (#patch)

Former-commit-id: 6dde681

Author: Xing Han Lu

apps/dash-baseball-statistics/index.py

@@ -1,4 +1,6 @@
 # import dash-core, dash-html, dash io, bootstrap
+import os
+
 import dash_core_components as dcc
 import dash_html_components as html
 from dash.dependencies import Input, Output
@@ -25,6 +27,8 @@
 from app import srv as server
 
 
+app_name = os.getenv("DASH_APP_PATH", "/dash-baseball-statistics")
+
 # Layout variables, navbar, header, content, and container
 nav = Navbar()
 
@@ -49,7 +53,7 @@
 # Declair function  that connects other pages with content to container
 @app.callback(Output("page-content", "children"), [Input("url", "pathname")])
 def display_page(pathname):
-    if pathname == "/":
+    if pathname == app_name:
         return html.Div(
             [
                 dcc.Markdown(
@@ -78,11 +82,11 @@ def display_page(pathname):
             ],
             className="home",
         )
-    elif pathname == "/team":
+    elif pathname.endswith("/team"):
         return appMenu, menuSlider, teamLayout
-    elif pathname == "/player":
+    elif pathname.endswith("/player"):
         return appMenu, menuSlider, playerMenu, battingLayout
-    elif pathname == "/field":
+    elif pathname.endswith("/field"):
         return appMenu, menuSlider, playerMenu, fieldingLayout
     else:
         return "ERROR 404: Page not found!"

apps/dash-baseball-statistics/navbar.py

@@ -1,17 +1,23 @@
 # Import Bootstrap from Dash
+import os
+
 import dash_bootstrap_components as dbc
 
 
+app_name = os.getenv("DASH_APP_PATH", "/dash-baseball-statistics")
+
 # Navigation Bar fucntion
 def Navbar():
     navbar = dbc.NavbarSimple(
         children=[
-            dbc.NavItem(dbc.NavLink("Team Analysis", href="/team")),
-            dbc.NavItem(dbc.NavLink("Batting Analysis", href="/player")),
-            dbc.NavItem(dbc.NavLink("Pitching/Fielding Analysis", href="/field")),
+            dbc.NavItem(dbc.NavLink("Team Analysis", href=f"{app_name}/team")),
+            dbc.NavItem(dbc.NavLink("Batting Analysis", href=f"{app_name}/player")),
+            dbc.NavItem(
+                dbc.NavLink("Pitching/Fielding Analysis", href=f"{app_name}/field")
+            ),
         ],
         brand="Home",
-        brand_href="/",
+        brand_href=f"{app_name}",
         sticky="top",
         color="light",
         dark=False,