github.com/hernad/nomad@v1.6.112/ui/app/templates/components/gutter-menu.hbs (about)

     1  {{!
     2    Copyright (c) HashiCorp, Inc.
     3    SPDX-License-Identifier: MPL-2.0
     4  ~}}
     5  
     6  <div
     7    data-test-gutter-menu
     8    class="page-column is-left {{if this.isOpen "is-open"}}"
     9    {{did-insert this.keyboard.registerNav type="main"}}
    10  >
    11    <div class="gutter {{if this.isOpen "is-open"}}">
    12      <header class="collapsed-menu {{if this.isOpen "is-open"}}">
    13        <span
    14          data-test-gutter-gutter-toggle
    15          class="gutter-toggle"
    16          aria-label="menu"
    17          onclick={{action this.onHamburgerClick}}
    18        >
    19          <HamburgerMenu />
    20        </span>
    21        <span class="logo-container">
    22          <NomadLogo />
    23        </span>
    24      </header>
    25      <aside class="menu">
    26        {{#if this.system.shouldShowRegions}}
    27          <div class="collapsed-only">
    28            <p class="menu-label">
    29              Region
    30              {{if this.system.shouldShowNamespaces "& Namespace"}}
    31            </p>
    32            <ul class="menu-list">
    33              <li>
    34                <div class="menu-item is-wide">
    35                  <RegionSwitcher />
    36                </div>
    37              </li>
    38            </ul>
    39          </div>
    40        {{/if}}
    41        <ul class="menu-list">
    42          <li {{keyboard-shortcut menuLevel=true pattern=(array "g" "j") }}>
    43            <LinkTo
    44              @route="jobs"
    45              @activeClass="is-active"
    46              data-test-gutter-link="jobs"
    47            >
    48              Jobs
    49            </LinkTo>
    50          </li>
    51          {{#if (can "accept recommendation")}}
    52            <li
    53              {{keyboard-shortcut
    54                menuLevel=true
    55                pattern=(array "g" "o")
    56                action=(action this.transitionTo 'optimize')
    57              }}
    58            >
    59              <LinkTo
    60                @route="optimize"
    61                @activeClass="is-active"
    62                data-test-gutter-link="optimize"
    63              >
    64                Optimize
    65              </LinkTo>
    66            </li>
    67          {{/if}}
    68          <li {{keyboard-shortcut menuLevel=true pattern=(array "g" "r") }}>
    69            <LinkTo
    70              @route="csi"
    71              @activeClass="is-active"
    72              data-test-gutter-link="storage"
    73            >
    74              Storage
    75            </LinkTo>
    76          </li>
    77          {{#if (can "list variables")}}
    78          <li {{keyboard-shortcut menuLevel=true pattern=(array "g" "v") }}>
    79            <LinkTo
    80              @route="variables"
    81              @activeClass="is-active"
    82              data-test-gutter-link="variables"
    83            >
    84              Variables
    85            </LinkTo>
    86          </li>
    87          {{/if}}
    88        </ul>
    89        <p class="menu-label">
    90          Cluster
    91        </p>
    92        <ul class="menu-list">
    93          <li {{keyboard-shortcut menuLevel=true pattern=(array "g" "c") }}>
    94            <LinkTo
    95              @route="clients"
    96              @activeClass="is-active"
    97              data-test-gutter-link="clients"
    98            >
    99              Clients
   100            </LinkTo>
   101          </li>
   102          <li {{keyboard-shortcut menuLevel=true pattern=(array "g" "s") }}>
   103            <LinkTo
   104              @route="servers"
   105              @activeClass="is-active"
   106              data-test-gutter-link="servers"
   107            >
   108              Servers
   109            </LinkTo>
   110          </li>
   111          <li {{keyboard-shortcut menuLevel=true pattern=(array "g" "t") }}>
   112            <LinkTo
   113              @route="topology"
   114              @activeClass="is-active"
   115              data-test-gutter-link="topology"
   116            >
   117              Topology
   118            </LinkTo>
   119          </li>
   120        </ul>
   121        <p class="menu-label">
   122          Operations
   123        </p>
   124        <ul class="menu-list">
   125          <li {{keyboard-shortcut menuLevel=true pattern=(array "g" "e") }}>
   126            <LinkTo
   127              @route="evaluations"
   128              @activeClass="is-active"
   129              data-test-gutter-link="evaluations"
   130            >
   131              Evaluations
   132            </LinkTo>
   133          </li>
   134          {{#if (can "list policies")}}
   135            <li
   136              {{keyboard-shortcut
   137                menuLevel=true
   138                pattern=(array "g" "l")
   139                action=(action this.transitionTo 'policies')
   140              }}
   141            >
   142              <LinkTo
   143                @route="policies"
   144                @activeClass="is-active"
   145                data-test-gutter-link="policies"
   146              >
   147                Policies
   148              </LinkTo>
   149            </li>
   150          {{/if}}
   151        </ul>
   152      </aside>
   153      {{#if this.system.agent.version}}
   154        <footer class="gutter-footer">
   155          <span class="is-faded">
   156            v{{this.system.agent.version}}
   157          </span>
   158        </footer>
   159      {{/if}}
   160    </div>
   161  </div>
   162  <div data-test-page-content class="page-column is-right">
   163    {{yield}}
   164  </div>
   165  <div
   166    data-test-gutter-backdrop
   167    class="gutter-backdrop {{if this.isOpen "is-open"}}"
   168    onclick={{action this.onHamburgerClick}}
   169  ></div>