github.com/hernad/nomad@v1.6.112/ui/app/templates/csi/volumes/volume.hbs (about)

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