github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/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>
    55            {{#link-to "jobs"
    56              (query-params jobNamespace=system.activeNamespace.id)
    57              activeClass="is-active"
    58              data-test-gutter-link="jobs"}}
    59              Jobs
    60            {{/link-to}}
    61          </li>
    62        </ul>
    63        <p class="menu-label is-minor">
    64          Integrations
    65        </p>
    66        <ul class="menu-list">
    67          <li>
    68            {{#link-to "csi"
    69              (query-params volumeNamespace=system.activeNamespace.id)
    70              activeClass="is-active"
    71              data-test-gutter-link="storage"}}
    72              Storage <span class="tag is-small">Beta</span>
    73            {{/link-to}}
    74          </li>
    75        </ul>
    76        <p class="menu-label">
    77          Cluster
    78        </p>
    79        <ul class="menu-list">
    80          <li>{{#link-to "clients" activeClass="is-active" data-test-gutter-link="clients"}}Clients{{/link-to}}</li>
    81          <li>{{#link-to "servers" activeClass="is-active" data-test-gutter-link="servers"}}Servers{{/link-to}}</li>
    82        </ul>
    83      </aside>
    84    </div>
    85  </div>
    86  <div data-test-page-content class="page-column is-right">
    87    {{yield}}
    88  </div>
    89  <div data-test-gutter-backdrop class="gutter-backdrop {{if isOpen "is-open"}}" onclick={{action onHamburgerClick}}></div>