create_navbar.py

# %% ######################################################################
import os
import json

# %% ######################################################################


def generate_navbar_html():
    """Function to generate the navbar from the structure specified
       in the index.json file"""

    indent = '\t\t'

    collapse_button = \
        f'\n{indent}\t' \
        '<svg class="collapse-icon" ' \
        'viewBox="0 0 16 16" ' \
        'xmlns="http://www.w3.org/2000/svg" ' \
        'viewBox="0 0 16 16"' \
        '>' \
        f'\n{indent}{indent}' \
        '<path d="M9 9H4v1h5V9z"/>' \
        f'\n{indent}{indent}' \
        '<path fill-rule="evenodd" ' \
        'clip-rule="evenodd" ' \
        'd="M5 3l1-1h7l1 1v7l-1 1h-2v2l-1 1H3l-1-1V6l1-1h2V3zm1 2h4l1 ' \
        '1v4h2V3H6v2zm4 1H3v7h7V6z"/>' \
        f'\n{indent}\t</svg>' \

    html = \
        '\t<div id="mySidebar" class="sidebar">' + \
        f'\n{indent}<div class="navbar-header">' + \
        f'\n{indent}<a>' + \
        f'\n\t{indent}Human Neocortical Neurosolver' + \
        f'\n{indent}</a>\n{indent}<br>' + \
        collapse_button + \
        f'\n{indent}</div>'

    # load page index .json file
    index_path = os.getcwd() + "/index.json"

    with open(index_path, 'r') as f:
        json_page_index = json.load(f)

    def get_absolute_paths(path=None):
        """Get paths to all .md pages to be converted to html"""
        md_pages = {}
        if path is None:
            path = os.path.join(os.getcwd(), "content")

        directories = os.listdir(path)
        for item in directories:
            item_path = os.path.join(path, item)
            if os.path.isdir(item_path):
                # add items from new dict into md_pages
                md_pages.update(get_absolute_paths(item_path))
            else:
                if not item == "README.md" and item.endswith(".md"):
                    # get the relative path for the web content only
                    location = item_path.split(os.getcwd()+os.sep)[1]
                    location = location.split(item)[0]

                    page = item.split("_", 1)[1]
                    page = page.split(".md")[0] + ".html"

                    md_pages[item] = '/website_redesign/' + location + page
        return md_pages

    def create_page_link(file, label, page_paths, indent):
        file_path = page_paths[file]
        return f'\n{indent}<a href="{file_path}">{label}</a>'

    def create_toggle_section(toggle_label):
        section = f'\n{indent}<div class="sidebar-list">' + \
                  f'\n{indent}\t<a id="sidebar-header"' + \
                    ' onclick="toggleSubmenu(event)">' + \
                  f'\n{indent}<span class="toggle-icon">+</span>' + \
                  f'\n{indent}{indent}{toggle_label}' + \
                  f'\n{indent}\t</a>' + \
                  f'\n{indent}\t<div class="submenu">'
        return section

    def build_navbar(json_page_index):
        navbar_html = ''
        page_paths = get_absolute_paths()
        for section, contents in json_page_index.items():
            # For pages that are not nested in a toggle
            if isinstance(contents, str):
                navbar_html += create_page_link(
                    section,
                    contents,
                    page_paths,
                    indent,
                )
            # For pages that are nested in a toggle
            elif isinstance(contents, list):
                toggle_label = contents[0]
                toggle_contents = contents[1]
                # Add toggle <div> sections and link
                navbar_html += create_toggle_section(toggle_label)
                # Add pages under toggle
                for sub_page, sub_name in toggle_contents.items():
                    navbar_html += create_page_link(
                        sub_page,
                        sub_name,
                        page_paths,
                        indent+indent,
                    )
                # Close toggle <div> sections
                navbar_html += f'\n{indent}\t</div>'
                navbar_html += f'\n{indent}</div>'
        return navbar_html

    html += build_navbar(json_page_index)
    html += '\n\t</div>'
    return html


# print(generate_navbar_html())