github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/templates/components/gutter-menu.hbs (about)

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