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>