132 lines
4.3 KiB
Handlebars
132 lines
4.3 KiB
Handlebars
{{#each this.breadcrumbs as |crumb|}}
|
|
<Breadcrumb @crumb={{crumb}} />
|
|
{{/each}}
|
|
{{page-title "CSI Volume " this.model.name}}
|
|
<section class="section with-headspace">
|
|
<h1 class="title" data-test-title>{{this.model.name}}</h1>
|
|
|
|
<div class="boxed-section is-small">
|
|
<div class="boxed-section-body inline-definitions">
|
|
<span class="label">Volume Details</span>
|
|
<span class="pair" data-test-volume-health>
|
|
<span class="term">Health</span>
|
|
{{if this.model.schedulable "Schedulable" "Unschedulable"}}
|
|
</span>
|
|
<span class="pair" data-test-volume-provider>
|
|
<span class="term">Provider</span>
|
|
{{this.model.provider}}
|
|
</span>
|
|
<span class="pair" data-test-volume-external-id>
|
|
<span class="term">External ID</span>
|
|
{{this.model.externalId}}
|
|
</span>
|
|
{{#if this.system.shouldShowNamespaces}}
|
|
<span class="pair" data-test-volume-namespace>
|
|
<span class="term">Namespace</span>
|
|
{{this.model.namespace.name}}
|
|
</span>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="boxed-section">
|
|
<div class="boxed-section-head">
|
|
Write Allocations
|
|
</div>
|
|
<div class="boxed-section-body {{if this.model.writeAllocations.length "is-full-bleed"}}">
|
|
{{#if this.model.writeAllocations.length}}
|
|
<ListTable
|
|
@source={{this.sortedWriteAllocations}}
|
|
@class="with-foot" as |t|>
|
|
<t.head>
|
|
<th class="is-narrow"></th>
|
|
<th>ID</th>
|
|
<th>Created</th>
|
|
<th>Modified</th>
|
|
<th>Status</th>
|
|
<th>Client</th>
|
|
<th>Job</th>
|
|
<th>Version</th>
|
|
<th>CPU</th>
|
|
<th>Memory</th>
|
|
</t.head>
|
|
<t.body as |row|>
|
|
<AllocationRow
|
|
@data-test-write-allocation={{row.model.id}}
|
|
@allocation={{row.model}}
|
|
@context="volume"
|
|
@onClick={{action "gotoAllocation" row.model}} />
|
|
</t.body>
|
|
</ListTable>
|
|
{{else}}
|
|
<div class="empty-message" data-test-empty-write-allocations>
|
|
<h3 class="empty-message-headline" data-test-empty-write-allocations-headline>No Write Allocations</h3>
|
|
<p class="empty-message-body" data-test-empty-write-allocations-message>No allocations are depending on this volume for read/write access.</p>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="boxed-section">
|
|
<div class="boxed-section-head">
|
|
Read Allocations
|
|
</div>
|
|
<div class="boxed-section-body {{if this.model.readAllocations.length "is-full-bleed"}}">
|
|
{{#if this.model.readAllocations.length}}
|
|
<ListTable
|
|
@source={{this.sortedReadAllocations}}
|
|
@class="with-foot" as |t|>
|
|
<t.head>
|
|
<th class="is-narrow"></th>
|
|
<th>ID</th>
|
|
<th>Modified</th>
|
|
<th>Created</th>
|
|
<th>Status</th>
|
|
<th>Client</th>
|
|
<th>Job</th>
|
|
<th>Version</th>
|
|
<th>CPU</th>
|
|
<th>Memory</th>
|
|
</t.head>
|
|
<t.body as |row|>
|
|
<AllocationRow
|
|
@data-test-read-allocation={{row.model.id}}
|
|
@allocation={{row.model}}
|
|
@context="volume"
|
|
@onClick={{action "gotoAllocation" row.model}} />
|
|
</t.body>
|
|
</ListTable>
|
|
{{else}}
|
|
<div class="empty-message" data-test-empty-read-allocations>
|
|
<h3 class="empty-message-headline" data-test-empty-read-allocations-headline>No Read Allocations</h3>
|
|
<p class="empty-message-body" data-test-empty-read-allocations-message>No allocations are depending on this volume for read-only access.</p>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="boxed-section">
|
|
<div class="boxed-section-head">
|
|
Constraints
|
|
</div>
|
|
<div class="boxed-section-body is-full-bleed">
|
|
<table class="table">
|
|
<thead>
|
|
<th>Setting</th>
|
|
<th>Value</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Access Mode</td>
|
|
<td data-test-access-mode>{{this.model.accessMode}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Attachment Mode</td>
|
|
<td data-test-attachment-mode>{{this.model.attachmentMode}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|