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 = pnx.Markdown("## None", name="Page None")
page2 = pnx.Markdown("## Empty", name="Page Empty")
page3 = pnx.Markdown("## Twitter", name=" Page Twitter")
pages = [page1, page2, page3]
content = pn.Column()
sidebar = pn.Column()
app = pn.Column(pnx.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 test_pn_navigation_button():
"""# Manual Test of the Navigation Buttons
- Ordinary Button
- Button With Font Awesome
"""
# Given:
pnx.fontawesome.extend()
page = pnx.Header("Button Page", name="Button")
page_font_awesome = pnx.Header("Font Awesome Page", name=" Font Awesome")
page_outlet = pn.Column(page)
button = pnx.NavigationButton(page=page, page_outlet=page_outlet)
button_font_awesome = pnx.NavigationButton(
page=page_font_awesome,
page_outlet=page_outlet,
css_classes=["pab", "pa-twitter"])
app = pn.Column(
pnx.Markdown(test_pn_navigation_button.__doc__),
button,
button_font_awesome,
page_outlet,
width=400,
)
# When
app.servable("test_pn_navigation")
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 = pnx.Markdown("## Page 1", name="Page 1")
page2 = pnx.Markdown("## Page 2", name="Page 2")
pages = [page1, page2]
content = pn.Column()
sidebar = pn.Column()
app = pn.Column(pnx.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_file():
"""## test_pn_file
Manual test that
[x] A path to a markdown file can be specified and shown
"""
app = pn.Column(test_pn_file.__doc__, pnx.Markdown(path=TEST_MD_FILE, name="test"),)
app.servable("test_pn_file")
def __init__(self):
warning = pnx.WarningAlert(
"""\
Please **resize this window** in order to see the full content. The Bokeh layout engine used by
Paneldoes not identify the page height correctly when showing markdown with images.
It's a limitation of Panel :-)""", )
limitations = pnx.Markdown(path=LIMITATIONS_PATH)
super().__init__(
warning,
limitations,
sizing_mode="stretch_width",
name="Limitations",
)
def test_error_alert():
"""## test_error_alert
- Red Div with normal and bold text
- Curently not full width
"""
pn.config.raw_css.append(pnx.ErrorAlert.raw_css)
app = pn.Column(
pnx.Markdown(test_error_alert.__doc__),
pnx.ErrorAlert("This is an **Error Alert**!"),
sizing_mode="stretch_width",
)
app.servable(test_error_alert.__name__)
def test_pn_original():
"""## test_pn_original
Manual test that
- [] A "Header is shown"
- [] The background is blue
- [] The sizing_mode is "stretch_width" by default
"""
app = pn.Column(
test_pn_original.__doc__,
pnx.Markdown("# Header", name="test", background="blue"),
sizing_mode="stretch_width",
background="lightgray",
max_width=600,
)
app.servable("test_pn_original")
def __init__(self):
about = pnx.Markdown(path=ABOUT_PATH)
image = pn.pane.PNG(str(IMAGE_PATH),
max_width=600,
sizing_mode="scale_both")
info = pnx.InfoAlert(
"""\
Navigate to the **Dashboard Page** via the **Sidebar** to see the result.
Or Navigate to the **Limitations Page** to learn of some of the limitations of Panel that
I've experienced.""", )
super().__init__(
about,
image,
info,
sizing_mode="stretch_width",
name="About",
)
def test_info_alert_height_problem():
"""## test_info_alert_height_problem
We saw that the height of InfoAlert Div was much greater than it needed to be.
See [Issue 829](https://github.com/holoviz/panel/issues/829)
"""
pn.config.raw_css.append(pnx.InfoAlert.raw_css)
text = """\
Navigate to the **Dashboard Page** via the **Sidebar** to see the result.
Or Navigate to the **Limitations Page** to learn of some of the limitations of Panel that
I've experienced."""
app = pn.Column(
pnx.Markdown(test_info_alert_height_problem.__doc__),
pnx.InfoAlert(text, sizing_mode="stretch_width"),
sizing_mode="stretch_width",
)
app.servable(test_info_alert.__name__)
