github.com/thomasobenaus/nomad@v0.11.1/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 {{if system.shouldShowNamespaces "& Namespace"}}
    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        {{#if system.shouldShowNamespaces}}
    27          <ul class="menu-list">
    28            <li>
    29              <div class="menu-item is-wide">
    30                {{#power-select
    31                  data-test-namespace-switcher
    32                  options=sortedNamespaces
    33                  selected=system.activeNamespace
    34                  searchField="name"
    35                  searchEnabled=(gt sortedNamespaces.length 10)
    36                  onChange=(action gotoJobsForNamespace)
    37                  tagName="div"
    38                  class="namespace-switcher"
    39                  as |namespace|}}
    40                  {{#if (eq namespace.name "default")}}
    41                    Default Namespace
    42                  {{else}}
    43                    {{namespace.name}}
    44                  {{/if}}
    45                {{/power-select}}
    46              </div>
    47            </li>
    48          </ul>
    49        {{/if}}
    50        <p class="menu-label">
    51          Workload
    52        </p>
    53        <ul class="menu-list">
    54          <li>{{#link-to "jobs" activeClass="is-active" data-test-gutter-link="jobs"}}Jobs{{/link-to}}</li>
    55        </ul>
    56        <p class="menu-label is-minor">
    57          Integrations
    58        </p>
    59        <ul class="menu-list">
    60          <li>{{#link-to "csi" activeClass="is-active" data-test-gutter-link="csi"}}Storage <span class="tag is-small">Beta</span>{{/link-to}}</li>
    61        </ul>
    62        <p class="menu-label">
    63          Cluster
    64        </p>
    65        <ul class="menu-list">
    66          <li>{{#link-to "clients" activeClass="is-active" data-test-gutter-link="clients"}}Clients{{/link-to}}</li>
    67          <li>{{#link-to "servers" activeClass="is-active" data-test-gutter-link="servers"}}Servers{{/link-to}}</li>
    68        </ul>
    69      </aside>
    70    </div>
    71  </div>
    72  <div data-test-page-content class="page-column is-right">
    73    {{yield}}
    74  </div>
    75  <div data-test-gutter-backdrop class="gutter-backdrop {{if isOpen "is-open"}}" onclick={{action onHamburgerClick}}></div>