Add links to source code and enterprise demo

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",

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(
             [

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])

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).
+
                     """
                             )
                         ),

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",

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;
+}

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(),
         ]
     )

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/)
+                            """
                         ),
                     ],
                 ),

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/)
                             """
                         ),
                     ],

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",
                 ),

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;
+}