github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/templates/csi/volumes/volume.hbs (about)

     1  {{page-title "CSI Volume " this.model.name}}
     2  <section class="section with-headspace">
     3    <h1 class="title" data-test-title>{{this.model.name}}</h1>
     4  
     5    <div class="boxed-section is-small">
     6      <div class="boxed-section-body inline-definitions">
     7        <span class="label">Volume Details</span>
     8        <span class="pair" data-test-volume-health>
     9          <span class="term">Health</span>
    10          {{if this.model.schedulable "Schedulable" "Unschedulable"}}
    11        </span>
    12        <span class="pair" data-test-volume-provider>
    13          <span class="term">Provider</span>
    14          {{this.model.provider}}
    15        </span>
    16        <span class="pair" data-test-volume-external-id>
    17          <span class="term">External ID</span>
    18          {{this.model.externalId}}
    19        </span>
    20        {{#if this.system.shouldShowNamespaces}}
    21          <span class="pair" data-test-volume-namespace>
    22            <span class="term">Namespace</span>
    23            {{this.model.namespace.name}}
    24          </span>
    25        {{/if}}
    26      </div>
    27    </div>
    28  
    29    <div class="boxed-section">
    30      <div class="boxed-section-head">
    31        Write Allocations
    32      </div>
    33      <div class="boxed-section-body {{if this.model.writeAllocations.length "is-full-bleed"}}">
    34        {{#if this.model.writeAllocations.length}}
    35          <ListTable
    36            @source={{this.sortedWriteAllocations}}
    37            @class="with-foot" as |t|>
    38            <t.head>
    39              <th class="is-narrow"></th>
    40              <th>ID</th>
    41              <th>Created</th>
    42              <th>Modified</th>
    43              <th>Status</th>
    44              <th>Client</th>
    45              <th>Job</th>
    46              <th>Version</th>
    47              <th>CPU</th>
    48              <th>Memory</th>
    49            </t.head>
    50            <t.body as |row|>
    51              <AllocationRow
    52                @data-test-write-allocation={{row.model.id}}
    53                @allocation={{row.model}}
    54                @context="volume"
    55                @onClick={{action "gotoAllocation" row.model}} />
    56            </t.body>
    57          </ListTable>
    58        {{else}}
    59          <div class="empty-message" data-test-empty-write-allocations>
    60            <h3 class="empty-message-headline" data-test-empty-write-allocations-headline>No Write Allocations</h3>
    61            <p class="empty-message-body" data-test-empty-write-allocations-message>No allocations are depending on this volume for read/write access.</p>
    62          </div>
    63        {{/if}}
    64      </div>
    65    </div>
    66  
    67    <div class="boxed-section">
    68      <div class="boxed-section-head">
    69        Read Allocations
    70      </div>
    71      <div class="boxed-section-body {{if this.model.readAllocations.length "is-full-bleed"}}">
    72        {{#if this.model.readAllocations.length}}
    73          <ListTable
    74            @source={{this.sortedReadAllocations}}
    75            @class="with-foot" as |t|>
    76            <t.head>
    77              <th class="is-narrow"></th>
    78              <th>ID</th>
    79              <th>Modified</th>
    80              <th>Created</th>
    81              <th>Status</th>
    82              <th>Client</th>
    83              <th>Job</th>
    84              <th>Version</th>
    85              <th>CPU</th>
    86              <th>Memory</th>
    87            </t.head>
    88            <t.body as |row|>
    89              <AllocationRow
    90                @data-test-read-allocation={{row.model.id}}
    91                @allocation={{row.model}}
    92                @context="volume"
    93                @onClick={{action "gotoAllocation" row.model}} />
    94            </t.body>
    95          </ListTable>
    96        {{else}}
    97          <div class="empty-message" data-test-empty-read-allocations>
    98            <h3 class="empty-message-headline" data-test-empty-read-allocations-headline>No Read Allocations</h3>
    99            <p class="empty-message-body" data-test-empty-read-allocations-message>No allocations are depending on this volume for read-only access.</p>
   100          </div>
   101        {{/if}}
   102      </div>
   103    </div>
   104  
   105    <div class="boxed-section">
   106      <div class="boxed-section-head">
   107        Constraints
   108      </div>
   109      <div class="boxed-section-body is-full-bleed">
   110        <table class="table">
   111          <thead>
   112            <th>Setting</th>
   113            <th>Value</th>
   114          </thead>
   115          <tbody>
   116            <tr>
   117              <td>Access Mode</td>
   118              <td data-test-access-mode>{{this.model.accessMode}}</td>
   119            </tr>
   120            <tr>
   121              <td>Attachment Mode</td>
   122              <td data-test-attachment-mode>{{this.model.attachmentMode}}</td>
   123            </tr>
   124          </tbody>
   125        </table>
   126      </div>
   127    </div>
   128  </section>