open-nomad/ui/app/templates/csi/volumes/volume.hbs
2020-05-06 17:21:44 -07:00

129 lines
4.2 KiB
Handlebars

{{title "CSI Volume " model.name}}
<section class="section with-headspace">
<h1 class="title" data-test-title>{{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 model.schedulable "Schedulable" "Unschedulable"}}
</span>
<span class="pair" data-test-volume-provider>
<span class="term">Provider</span>
{{model.provider}}
</span>
<span class="pair" data-test-volume-external-id>
<span class="term">External ID</span>
{{model.externalId}}
</span>
{{#if system.shouldShowNamespaces}}
<span class="pair" data-test-volume-namespace>
<span class="term">Namespace</span>
{{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 model.writeAllocations.length "is-full-bleed"}}">
{{#if model.writeAllocations.length}}
{{#list-table
source=sortedWriteAllocations
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|}}
{{allocation-row
data-test-write-allocation=row.model.id
allocation=row.model
context="volume"
onClick=(action "gotoAllocation" row.model)}}
{{/t.body}}
{{/list-table}}
{{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 model.readAllocations.length "is-full-bleed"}}">
{{#if model.readAllocations.length}}
{{#list-table
source=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|}}
{{allocation-row
data-test-read-allocation=row.model.id
allocation=row.model
context="volume"
onClick=(action "gotoAllocation" row.model)}}
{{/t.body}}
{{/list-table}}
{{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>{{model.accessMode}}</td>
</tr>
<tr>
<td>Attachment Mode</td>
<td data-test-attachment-mode>{{model.attachmentMode}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>