Merge pull request #12134 from hashicorp/b-ui/target-link

ui: external links open in new tabs
hashicorp · Feb 25, 2022 · b76e04d · b76e04d
2 parents 5683fdf + 1d90cbf
commit b76e04d
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/ui/app/templates/components/global-header.hbs b/ui/app/templates/components/global-header.hbs
@@ -19,14 +19,21 @@
   {{/if}}
   <div class="navbar-end">
     {{#if this.config.APP.showStorybookLink}}
-      <a href="/storybook/" class="navbar-item">
+      <a
+        href="/storybook/"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="navbar-item"
+      >
         Storybook
       </a>
     {{/if}}
     {{#if this.system.agent.config.UI.Consul.BaseUIURL}}
       <a
         data-test-header-consul-link
         href={{this.system.agent.config.UI.Consul.BaseUIURL}}
+        target="_blank"
+        rel="noopener noreferrer"
         class="navbar-item"
       >
         Consul
@@ -36,12 +43,19 @@
       <a
         data-test-header-vault-link
         href={{this.system.agent.config.UI.Vault.BaseUIURL}}
+        target="_blank"
+        rel="noopener noreferrer"
         class="navbar-item"
       >
         Vault
       </a>
     {{/if}}
-    <a href="https://nomadproject.io/docs" class="navbar-item">
+    <a
+      href="https://nomadproject.io/docs"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="navbar-item"
+    >
       Documentation
     </a>
     <LinkTo @route="settings.tokens" class="navbar-item">