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