Format index template

2 years ago · 2dd31ff96f
1 changed files with 144 additions and 188 deletions
--- a/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs
+++ b/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs
@ -1,88 +1,81 @@
-<App
-  class="hashicorp-consul"
-  ...attributes
->
+<App class='hashicorp-consul' ...attributes>

  <:notifications as |app|>
-{{#each flashMessages.queue as |flash|}}
-  <app.Notification
-    @delay={{sub flash.timeout flash.extendedTimeout}}
-    @sticky={{flash.sticky}}
-  >
-  {{#if flash.dom}}
-      {{{flash.dom}}}
-  {{else}}
-{{#let (lowercase flash.type) (lowercase flash.action) as |status type|}}
-  <Notice
-    role="alert"
-    class={{concat status ' notification-' type}}
-    data-notification
-    @type={{status}}
-  as |notice|>
-    <notice.Header>
-      <strong>
-        {{capitalize status}}!
-      </strong>
-    </notice.Header>
-    <notice.Body>
-      <p>
-        {{#if (eq type 'logout')}}
-          {{#if (eq status 'success') }}
-            You are now logged out.
-          {{else}}
-            There was an error logging out.
-          {{/if}}
-        {{else if (eq type 'authorize')}}
-          {{#if (eq status 'success') }}
-            You are now logged in.
-          {{else}}
-            There was an error, please check your SecretID/Token
-          {{/if}}
+    {{#each flashMessages.queue as |flash|}}
+      <app.Notification @delay={{sub flash.timeout flash.extendedTimeout}} @sticky={{flash.sticky}}>
+        {{#if flash.dom}}
+          {{{flash.dom}}}
        {{else}}
-          {{#if (or (eq type 'use') (eq flash.model 'token'))}}
-            <Consul::Token::Notifications
-              @type={{type}}
-              @status={{status}}
-              @item={{flash.item}}
-              @error={{flash.error}}
-            />
-          {{else if (eq flash.model 'intention')}}
-            <Consul::Intention::Notifications
-              @type={{type}}
-              @status={{status}}
-              @item={{flash.item}}
-              @error={{flash.error}}
-            />
-          {{else if (eq flash.model 'role')}}
-            <Consul::Role::Notifications
-              @type={{type}}
-              @status={{status}}
-              @item={{flash.item}}
-              @error={{flash.error}}
-            />
-          {{else if (eq flash.model 'policy')}}
-            <Consul::Policy::Notifications
-              @type={{type}}
-              @status={{status}}
-              @item={{flash.item}}
-              @error={{flash.error}}
-            />
-          {{/if}}
+          {{#let (lowercase flash.type) (lowercase flash.action) as |status type|}}
+            <Notice
+              role='alert'
+              class={{concat status ' notification-' type}}
+              data-notification
+              @type={{status}}
+              as |notice|
+            >
+              <notice.Header>
+                <strong>
+                  {{capitalize status}}!
+                </strong>
+              </notice.Header>
+              <notice.Body>
+                <p>
+                  {{#if (eq type 'logout')}}
+                    {{#if (eq status 'success')}}
+                      You are now logged out.
+                    {{else}}
+                      There was an error logging out.
+                    {{/if}}
+                  {{else if (eq type 'authorize')}}
+                    {{#if (eq status 'success')}}
+                      You are now logged in.
+                    {{else}}
+                      There was an error, please check your SecretID/Token
+                    {{/if}}
+                  {{else}}
+                    {{#if (or (eq type 'use') (eq flash.model 'token'))}}
+                      <Consul::Token::Notifications
+                        @type={{type}}
+                        @status={{status}}
+                        @item={{flash.item}}
+                        @error={{flash.error}}
+                      />
+                    {{else if (eq flash.model 'intention')}}
+                      <Consul::Intention::Notifications
+                        @type={{type}}
+                        @status={{status}}
+                        @item={{flash.item}}
+                        @error={{flash.error}}
+                      />
+                    {{else if (eq flash.model 'role')}}
+                      <Consul::Role::Notifications
+                        @type={{type}}
+                        @status={{status}}
+                        @item={{flash.item}}
+                        @error={{flash.error}}
+                      />
+                    {{else if (eq flash.model 'policy')}}
+                      <Consul::Policy::Notifications
+                        @type={{type}}
+                        @status={{status}}
+                        @item={{flash.item}}
+                        @error={{flash.error}}
+                      />
+                    {{/if}}
+                  {{/if}}
+                </p>
+              </notice.Body>
+            </Notice>
+          {{/let}}
        {{/if}}
-      </p>
-    </notice.Body>
-  </Notice>
-{{/let}}
-  {{/if}}
-  </app.Notification>
-{{/each}}
+      </app.Notification>
+    {{/each}}

  </:notifications>

  <:home-nav>
-    <a
-      href={{href-to 'index' params=(hash peer=undefined)}}
-    ><Consul::Logo /></a>
+    <a href={{href-to 'index' params=(hash peer=undefined)}}><Consul::Logo /></a>
  </:home-nav>

  <:main-nav>
@ -99,147 +92,110 @@
        @partition={{@partition}}
        @nspace={{@nspace}}
        @partitions={{this.partitions}}
-        @onchange={{action (mut this.partitions) value="data"}}
+        @onchange={{action (mut this.partitions) value='data'}}
      />
      <Consul::Nspace::Selector
        @dc={{@dc}}
        @partition={{@partition}}
        @nspace={{@nspace}}
        @nspaces={{this.nspaces}}
-        @onchange={{action (mut this.nspaces) value="data"}}
+        @onchange={{action (mut this.nspaces) value='data'}}
      />
-{{#if (can 'access overview')}}
+      {{#if (can 'access overview')}}
        <li
          data-test-main-nav-overview
-          class={{class-map
-            (array 'is-active' (is-href 'dc.show' @dc.Name))
-          }}
+          class={{class-map (array 'is-active' (is-href 'dc.show' @dc.Name))}}
        >
-          <Action
-            @href={{href-to 'dc.show' @dc.Name params=(hash peer=undefined)}}
-          >
+          <Action @href={{href-to 'dc.show' @dc.Name params=(hash peer=undefined)}}>
            Overview
          </Action>
        </li>
-{{/if}}
-{{#if (can "read services")}}
+      {{/if}}
+      {{#if (can 'read services')}}
        <li data-test-main-nav-services class={{if (is-href 'dc.services' @dc.Name) 'is-active'}}>
-            <a href={{href-to 'dc.services' @dc.Name params=(hash peer=undefined)}}>Services</a>
+          <a href={{href-to 'dc.services' @dc.Name params=(hash peer=undefined)}}>Services</a>
        </li>
-{{/if}}
-{{#if (can "read nodes")}}
+      {{/if}}
+      {{#if (can 'read nodes')}}
        <li data-test-main-nav-nodes class={{if (is-href 'dc.nodes' @dc.Name) 'is-active'}}>
-            <a href={{href-to 'dc.nodes' @dc.Name params=(hash peer=undefined)}}>Nodes</a>
+          <a href={{href-to 'dc.nodes' @dc.Name params=(hash peer=undefined)}}>Nodes</a>
        </li>
-{{/if}}
-{{#if (can "read kv")}}
+      {{/if}}
+      {{#if (can 'read kv')}}
        <li data-test-main-nav-kvs class={{if (is-href 'dc.kv' @dc.Name) 'is-active'}}>
-            <a href={{href-to 'dc.kv' @dc.Name params=(hash peer=undefined)}}>Key/Value</a>
+          <a href={{href-to 'dc.kv' @dc.Name params=(hash peer=undefined)}}>Key/Value</a>
        </li>
-{{/if}}
-{{#if (can "read intentions")}}
-        <li data-test-main-nav-intentions class={{if (is-href 'dc.intentions' @dc.Name) 'is-active'}}>
-            <a href={{href-to 'dc.intentions' @dc.Name params=(hash peer=undefined)}}>Intentions</a>
+      {{/if}}
+      {{#if (can 'read intentions')}}
+        <li
+          data-test-main-nav-intentions
+          class={{if (is-href 'dc.intentions' @dc.Name) 'is-active'}}
+        >
+          <a href={{href-to 'dc.intentions' @dc.Name params=(hash peer=undefined)}}>Intentions</a>
        </li>
-{{/if}}
-        <Consul::Acl::Selector
-          @dc={{@dc}}
-          @partition={{@partition}}
-          @nspace={{@nspace}}
-        />
-        <Consul::Peer::Selector
-          @dc={{@dc}}
-          @partition={{@partition}}
-          @nspace={{@nspace}}
-        />
+      {{/if}}
+      <Consul::Acl::Selector @dc={{@dc}} @partition={{@partition}} @nspace={{@nspace}} />
+      <Consul::Peer::Selector @dc={{@dc}} @partition={{@partition}} @nspace={{@nspace}} />
    </ul>
  </:main-nav>

  <:complementary-nav>
    <ul>
-        <Debug::Navigation />
-        <li
-          data-test-main-nav-help
-        >
-          <DisclosureMenu
-          as |disclosure|>
-            <disclosure.Action
-              {{on 'click' disclosure.toggle}}
-            >
-              Help
-            </disclosure.Action>
-            <disclosure.Menu as |panel|>
-              <panel.Menu as |menu|>
-                <menu.Separator>
-                  Consul v{{env 'CONSUL_VERSION'}}
-                </menu.Separator>
-                <menu.Item
-                  class="docs-link"
-                >
-                  <menu.Action
-                    @href={{env 'CONSUL_DOCS_URL'}}
-                    @external={{true}}
-                  >
-                    Documentation
-                  </menu.Action>
-                </menu.Item>
-                <menu.Item
-                  class="learn-link"
-                >
-                  <menu.Action
-                    @href={{concat (env 'CONSUL_DOCS_LEARN_URL') '/consul'}}
-                    @external={{true}}
-                  >
-                    HashiCorp Learn
-                  </menu.Action>
-                </menu.Item>
-                <menu.Separator />
-                <menu.Item
-                  class="feedback-link"
+      <Debug::Navigation />
+      <li data-test-main-nav-help>
+        <DisclosureMenu as |disclosure|>
+          <disclosure.Action {{on 'click' disclosure.toggle}}>
+            Help
+          </disclosure.Action>
+          <disclosure.Menu as |panel|>
+            <panel.Menu as |menu|>
+              <menu.Separator>
+                Consul v{{env 'CONSUL_VERSION'}}
+              </menu.Separator>
+              <menu.Item class='docs-link'>
+                <menu.Action @href={{env 'CONSUL_DOCS_URL'}} @external={{true}}>
+                  Documentation
+                </menu.Action>
+              </menu.Item>
+              <menu.Item class='learn-link'>
+                <menu.Action
+                  @href={{concat (env 'CONSUL_DOCS_LEARN_URL') '/consul'}}
+                  @external={{true}}
                >
-                  <menu.Action
-                    @href={{env 'CONSUL_REPO_ISSUES_URL'}}
-                    @external={{true}}
-                  >
-                    Provide Feedback
-                  </menu.Action>
-                </menu.Item>
-              </panel.Menu>
-            </disclosure.Menu>
-          </DisclosureMenu>
-        </li>
-        <li
-          data-test-main-nav-settings
-          class={{if (is-href 'settings') 'is-active'}}
-        >
-            <a
-              href={{href-to 'settings' params=(hash
-                nspace=undefined
-                partition=undefined
-              )}}
-            >
-              Settings
-            </a>
-        </li>
-        <Consul::Token::Selector
-          @dc={{@dc}}
-          @partition={{@partition}}
-          @nspace={{@nspace}}
-          @onchange={{@onchange}}
-        as |selector|>
-          <Ref
-            @target={{this}}
-            @name="tokenSelector"
-            @value={{selector}}
-          />
-        </Consul::Token::Selector>
+                  HashiCorp Learn
+                </menu.Action>
+              </menu.Item>
+              <menu.Separator />
+              <menu.Item class='feedback-link'>
+                <menu.Action @href={{env 'CONSUL_REPO_ISSUES_URL'}} @external={{true}}>
+                  Provide Feedback
+                </menu.Action>
+              </menu.Item>
+            </panel.Menu>
+          </disclosure.Menu>
+        </DisclosureMenu>
+      </li>
+      <li data-test-main-nav-settings class={{if (is-href 'settings') 'is-active'}}>
+        <a href={{href-to 'settings' params=(hash nspace=undefined partition=undefined)}}>
+          Settings
+        </a>
+      </li>
+      <Consul::Token::Selector
+        @dc={{@dc}}
+        @partition={{@partition}}
+        @nspace={{@nspace}}
+        @onchange={{@onchange}}
+        as |selector|
+      >
+        <Ref @target={{this}} @name='tokenSelector' @value={{selector}} />
+      </Consul::Token::Selector>
    </ul>
  </:complementary-nav>

  <:main>
-    {{yield (hash
-      login=(if this.tokenSelector this.tokenSelector (hash open=undefined close=undefined))
-    )}}
+    {{yield
+      (hash login=(if this.tokenSelector this.tokenSelector (hash open=undefined close=undefined)))
+    }}
  </:main>

  <:content-info>