open-nomad/ui/app/templates/csi/volumes/volume.hbs

{{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>
<Breadcrumb @bucket="navigation" @crumb={{this.breadcrumbs}} />