Layout: Use mixin for top navigation

This commit is contained in:
2018-09-07 18:12:01 +02:00
parent b4c51007ab
commit f9368c0729

View File

@@ -1,3 +1,5 @@
include ../../../pillar/src/templates/mixins/components
doctype doctype
html(lang="en") html(lang="en")
head head
@@ -98,185 +100,183 @@ html(lang="en")
i.search-icon.pi-search i.search-icon.pi-search
| {% endblock navigation_search %} | {% endblock navigation_search %}
.collapse.navbar-collapse +nav-secondary()(class="ml-auto nav-main")
ul.navbar-nav.ml-auto | {% if node and node.properties and node.properties.category %}
| {% if node and node.properties and node.properties.category %} | {% set category = node.properties.category %}
| {% set category = node.properties.category %} | {% else %}
| {% else %} | {% set category = title %}
| {% set category = title %} | {% endif %}
| {% endif %}
| {% block navigation_sections %} | {% block navigation_sections %}
li
a.navbar-item(
href="{{ url_for('main.main_blog') }}",
title="Blender Cloud Blog",
data-toggle="tooltip",
data-placement="bottom",
class="{% if category == 'blog' %}active{% endif %}")
span Blog
li.dropdown +nav-secondary-link(
a.navbar-item.dropdown-toggle( href="{{ url_for('main.main_blog') }}",
href="", title="Blender Cloud Blog",
data-toggle="dropdown", data-toggle="tooltip",
title="Libraries") data-placement="bottom",
span Libraries class="{% if category == 'blog' %}active{% endif %} px-2")
i.pi-angle-down | Blog
ul.dropdown-menu.p-0 li.nav-item.dropdown
li a.nav-link.dropdown-toggle.px-2(
a.navbar-item( href="",
href="{{ url_for('projects.view', project_url='hdri') }}",
title="HDRI Library",
data-toggle="tooltip",
data-placement="left")
i.pi-globe
| HDRI
li
a.navbar-item(
href="{{ url_for('projects.view', project_url='textures') }}",
title="Textures Library",
data-toggle="tooltip",
data-placement="left")
i.pi-folder-texture
| Textures
li
a.navbar-item(
href="{{ url_for('projects.view', project_url='characters') }}",
title="Character Library",
data-toggle="tooltip",
data-placement="left")
i.pi-character
| Characters
li(class="dropdown")
a.navbar-item.dropdown-toggle(
href="{{ url_for('cloud.workshops') }}"
data-toggle="dropdown", data-toggle="dropdown",
title="Training") title="Libraries")
span Training span Libraries
i.pi-angle-down i.pi-angle-down
ul.dropdown-menu ul.dropdown-menu.p-0
li li
a.navbar-item( a.navbar-item(
href="{{ url_for('cloud.courses') }}", href="{{ url_for('projects.view', project_url='hdri') }}",
title="Courses", title="HDRI Library",
data-toggle="tooltip", data-toggle="tooltip",
data-placement="left") data-placement="left")
i.pi-graduation-cap i.pi-globe
| Courses | HDRI
li li
a.navbar-item( a.navbar-item(
href="{{ url_for('cloud.workshops') }}", href="{{ url_for('projects.view', project_url='textures') }}",
title="Workshops", title="Textures Library",
data-toggle="tooltip", data-toggle="tooltip",
data-placement="left") data-placement="left")
i.pi-lightbulb i.pi-folder-texture
| Workshops | Textures
li li
a.navbar-item( a.navbar-item(
href="{{ url_for('projects.view', project_url='gallery') }}", href="{{ url_for('projects.view', project_url='characters') }}",
title="Curated artwork collection", title="Character Library",
data-toggle="tooltip", data-toggle="tooltip",
data-placement="left") data-placement="left")
i.pi-image i.pi-character
| Art Gallery | Characters
li(class="dropdown") li.nav-item.dropdown
a.navbar-item.dropdown-toggle( a.nav-link.dropdown-toggle.px-2(
href="{{ url_for('cloud.open_projects') }}", href="{{ url_for('cloud.workshops') }}"
title="Browse all the Open Projects", data-toggle="dropdown",
data-toggle="dropdown", title="Training")
class="{% if category in ['open-projects', 'film'] %}active{% endif %}") span Training
span Open Projects i.pi-angle-down
i.pi-angle-down
ul.dropdown-menu ul.dropdown-menu
li li
a.navbar-item(href="/p/spring") a.navbar-item(
span.px-2 Spring href="{{ url_for('cloud.courses') }}",
li title="Courses",
a.navbar-item(href="/p/hero") data-toggle="tooltip",
span.px-2 Hero data-placement="left")
li i.pi-graduation-cap
a.navbar-item(href="/p/dailydweebs") | Courses
span.px-2 The Daily Dweebs li
li a.navbar-item(
a.navbar-item(href="/p/agent-327") href="{{ url_for('cloud.workshops') }}",
span.px-2 Agent 327 title="Workshops",
li data-toggle="tooltip",
a.navbar-item(href="/p/caminandes-3") data-placement="left")
span.px-2 Caminandes: Llamigos i.pi-lightbulb
| Workshops
li
a.navbar-item(
href="{{ url_for('projects.view', project_url='gallery') }}",
title="Curated artwork collection",
data-toggle="tooltip",
data-placement="left")
i.pi-image
| Art Gallery
li.dropdown-divider li.nav-item.dropdown
a.nav-link.dropdown-toggle.px-2(
href="{{ url_for('cloud.open_projects') }}",
title="Browse all the Open Projects",
data-toggle="dropdown",
class="{% if category in ['open-projects', 'film'] %}active{% endif %}")
span Open Projects
i.pi-angle-down
li ul.dropdown-menu
a.navbar-item(href="{{ url_for('cloud.open_projects') }}") li
span.pl-2 All Open Projects a.navbar-item(href="/p/spring")
span.px-2 Spring
li
a.navbar-item(href="/p/hero")
span.px-2 Hero
li
a.navbar-item(href="/p/dailydweebs")
span.px-2 The Daily Dweebs
li
a.navbar-item(href="/p/agent-327")
span.px-2 Agent 327
li
a.navbar-item(href="/p/caminandes-3")
span.px-2 Caminandes: Llamigos
li(class="dropdown") li.dropdown-divider
a.navbar-item.dropdown-toggle(
li
a.navbar-item(href="{{ url_for('cloud.open_projects') }}")
span.pl-2 All Open Projects
li.nav-item.dropdown
a.nav-link.dropdown-toggle.px-2(
href="{{ url_for('cloud.services') }}",
title="Blender Cloud Services",
data-toggle="dropdown",
class="{% if category == 'services' %}active{% endif %}")
span Services
i.pi-angle-down
ul.dropdown-menu.dropdown-menu-right
li
a.navbar-item(
href="/attract",
title="Production Management",
data-toggle="tooltip",
data-placement="left")
i.pi-attract
| Attract
li
a.navbar-item(
href="/flamenco",
title="Render Management",
data-toggle="tooltip",
data-placement="left")
i.pi-flamenco
| Flamenco
li
a.navbar-item(
href="/services#blender-cloud-add-on",
title="Blender Sync, Texture Browser and more",
data-toggle="tooltip",
data-placement="left")
i.pi-blender
| Blender Cloud Add-on
li.dropdown-divider
li
a.navbar-item(
href="{{ url_for('cloud.services') }}", href="{{ url_for('cloud.services') }}",
title="Blender Cloud Services", title="All Blender Cloud services",
data-toggle="dropdown", data-toggle="tooltip",
class="{% if category == 'services' %}active{% endif %}") data-placement="left")
span Services i.pi-list
i.pi-angle-down | All Services
ul.dropdown-menu.dropdown-menu-right | {% endblock navigation_sections %}
li
a.navbar-item(
href="/attract",
title="Production Management",
data-toggle="tooltip",
data-placement="left")
i.pi-attract
| Attract
li
a.navbar-item(
href="/flamenco",
title="Render Management",
data-toggle="tooltip",
data-placement="left")
i.pi-flamenco
| Flamenco
li | {% block navigation_user %}
a.navbar-item( | {% include 'menus/notifications.html' %}
href="/services#blender-cloud-add-on", | {% include 'menus/user.html' %}
title="Blender Sync, Texture Browser and more", | {% endblock navigation_user %}
data-toggle="tooltip",
data-placement="left")
i.pi-blender
| Blender Cloud Add-on
li.dropdown-divider | {% if current_user.is_anonymous %}
li.pt-1
li a.btn.btn-sm.btn-primary.px-3.mx-1(
a.navbar-item( href="https://store.blender.org/product/membership/",
href="{{ url_for('cloud.services') }}", title="Sign up") Sign up
title="All Blender Cloud services", | {% endif %}
data-toggle="tooltip",
data-placement="left")
i.pi-list
| All Services
| {% endblock navigation_sections %}
| {% block navigation_user %}
| {% include 'menus/notifications.html' %}
| {% include 'menus/user.html' %}
| {% endblock navigation_user %}
| {% if current_user.is_anonymous %}
li.pt-1
a.btn.btn-sm.btn-primary.px-3.mx-1(
href="https://store.blender.org/product/membership/",
title="Sign up") Sign up
| {% endif %}
.loader-bar .loader-bar