1bd6a69067
Closes #7197 #7199 Note: Test coverage is limited to adapter and serializer unit tests. All acceptance tests have been stubbed and all features have been manually tested end-to-end. This represents Phase 1 of #6993 which is the core workflow of CSI in the UI. It includes a couple new pages for viewing all external volumes as well as the allocations associated with each. It also updates existing volume related views on job and allocation pages to handle both Host Volumes and CSI Volumes.
76 lines
2.6 KiB
Handlebars
76 lines
2.6 KiB
Handlebars
<div data-test-gutter-menu class="page-column is-left {{if isOpen "is-open"}}">
|
|
<div class="gutter {{if isOpen "is-open"}}">
|
|
<header class="collapsed-menu {{if isOpen "is-open"}}">
|
|
<span data-test-gutter-gutter-toggle class="gutter-toggle" aria-label="menu" onclick={{action onHamburgerClick}}>
|
|
{{partial "partials/hamburger-menu"}}
|
|
</span>
|
|
<span class="logo-container">
|
|
{{partial "partials/nomad-logo"}}
|
|
</span>
|
|
</header>
|
|
<aside class="menu">
|
|
{{#if system.shouldShowRegions}}
|
|
<div class="collapsed-only">
|
|
<p class="menu-label">
|
|
Region {{if system.shouldShowNamespaces "& Namespace"}}
|
|
</p>
|
|
<ul class="menu-list">
|
|
<li>
|
|
<div class="menu-item is-wide">
|
|
{{region-switcher}}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{{/if}}
|
|
{{#if system.shouldShowNamespaces}}
|
|
<ul class="menu-list">
|
|
<li>
|
|
<div class="menu-item is-wide">
|
|
{{#power-select
|
|
data-test-namespace-switcher
|
|
options=sortedNamespaces
|
|
selected=system.activeNamespace
|
|
searchField="name"
|
|
searchEnabled=(gt sortedNamespaces.length 10)
|
|
onChange=(action gotoJobsForNamespace)
|
|
tagName="div"
|
|
class="namespace-switcher"
|
|
as |namespace|}}
|
|
{{#if (eq namespace.name "default")}}
|
|
Default Namespace
|
|
{{else}}
|
|
{{namespace.name}}
|
|
{{/if}}
|
|
{{/power-select}}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
{{/if}}
|
|
<p class="menu-label">
|
|
Workload
|
|
</p>
|
|
<ul class="menu-list">
|
|
<li>{{#link-to "jobs" activeClass="is-active" data-test-gutter-link="jobs"}}Jobs{{/link-to}}</li>
|
|
</ul>
|
|
<p class="menu-label is-minor">
|
|
Integrations
|
|
</p>
|
|
<ul class="menu-list">
|
|
<li>{{#link-to "csi" activeClass="is-active" data-test-gutter-link="csi"}}CSI{{/link-to}}</li>
|
|
</ul>
|
|
<p class="menu-label">
|
|
Cluster
|
|
</p>
|
|
<ul class="menu-list">
|
|
<li>{{#link-to "clients" activeClass="is-active" data-test-gutter-link="clients"}}Clients{{/link-to}}</li>
|
|
<li>{{#link-to "servers" activeClass="is-active" data-test-gutter-link="servers"}}Servers{{/link-to}}</li>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
<div data-test-page-content class="page-column is-right">
|
|
{{yield}}
|
|
</div>
|
|
<div data-test-gutter-backdrop class="gutter-backdrop {{if isOpen "is-open"}}" onclick={{action onHamburgerClick}}></div>
|