github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/templates/csi/volumes/volume.hbs (about)

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