fix #4

fix: Open External Links in new Window
mtwente · Jul 30, 2024 · db52e3a · db52e3a
2 parents 9cce6b1 + 2ea8c40
commit db52e3a
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/_includes/collection-nav.html b/_includes/collection-nav.html
@@ -20,17 +20,27 @@
                 {%- assign navItems = site.data.config-nav | where_exp: 'item', 'item.dropdown_parent == nil' -%} 
                 {% for nav in navItems %}
                 {% if nav.stub %}
+                {% if nav.external_link %}
+                <li class="nav-item">
+                    <a class="nav-link{% if page.url == nav.stub %} active{% endif %}" href="{{ nav.stub | absolute_url }}" target="_blank" rel="noopener noreferrer" nofollow>{{ nav.display_name }}</a>
+                </li>
+                {% else %}
                 <li class="nav-item">
                     <a class="nav-link{% if page.url == nav.stub %} active{% endif %}" href="{{ nav.stub | relative_url }}">{{ nav.display_name }}</a>
                 </li>
+                {% endif %}
                 {%- else -%}
                 <li class="nav-item dropdown">
                     {% assign navChildren = site.data.config-nav | where_exp: 'item', 'item.dropdown_parent == nav.display_name' %}
                     {%- assign childStubs = navChildren | map: 'stub' -%}
                     <a class="nav-link  dropdown-toggle{% if childStubs contains page.url %} active{% endif %}" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{ nav.display_name }}</a>
                     <div class="dropdown-menu">
                         {% for c in navChildren %}
+                        {% if c.external_link %}
+                        <a class="dropdown-item {% if page.url == c.stub %}active{% endif %}" href="{{ c.stub | relative_url }}" target="_blank" rel="noopener noreferrer" nofollow>{{ c.display_name }}</a>
+                        {% else %}
                         <a class="dropdown-item {% if page.url == c.stub %}active{% endif %}" href="{{ c.stub | relative_url }}">{{ c.display_name }}</a>
+                        {% endif %}
                         {% endfor %}
                     </div>
                 </li>