84 lines
2.5 KiB
Django/Jinja
84 lines
2.5 KiB
Django/Jinja
{% extends 'base.jinja' %}
|
|
|
|
{% set page_title = document.get_tag_value('title', document.get_tag('id').value) -%}
|
|
{% set page_summary = document.get_tag_value('summary', '') %}
|
|
|
|
{% block page_scripts %}
|
|
<script>
|
|
function selectTab(name) {
|
|
let tab = document.getElementById(name);
|
|
if (tab)
|
|
{
|
|
// Unselect all tabs and content
|
|
Array.from(document.getElementsByClassName("tab-content"))
|
|
.forEach(e => e.classList.remove("tab-down"));
|
|
Array.from(document.getElementsByClassName("tab-page"))
|
|
.forEach(e => e.classList.remove("tab-page-selected"));
|
|
// Select the new tab and content
|
|
tab.classList.add("tab-down");
|
|
let content = document.getElementById(name + "-page");
|
|
content.classList.add("tab-page-selected");
|
|
}
|
|
}
|
|
|
|
window.onload = function () {
|
|
// Respect fragment as a tab selector shortcut
|
|
if (window.location.hash) {
|
|
selectTab(window.location.hash.substring(1));
|
|
}
|
|
}
|
|
</script>
|
|
{% endblock page_scripts %}
|
|
|
|
{% macro make_content_tab(tab, selected) -%}
|
|
<div id="{{ tab.name }}" class="tab tab-content{% if selected %} tab-down{% endif %}{% if index %} tab-right{% endif %}" onclick="javascript:selectTab('{{ tab.name }}')">{{ tab.name }}</div>
|
|
{%- endmacro %}
|
|
|
|
{% macro make_tab_page(tab, selected) %}
|
|
<div id="{{ tab.name }}-page" class="tab-page{% if selected %} tab-page-selected{% endif %}">
|
|
<table id="{{ tab.name }}-page-table" class="page-table">
|
|
{% for tag in tab.tags %}
|
|
{%- if not tag.options.private -%}
|
|
<tr {% if tab.options.hide_names %}class="hide-tag-name"{% endif %}>
|
|
<td>{{ tag.name }}</td>
|
|
<td>{{ make_tag_value(tag) }}</td>
|
|
</tr>
|
|
{%- endif -%}
|
|
{% for subtag in tag.subtags %}
|
|
{%- if not tag.options.private and not subtag.options.private -%}
|
|
<tr {% if tab.options.hide_names %}class="hide-tag-name"{% endif %}>
|
|
<td>{% if loop.last %}└{% else %}├{% endif %} {{ subtag.name }}</td>
|
|
<td>{{ make_tag_value(subtag) }}</td>
|
|
</tr>
|
|
{%- endif -%}
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{# TODO: tag.interlink #}
|
|
{% macro make_tag_value(tag) -%}
|
|
{%- if tag.options.hyperlink -%}
|
|
<a href="{{ tag.value }}">{{ tag.value }}</a>
|
|
{%- else -%}
|
|
{{ tag.value }}
|
|
{%- endif -%}
|
|
{%- endmacro %}
|
|
|
|
{# TODO: tab.priority support #}
|
|
{% block page_content %}
|
|
<div id="tabs">
|
|
{%- for tab in document -%}
|
|
{%- if not tab.options.private -%}
|
|
{{ make_content_tab(tab, loop.first) }}
|
|
{%- endif -%}
|
|
{%- endfor -%}
|
|
{%- if not index -%}
|
|
<div id="index" class="tab tab-right"><a href="/index/">index</a></div>
|
|
{%- endif -%}
|
|
</div>
|
|
{% for tab in document -%}
|
|
{{ make_tab_page(tab, loop.first) }}
|
|
{%- endfor -%}
|
|
{% endblock page_content %} |