github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/gutter-menu.hbs (about)

     1  <div data-test-gutter-menu class="page-column is-left {{if isOpen "is-open"}}">
     2    <div class="gutter {{if isOpen "is-open"}}">
     3      <header class="collapsed-menu {{if isOpen "is-open"}}">
     4        <span data-test-gutter-gutter-toggle class="gutter-toggle" aria-label="menu" onclick={{action onHamburgerClick}}>
     5          {{partial "partials/hamburger-menu"}}
     6        </span>
     7        <span class="logo-container">
     8          {{partial "partials/nomad-logo"}}
     9        </span>
    10      </header>
    11      <aside class="menu">
    12        {{#if system.shouldShowRegions}}
    13          <div class="collapsed-only">
    14            <p class="menu-label">
    15              Region
    16            </p>
    17            <ul class="menu-list">
    18              <li>
    19                <div class="menu-item is-wide">
    20                  {{region-switcher}}
    21                </div>
    22              </li>
    23            </ul>
    24          </div>
    25       {{/if}}
    26        <p class="menu-label">
    27          Workload
    28        </p>
    29        <ul class="menu-list">
    30          {{#if system.shouldShowNamespaces}}
    31            <li>
    32              <div class="menu-item is-wide">
    33                {{#power-select
    34                  data-test-namespace-switcher
    35                  options=sortedNamespaces
    36                  selected=system.activeNamespace
    37                  searchField="name"
    38                  searchEnabled=(gt sortedNamespaces.length 10)
    39                  onChange=(action gotoJobsForNamespace)
    40                  tagName="div"
    41                  class="namespace-switcher"
    42                  as |namespace|}}
    43                  {{#if (eq namespace.name "default")}}
    44                    Default Namespace
    45                  {{else}}
    46                    {{namespace.name}}
    47                  {{/if}}
    48                {{/power-select}}
    49              </div>
    50            </li>
    51          {{/if}}
    52          <li>{{#link-to "jobs" activeClass="is-active" data-test-gutter-link="jobs"}}Jobs{{/link-to}}</li>
    53        </ul>
    54        <p class="menu-label">
    55          Cluster
    56        </p>
    57        <ul class="menu-list">
    58          <li>{{#link-to "clients" activeClass="is-active" data-test-gutter-link="clients"}}Clients{{/link-to}}</li>
    59          <li>{{#link-to "servers" activeClass="is-active" data-test-gutter-link="servers"}}Servers{{/link-to}}</li>
    60        </ul>
    61      </aside>
    62    </div>
    63  </div>
    64  <div data-test-page-content class="page-column is-right">
    65    {{yield}}
    66  </div>
    67  <div data-test-gutter-backdrop class="gutter-backdrop {{if isOpen "is-open"}}" onclick={{action onHamburgerClick}}></div>