feat: 🎸 add consul and vault links to global header

Author: ChaiWithJai

ui/app/templates/components/global-header.hbs

@@ -1,6 +1,11 @@
 <nav class="navbar is-primary" title="navigation">
   <div class="navbar-brand">
-    <span data-test-header-gutter-toggle class="gutter-toggle" aria-label="menu" onclick={{action this.onHamburgerClick}}>
+    <span
+      data-test-header-gutter-toggle
+      class="gutter-toggle"
+      aria-label="menu"
+      onclick={{action this.onHamburgerClick}}
+    >
       <HamburgerMenu />
     </span>
     <LinkTo @route="jobs" class="navbar-item is-logo" aria-label="Home">
@@ -14,10 +19,26 @@
   {{/if}}
   <div class="navbar-end">
     {{#if this.config.APP.showStorybookLink}}
-      <a href="/storybook/" class="navbar-item">Storybook</a>
+      <a href="/storybook/" class="navbar-item">
+        Storybook
+      </a>
     {{/if}}
-    <a href="https://nomadproject.io/docs" class="navbar-item">Documentation</a>
-    <LinkTo @route="settings.tokens" class="navbar-item">ACL Tokens</LinkTo>
+    {{#if this.agent.config.UI.Consul.BaseUrl}}
+      <a href={{this.agent.config.UI.Consul.BaseUrl}} class="navbar-item">
+        Consul
+      </a>
+    {{/if}}
+    {{#if this.agent.config.UI.Vault.BaseUrl}}
+      <a href={{this.agent.config.UI.Vault.BaseUrl}} class="navbar-item">
+        Vault
+      </a>
+    {{/if}}
+    <a href="https://nomadproject.io/docs" class="navbar-item">
+      Documentation
+    </a>
+    <LinkTo @route="settings.tokens" class="navbar-item">
+      ACL Tokens
+    </LinkTo>
   </div>
 </nav>
 <div class="navbar is-secondary">
@@ -29,4 +50,4 @@
       {{yield}}
     </ul>
   </nav>
-</div>
+</div>