ProductSelector: Open external links in a new tab (#367)

Author: TasoOneAsia

exampleSite/data/product-selector.yaml

@@ -3,6 +3,12 @@
     - title: "Test Product"
       url: "/test-product"
 
+- productGroup: Test External Links
+  products:
+    - title: "NGINX.org"
+      url: https://nginx.org/index.html
+      extUrl: true
+
 - productGroup: NGINX
   products:
     - title: "NGINX"

layouts/partials/sidebar-v2.html

@@ -51,7 +51,15 @@ <h3 class="product-selector__product-group">{{ $group.productGroup }}</h3>
                     <ul>
                       {{ $products := sort $group.products "productOrder" }}
                       {{ range $product := $products }}
-                        <li class="product-selector__product"><a href="{{ $product.url }}">{{ $product.title }}</a></li>
+                        <li class="product-selector__product">
+                          <a
+                            href="{{ $product.url }}"
+                            aria-label="{{ $product.title }} documentation"
+                            {{ if $product.extUrl }} target="_blank" {{ end }}
+                          >
+                            {{ $product.title }}
+                          </a>
+                        </li>
                       {{ end }}
                     </ul>
                   {{ end }}