def test_pn_navigation():
"""# Manual Test of the Navigation Component
- Page 1 is shown by default.
- Can navigate to Page 1 and Page 2
"""
page1 = pn.pane.Markdown(
"## Page 1",
name="Page 1",
)
page2 = pn.pane.Markdown(
"## Page 2",
name="Page 2",
)
pages = [
page1,
page2,
]
content = pn.Column()
sidebar = pn.Column()
app = pn.Column(
pn.pane.Markdown(test_pn_navigation.__doc__),
sidebar,
content,
)
menu = pnx.NavigationMenu(
pages=pages,
page_outlet=content,
)
sidebar.append(menu)
app.servable("test_pn_navigation")
def test_pn_navigation_with_font_awesome():
"""# Manual Test of the Navigation Component with Font Awesome
- The first button has no icon as we specified None
- The second button has no icon as we specified an empty list
- The third button has a twitter icon as specified
"""
pnx.fontawesome.extend()
page1 = pn.pane.Markdown("## None", name="Page None",)
page2 = pn.pane.Markdown("## Empty", name="Page Empty",)
page3 = pn.pane.Markdown("## Twitter", name=" Page Twitter",)
pages = [
page1,
page2,
page3,
]
content = pn.Column()
sidebar = pn.Column()
app = pn.Column(
pn.pane.Markdown(test_pn_navigation_with_font_awesome.__doc__), sidebar, content,
)
css_classes = [
None,
[],
["pab", "pa-twitter",],
]
menu = pnx.NavigationMenu(pages=pages, page_outlet=content, css_classes=css_classes,)
sidebar.append(menu)
app.servable("test_pn_navigation_with_font_awesome")
def main() -> pn.Pane:
"""## Bootstrap Dashboard App
Creates a Bootstrap Dashboard App
- inspired by the [GetBoostrap Dashboard Template]
(https://getbootstrap.com/docs/4.4/examples/dashboard/)
- implemented using the `awesome_panel' python package and in particular the
`awesome_panel.express.templates.BootstrapDashboardTemplate`
Returns:
pn.Pane -- The Bootstrap Dashboard App
"""
pnx.fontawesome.extend()
app = pnx.templates.BootstrapDashboardTemplate(
app_title="Bootstrap Dashboard")
navigation_menu = pnx.NavigationMenu(pages=PAGES,
page_outlet=app.main,
css_classes=MENU_BUTTON_CSS_CLASSES)
app.sidebar.append(navigation_menu)
return app