78 lines
3.3 KiB
Plaintext
78 lines
3.3 KiB
Plaintext
<script>
|
|
console.log("Group size = {{ current_person.groups.size }}")
|
|
{% if current_person.groups.size > 0 %}
|
|
{% assign currpersongroup = current_person.groups.first %} %}
|
|
{% endif %}
|
|
</script>
|
|
|
|
<nav class="np-sub-navigation np-hidden-mobile">
|
|
<div class="np-sub-navigation-content">
|
|
{% for link in navigations.sub_navigation %}
|
|
{% if current_person.groups.size > 0 %}
|
|
{% if link.label == "Home" or link.label == "Dashboard" or link.label == "Learning Paths" %}
|
|
<div class="np-sub-navigation-content-item {{ link.label }} {{ link.active_class }}">
|
|
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
|
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
|
|
{{ link.label }}
|
|
</a>
|
|
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="np-sub-navigation-content-item {{ link.label }} {{ link.active_class }}">
|
|
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
|
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
|
|
{{ link.label }}
|
|
</a>
|
|
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% if current_person.groups.size < 0 %}
|
|
<div class="np-sub-navigation-content-item articles-link">
|
|
<a class="np-sub-navigation-content-item-link" href="/app/articles">
|
|
<i class="far fa-file-alt np-button-color np-sub-navigation-content-item-icon"></i>
|
|
Articles
|
|
</a>
|
|
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
|
</div>
|
|
<div class="np-sub-navigation-content-item certifications-link">
|
|
<a class="np-sub-navigation-content-item-link" href="/app/certifications">
|
|
<i class="far fa-file-certificate np-button-color np-sub-navigation-content-item-icon"></i>
|
|
Certifications
|
|
</a>
|
|
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</nav>
|
|
|
|
<script>
|
|
if (window.location.pathname == "/app/articles") {
|
|
document.querySelector(".articles-link").classList.add("np-sub-navigation-content-item-active")
|
|
} else {
|
|
document.querySelector(".articles-link").classList.add("np-sub-navigation-content-item-inactive")
|
|
}
|
|
|
|
if (window.location.pathname == "/app/certifications") {
|
|
document.querySelector(".certifications-link").classList.add("np-sub-navigation-content-item-active")
|
|
} else {
|
|
document.querySelector(".certifications-link").classList.add("np-sub-navigation-content-item-inactive")
|
|
}
|
|
|
|
if (window.location.pathname == "/app/filtered-catalog") {
|
|
document.querySelector(".Catalog").classList.remove("np-sub-navigation-content-item-inactive")
|
|
document.querySelector(".Catalog").classList.add("np-sub-navigation-content-item-active")
|
|
} else {
|
|
document.querySelector(".Catalog").classList.add("np-sub-navigation-content-item-inactive")
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.np-sub-navigation-content-item-link,
|
|
.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
|
|
color:#333;
|
|
}
|
|
</style>
|
|
|