Merge pull request #663 from plotly/update-app-links

Xing Han Lu · web-flow · commit 5edc82f5ccd2 · 2021-06-30T15:35:33.000-04:00
Add links to source code and enterprise demo Former-commit-id: 7cfdff7
diff --git a/apps/dash-financial-report/utils.py b/apps/dash-financial-report/utils.py
@@ -11,13 +11,24 @@ def get_header(app):
         [
             html.Div(
                 [
-                    html.Img(
-                        src=app.get_asset_url("dash-financial-logo.png"),
-                        className="logo",
+                    html.A(
+                        html.Img(
+                            src=app.get_asset_url("dash-financial-logo.png"),
+                            className="logo",
+                        ),
+                        href="https://plotly.com/dash",
+                    ),
+                    html.A(
+                        html.Button(
+                            "Enterprise Demo",
+                            id="learn-more-button",
+                            style={"margin-left": "-10px"},
+                        ),
+                        href="https://plotly.com/get-demo/",
                     ),
                     html.A(
-                        html.Button("Learn More", id="learn-more-button"),
-                        href="https://plot.ly/dash/pricing/",
+                        html.Button("Source Code", id="learn-more-button"),
+                        href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-financial-report",
                     ),
                 ],
                 className="row",
diff --git a/apps/dash-interest-rate/app.py b/apps/dash-interest-rate/app.py
@@ -116,7 +116,7 @@ def connect_read_sql(query, engine):
 app.layout = dbc.Container(
     fluid=True,
     children=[
-        html.H1("Dash Interest Rate Modeling with Snowflake"),
+        Header("Dash Interest Rate Modeling with Snowflake", app),
         html.Hr(),
         dbc.Row(
             [
diff --git a/apps/dash-interest-rate/utils.py b/apps/dash-interest-rate/utils.py
@@ -4,6 +4,25 @@
 import dash_bootstrap_components as dbc
 
 
+def Header(name, app):
+    title = html.H2(name, style={"margin-top": 7})
+    logo = html.Img(
+        src=app.get_asset_url("dash-logo.png"), style={"float": "right", "height": 60}
+    )
+    link = html.A(logo, href="https://plotly.com/dash/")
+    btn_style = {"margin-top": "13px", "float": "right", "margin-right": "10px"}
+    demo_btn = html.A(
+        dbc.Button("Enterprise Demo", style=btn_style, color="primary"),
+        href="https://plotly.com/get-demo/",
+    )
+    code_btn = html.A(
+        dbc.Button("Source Code", style=btn_style, color="secondary"),
+        href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-interest-rate",
+    )
+
+    return dbc.Row([dbc.Col(title, md=7), dbc.Col([link, demo_btn, code_btn], md=5)])
+
+
 def OptionMenu(values, label, **kwargs):
     options = [{"label": s.replace("_", " ").capitalize(), "value": s} for s in values]
     kwargs["value"] = kwargs.get("value", values[0])
diff --git a/apps/dash-manufacture-spc-dashboard/app.py b/apps/dash-manufacture-spc-dashboard/app.py
@@ -49,10 +49,17 @@ def build_banner():
             html.Div(
                 id="banner-logo",
                 children=[
+                    html.A(
+                        html.Button(children="ENTERPRISE DEMO"),
+                        href="https://plotly.com/get-demo/",
+                    ),
                     html.Button(
                         id="learn-more-button", children="LEARN MORE", n_clicks=0
                     ),
-                    html.Img(id="logo", src=app.get_asset_url("dash-logo-new.png")),
+                    html.A(
+                        html.Img(id="logo", src=app.get_asset_url("dash-logo-new.png")),
+                        href="https://plotly.com/dash/",
+                    ),
                 ],
             ),
         ],
@@ -261,6 +268,10 @@ def generate_modal():
                         
                         Operators may stop measurement by clicking on `Stop` button, and edit specification parameters by clicking specification tab.
 
+                        ###### Source Code
+
+                        You can find the source code of this app on our [Github repository](https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-manufacture-spc-dashboard).
+
                     """
                             )
                         ),
diff --git a/apps/dash-manufacture-spc-dashboard/assets/dash-logo-new.png b/apps/dash-manufacture-spc-dashboard/assets/dash-logo-new.png
diff --git a/apps/dash-opioid-epidemic/app.py b/apps/dash-opioid-epidemic/app.py
@@ -94,7 +94,18 @@
         html.Div(
             id="header",
             children=[
-                html.Img(id="logo", src=app.get_asset_url("dash-logo.png")),
+                html.A(
+                    html.Img(id="logo", src=app.get_asset_url("dash-logo.png")),
+                    href="https://plotly.com/dash/",
+                ),
+                html.A(
+                    html.Button("Enterprise Demo", className="link-button"),
+                    href="https://plotly.com/get-demo/",
+                ),
+                html.A(
+                    html.Button("Source Code", className="link-button"),
+                    href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-opioid-epidemic",
+                ),
                 html.H4(children="Rate of US Poison-Induced Deaths"),
                 html.P(
                     id="description",
diff --git a/apps/dash-opioid-epidemic/assets/dash-logo.png b/apps/dash-opioid-epidemic/assets/dash-logo.png
diff --git a/apps/dash-opioid-epidemic/assets/demo-button.css b/apps/dash-opioid-epidemic/assets/demo-button.css
@@ -0,0 +1,13 @@
+.link-button {
+    margin-top: 3px;
+    margin-right: 10px;
+    vertical-align: top;
+    color: #7fafdf;
+    float: right;
+    border-color: #7fafdf;
+}
+
+.link-button:hover {
+    color: white;
+    border-color: white;
+}
diff --git a/apps/dash-pivottable/app.py b/apps/dash-pivottable/app.py
@@ -16,6 +16,19 @@ def Header(name, app):
             html.H1(name, style={"margin": 10, "display": "inline"}),
             html.A(dash_logo, href="https://plotly.com/dash/"),
             html.A(ghub_logo, href="https://github.com/plotly/dash-pivottable"),
+            html.A(
+                html.Button(
+                    "Enterprise Demo",
+                    style={
+                        "float": "right",
+                        "margin-right": "10px",
+                        "margin-top": "5px",
+                        "padding": "5px 10px",
+                        "font-size": "15px",
+                    },
+                ),
+                href="https://plotly.com/get-demo/",
+            ),
             html.Hr(),
         ]
     )
diff --git a/apps/dash-uber-rides-demo/app.py b/apps/dash-uber-rides-demo/app.py
@@ -68,8 +68,12 @@
                 html.Div(
                     className="four columns div-user-controls",
                     children=[
-                        html.Img(
-                            className="logo", src=app.get_asset_url("dash-logo-new.png")
+                        html.A(
+                            html.Img(
+                                className="logo",
+                                src=app.get_asset_url("dash-logo-new.png"),
+                            ),
+                            href="https://plotly.com/dash/",
                         ),
                         html.H2("DASH - UBER DATA APP"),
                         html.P(
@@ -132,9 +136,11 @@
                         html.P(id="total-rides-selection"),
                         html.P(id="date-value"),
                         dcc.Markdown(
-                            children=[
-                                "Source: [FiveThirtyEight](https://github.com/fivethirtyeight/uber-tlc-foil-response/tree/master/uber-trip-data)"
-                            ]
+                            """
+                            Source: [FiveThirtyEight](https://github.com/fivethirtyeight/uber-tlc-foil-response/tree/master/uber-trip-data)
+
+                            Links: [Source Code](https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-uber-rides-demo) | [Enterprise Demo](https://plotly.com/get-demo/)
+                            """
                         ),
                     ],
                 ),
diff --git a/apps/dash-uber-rides-demo/assets/dash-logo-new.png b/apps/dash-uber-rides-demo/assets/dash-logo-new.png
diff --git a/apps/dash-web-trader/app.py b/apps/dash-web-trader/app.py
@@ -795,15 +795,22 @@ def modal(pair):
                 html.Div(
                     className="div-info",
                     children=[
-                        html.Img(
-                            className="logo", src=app.get_asset_url("dash-logo-new.png")
+                        html.A(
+                            html.Img(
+                                className="logo",
+                                src=app.get_asset_url("dash-logo-new.png"),
+                            ),
+                            href="https://plotly.com/dash/",
                         ),
                         html.H6(className="title-header", children="FOREX TRADER"),
-                        html.P(
+                        dcc.Markdown(
                             """
                             This app continually queries csv files and updates Ask and Bid prices
                             for major currency pairs as well as Stock Charts. You can also virtually
                             buy and sell stocks and see the profit updates.
+
+                            [Source Code](https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-web-trader) |
+                            [Enterprise Demo](https://plotly.com/get-demo/)
                             """
                         ),
                     ],
diff --git a/apps/dash-web-trader/assets/dash-logo-new.png b/apps/dash-web-trader/assets/dash-logo-new.png
diff --git a/apps/dash-wind-streaming/app.py b/apps/dash-wind-streaming/app.py
@@ -41,10 +41,21 @@
                 ),
                 html.Div(
                     [
-                        html.Img(
-                            src=app.get_asset_url("dash-new-logo.png"),
-                            className="app__menu__img",
-                        )
+                        html.A(
+                            html.Button("SOURCE CODE", className="link-button"),
+                            href="https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-wind-streaming",
+                        ),
+                        html.A(
+                            html.Button("ENTERPRISE DEMO", className="link-button"),
+                            href="https://plotly.com/get-demo/",
+                        ),
+                        html.A(
+                            html.Img(
+                                src=app.get_asset_url("dash-new-logo.png"),
+                                className="app__menu__img",
+                            ),
+                            href="https://plotly.com/dash/",
+                        ),
                     ],
                     className="app__header__logo",
                 ),
diff --git a/apps/dash-wind-streaming/assets/dash-new-logo.png b/apps/dash-wind-streaming/assets/dash-new-logo.png
diff --git a/apps/dash-wind-streaming/assets/demo-button.css b/apps/dash-wind-streaming/assets/demo-button.css
@@ -0,0 +1,6 @@
+.link-button {
+    margin-top: 10px;
+    margin-right: 10px;
+    vertical-align: top;
+    color: white;
+}

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ def connect_read_sql(query, engine):`
`116`	`116`	`app.layout = dbc.Container(`
`117`	`117`	`fluid=True,`
`118`	`118`	`children=[`
`119`		`- html.H1("Dash Interest Rate Modeling with Snowflake"),`
	`119`	`+ Header("Dash Interest Rate Modeling with Snowflake", app),`
`120`	`120`	`html.Hr(),`
`121`	`121`	`dbc.Row(`
`122`	`122`	`[`