aboutsummaryrefslogtreecommitdiff
path: root/templates/_nav.html
diff options
context:
space:
mode:
Diffstat (limited to 'templates/_nav.html')
-rw-r--r--templates/_nav.html217
1 files changed, 84 insertions, 133 deletions
diff --git a/templates/_nav.html b/templates/_nav.html
index b05e472..0ab8ac7 100644
--- a/templates/_nav.html
+++ b/templates/_nav.html
@@ -1,147 +1,98 @@
-{% macro navsection(hierarchy, level, current) %}
- {% set sec = hierarchy | nth(n=level) %}
- {% set sec = get_section(path=sec) %}
- {% set maxlevel = hierarchy | length %}
-
+{# (Public) Entrypoint to be used by zola "pages" #}
+{% macro page(target) %}
+ {% set root = get_section(path=target.ancestors | last) %}
+ {{ nav::inner_nav(root=root, current=target) }}
+{% endmacro %}
- {# Ici on regarde si toutes les sous-sections et pages contenues ont #}
- {# une variable weight_custom. Au passage on note ces poids. #}
- {% set temoin = true %}
- {% set liste = [] %}
- {% if sec.subsections %}
- {% for s in sec.subsections %}
- {% set s_temp = get_section(path=s) %}
- {% if not s_temp.extra.weight_custom %}
- {% set_global temoin = false %}
- {% else %}
- {% set_global liste = liste | concat(with=s_temp.extra.weight_custom) %}
- {% endif %}
- {% endfor %}
- {% endif %}
- {% if sec.pages %}
- {% for p in sec.pages %}
- {% if not p.extra.weight_custom %}
- {% set_global temoin = false %}
- {% else %}
- {% set_global liste = liste | concat(with=p.extra.weight_custom) %}
- {% endif %}
- {% endfor %}
- {% endif %}
+{# (Public) Entrypoint to be used by zola "sections" #}
+{% macro section(target) %}
+ {{ nav::inner_nav(root=target, current=target) }}
+{% endmacro %}
+{# -------------------------- #}
+{# -------------------------- #}
- {# Si toutes les sous-sections et pages ont une variable weight_custom, #}
- {# on classe selon elle. Sinon, on utilise la méthode classique. #}
- {% if temoin %}
- {% set_global liste = liste | sort %}
- {% for x in liste %}
- {% if sec.subsections %}
- {% for y in sec.subsections %}
- {% set p = get_section(path=y) %}
- {% if p.extra.weight_custom == x %}
- <div class="toc-item">
- {% if p.subsections or p.pages %}
- {% if p.path == current.path %}
- <a class="subtext" href="{{ p.permalink | safe}}">‣ <b>{{ p.title }}</b></a>
- {% elif hierarchy is containing(y) %}
- <a class="subtext" href="{{ p.permalink | safe}}">‣ {{ p.title }}</a>
- {% else %}
- <a class="subtext" href="{{ p.permalink | safe}}">‣ {{ p.title }}</a>
- {% endif %}
- {% if hierarchy is containing(y) or current.path == p.path %}
- {% if level + 1 < maxlevel %}
- <div class="nav-subsection">
- {{ nav::navsection(hierarchy=hierarchy,level=level + 1,current=current) }}
- </div>
- {% endif %}
- {% endif %}
- {% else %}
- {% if p.path == current.path %}
- <a class="subtext" href="{{p.permalink | safe}}"><b>{{ p.title }}</b></a>
- {% else %}
- <a class="subtext" href="{{p.permalink | safe}}">{{ p.title }}</a>
- {% endif %}
- {% endif %}
- </div>
- {% endif %}
- {% endfor %}
- {% endif %}
- {% if sec.pages %}
- {% for p in sec.pages %}
- {% if p.extra.weight_custom == x %}
- <div class="toc-item">
- {% if p.path == current.path %}
- <a class="subtext" href="{{p.permalink | safe}}"><b>{{ p.title }}</b></a>
- {% else %}
- <a class="subtext" href="{{p.permalink | safe}}">{{ p.title }}</a>
- {% endif %}
- </div>
- {% endif %}
- {% endfor %}
- {% endif %}
- {% endfor %}
- {% else %}
- {% if sec.subsections %}
- {% for s in sec.subsections %}
- {% set p = get_section(path=s) %}
- <div class="toc-item">
- {% if p.subsections or p.pages %}
- {% if p.path == current.path %}
- <a class="subtext" href="{{ p.permalink | safe}}">‣ <b>{{ p.title }}</b></a>
- {% elif hierarchy is containing(s) %}
- <a class="subtext" href="{{ p.permalink | safe}}">‣ {{ p.title }}</a>
- {% else %}
- <a class="subtext" href="{{ p.permalink | safe}}">‣ {{ p.title }}</a>
- {% endif %}
- {% if hierarchy is containing(s) or current.path == p.path %}
- {% if level + 1 < maxlevel %}
- <div class="nav-subsection">
- {{ nav::navsection(hierarchy=hierarchy,level=level + 1,current=current) }}
- </div>
- {% endif %}
- {% endif %}
- {% else %}
- {% if p.path == current.path %}
- <a class="subtext" href="{{p.permalink | safe}}"><b>{{ p.title }}</b></a>
- {% else %}
- <a class="subtext" href="{{p.permalink | safe}}">{{ p.title }}</a>
- {% endif %}
- {% endif %}
- </div>
- {% endfor %}
- {% endif %}
+{# (Private) Shared+root logic to build the menu #}
+{% macro inner_nav(root, current) %}
+ {{ nav::hamburger(root=root) }}
- {% if sec.pages %}
- {% for p in sec.pages %}
- <div class="toc-item">
- {% if p.path == current.path %}
- <a class="subtext" href="{{p.permalink | safe}}"><b>{{ p.title }}</b></a>
- {% else %}
- <a class="subtext" href="{{p.permalink | safe}}">{{ p.title }}</a>
- {% endif %}
- </div>
- {% endfor %}
- {% endif %}
- {% endif %}
-{% endmacro navsection %}
+ {# Section title #}
+ <div class="toc-item toc-section">
+ <a class="subtext" href="{{root.permalink | safe}}">{{ root.title }}</a>
+ </div>
-{% macro navmenu(current) %}
- {% if current.ancestors %}
- {% set hierarchy = current.ancestors | slice(start=1) | concat(with=current.relative_path) %}
+ {# Choose between "tree" (has extra.parent) and "list" (default) collections #}
+ {% set root_tree = root.pages | group_by(attribute="extra.parent") %}
+ {% if root.relative_path in root_tree %}
+ {% set tree_breadcrumb = nav::breadcrumb(corpus=root.pages, root=root.relative_path, target=current)|split(pat=":")|slice(start=1) %}
+ {{ nav::tree(
+ tree=root_tree,
+ cursor=root.relative_path,
+ selected=current,
+ crumb=tree_breadcrumb) }}
{% else %}
- {% set hierarchy = [current.relative_path] %}
- {% endif %}
-
- {% set root_path = hierarchy | nth(n=0) %}
- {% set root = get_section(path=root_path) %}
+ {{ nav::list(list=root.pages, selected=current) }}
+ {% endif %}
+{% endmacro %}
+{# (Private) On small screens, like a smartphone, hide the menu behind an hamburger icon #}
+{% macro hamburger(root) %}
<input id="menu-toggle" type="checkbox" />
<label class='menu-button-container' for="menu-toggle">
<div class="menu-button"></div>
<div class="toc-item toc-menu-title subtext">{{ root.title }}</div>
</label>
-
- <div class="toc-item toc-section">
- <a class="subtext" href="{{root.permalink | safe}}">{{ root.title }}</a>
+{% endmacro %}
+
+{# (Private) Build a breadcrumb for the page #}
+{# It's ugly because this is the hacky part of the project #}
+{% macro breadcrumb(corpus, root, target) %}{% if 'parent' in target.extra and target.extra.parent != root %}{% set new_target = get_page(path=target.extra.parent) %}{{ nav::breadcrumb(corpus=corpus, root=root, target=new_target) }}:{{ new_target.relative_path }}{% endif %}{% endmacro %}
+
+{# (Private) Render a list menu (this is the simple fallback when extra.parent is not defined #}
+{% macro list(list, selected) %}
+ {% for page in list %}
+ {% set is_selected = page.relative_path == selected.relative_path %}
+ <div class="toc-item">
+ {{ nav::link(page=page, is_selected=is_selected, is_parent=false) }}
+ </div>
+ {% endfor %}
+{% endmacro %}
+
+{# (Private) Tree menu rendering; this function is recursive #}
+{# this function takes a breadcrumb to know which part of the menu must be unfolded #}
+{% macro tree(tree, cursor, selected, crumb) %}
+ {% for page in tree | get(key=cursor) %}
+ {% set is_selected = page.relative_path == selected.relative_path %}
+ <div class="toc-item">
+
+ {# Link with a (possible) subsection #}
+ {% if page.relative_path in tree %}
+ {# Display link as a section #}
+ {{ nav::link(page=page, is_selected=is_selected, is_parent=true) }}
+
+ {# Should we unroll this part of the tree? #}
+ {% if page.relative_path in crumb or is_selected %}
+ <div class="nav-subsection">
+ {# do the recursive call #}
+ {{ nav::tree(tree=tree, cursor=page.relative_path, selected=selected, crumb=crumb) }}
+ </div>
+ {% endif %}
+
+ {# Simple link, ie. a leaf of the tree #}
+ {% else %}
+ {{ nav::link(page=page, is_selected=is_selected, is_parent=false) }}
+ {% endif %}
</div>
- {{ nav::navsection(hierarchy=hierarchy,level=0,current=current) }}
+ {% endfor %}
+{% endmacro %}
+
+{# (Private) Render a single link #}
+{% macro link(page, is_selected, is_parent) %}
+ <a class="subtext" href="{{page.permalink | safe}}">
+ {% if is_selected %}<b>{% endif %}
+ {% if is_parent %}‣ {% endif %}
+ {{ page.title }}
+ {% if is_selected %}</b>{% endif %}
+ </a>
{% endmacro %}
+