Update dashboard.py

dashboard.py

@@ -317,8 +317,9 @@ def generate_radio_buttons(value):
 
 
 # https://tabler-icons.io/
-button1 = pn.widgets.Button(name="Introduction", button_type="warning", icon="file-info", styles={"width": "100%"})
-button2 = pn.widgets.Button(name="AECO Macro Topics", button_type="warning",  icon="chart-histogram", styles={"width": "100%"})
+button0 = pn.widgets.Button(name="Introduction", button_type="warning", icon="file-info", styles={"width": "100%"})
+button1 = pn.widgets.Button(name="AECO Macro Topics Hierarchy", button_type="warning", icon="file-info", styles={"width": "100%"})
+button2 = pn.widgets.Button(name="AECO Macro Topics Trends", button_type="warning",  icon="chart-histogram", styles={"width": "100%"})
 button3 = pn.widgets.Button(name="Research Collaboration Networks: Institutes", button_type="warning", icon="chart-dots-3", styles={"width": "100%"})
 button4 = pn.widgets.Button(name="Research Collaboration Networks: Countries", button_type="warning", icon="chart-dots-3", styles={"width": "100%"})
 #button5 = pn.widgets.Button(name="Entity Chord Diagrams", button_type="warning", icon="chart-dots-filled", styles={"width": "100%"})
@@ -364,7 +365,8 @@ region_radio_button.param.watch(update_holomap, 'value')
 def show_page(page_key):
     main_area.clear()
     main_area.append(mapping[page_key])
-
+    
+button0.on_click(lambda event: show_page("Page0"))
 button1.on_click(lambda event: show_page("Page1"))
 button2.on_click(lambda event: show_page("Page2"))
 button3.on_click(lambda event: show_page("Page3"))
@@ -374,8 +376,7 @@ button4.on_click(lambda event: show_page("Page4"))
 
 
 ### CREATE PAGE LAYOUTS
-
-def CreatePage1():
+def CreatePage0():
     return pn.Column(pn.pane.Markdown("""
 
 This is a dashboard for a Research Analysis project regarding research and technology in the AECO domain. The source data consists of around 
@@ -394,7 +395,18 @@ for the 16 macro-topics automatically detected by an optimized BerTopic model an
 """, width=800), align="center")
 
 
-#width="1200px" height="1500px"
+    
+def CreatePage1():
+    # Load the HTML content from the local file
+    #with open(AECO_topics_over_time_file_path, 'r', encoding='utf-8') as file:
+    #    html_content = file.read()
+    # Use an iframe to load the local HTML file
+    iframe_html = f'<iframe src="{AECO_topics_over_time_file_path}" width="1200px" height="1800px"></iframe>'
+    # Create an HTML pane to render the content
+    html_pane = pn.pane.HTML(iframe_html , sizing_mode='stretch_both')
+    return pn.Column(pn.pane.Markdown(" ## AECO Macro Topics Dendogram "), html_pane, align="center")
+
+
 def CreatePage2():
     # Load the HTML content from the local file
     #with open(AECO_topics_over_time_file_path, 'r', encoding='utf-8') as file:
@@ -442,6 +454,7 @@ def CreatePage6():
 
     
 mapping = {
+    "Page0": CreatePage0(),
     "Page1": CreatePage1(),
     "Page2": CreatePage2(),
     "Page3": CreatePage3(),
@@ -451,7 +464,7 @@ mapping = {
 }
 
 #################### SIDEBAR LAYOUT ##########################
-sidebar = pn.Column(pn.pane.Markdown("## Pages"), button1,button2,button3,button4,
+sidebar = pn.Column(pn.pane.Markdown("## Pages"),button0,button1,button2,button3,button4,
                     #button5,
                     #button6,
                     styles={"width": "100%", "padding": "15px"})