github.com/hernad/nomad@v1.6.112/ui/app/templates/csi/plugins/plugin/allocations.hbs (about)

     1  {{!
     2    Copyright (c) HashiCorp, Inc.
     3    SPDX-License-Identifier: MPL-2.0
     4  ~}}
     5  
     6  {{page-title "CSI Plugin " this.model.plainId " allocations"}}
     7  <PluginSubnav @plugin={{this.model}} />
     8  <section class="section">
     9    <div class="toolbar">
    10      <div class="toolbar-item">
    11        <h1 class="title">Allocations for {{this.model.plainId}}</h1>
    12      </div>
    13      <div class="toolbar-item is-right-aligned is-mobile-full-width">
    14        <div class="button-bar">
    15          <MultiSelectDropdown
    16            data-test-health-facet
    17            @label="Health"
    18            @options={{this.optionsHealth}}
    19            @selection={{this.selectionHealth}}
    20            @onSelect={{action this.setFacetQueryParam "qpHealth"}} />
    21          <MultiSelectDropdown
    22            data-test-type-facet
    23            @label="Type"
    24            @options={{this.optionsType}}
    25            @selection={{this.selectionType}}
    26            @onSelect={{action this.setFacetQueryParam "qpType"}} />
    27        </div>
    28      </div>
    29    </div>
    30    {{#if this.sortedAllocations}}
    31      <ListPagination
    32        @source={{this.sortedAllocations}}
    33        @size={{this.pageSize}}
    34        @page={{this.currentPage}} as |p|>
    35        <ListTable
    36          @source={{p.list}}
    37          @sortProperty={{this.sortProperty}}
    38          @sortDescending={{this.sortDescending}}
    39          @class="with-foot" as |t|>
    40          <t.head>
    41            <th class="is-narrow"></th>
    42            <td>ID</td>
    43            <th>Created</th>
    44            <t.sort-by @prop="updateTime">Modified</t.sort-by>
    45            <t.sort-by @prop="healthy">Health</t.sort-by>
    46            <th>Client</th>
    47            <th>Job</th>
    48            <th>Version</th>
    49            <th>Volumes</th>
    50            <th>CPU</th>
    51            <th>Memory</th>
    52          </t.head>
    53          <t.body @key="model.allocID" as |row|>
    54            <PluginAllocationRow
    55              @data-test-allocation={{row.model.allocID}}
    56              @pluginAllocation={{row.model}} />
    57          </t.body>
    58        </ListTable>
    59        <div class="table-foot">
    60          <PageSizeSelect @onChange={{action this.resetPagination}} />
    61          <nav class="pagination">
    62            <div class="pagination-numbers">
    63              {{p.startsAt}}&ndash;{{p.endsAt}} of {{this.sortedAllocations.length}}
    64            </div>
    65            <p.prev @class="pagination-previous">{{x-icon "chevron-left"}}</p.prev>
    66            <p.next @class="pagination-next">{{x-icon "chevron-right"}}</p.next>
    67            <ul class="pagination-list"></ul>
    68          </nav>
    69        </div>
    70      </ListPagination>
    71    {{else}}
    72      <div data-test-empty-list class="empty-message">
    73        {{#if (eq this.combinedAllocations.length 0)}}
    74          <h3 data-test-empty-list-headline class="empty-message-headline">No Allocations</h3>
    75          <p class="empty-message-body">
    76            The plugin has no allocations.
    77          </p>
    78        {{else if (eq this.sortedAllocations.length 0)}}
    79          <h3 data-test-empty-list-headline class="empty-message-headline">No Matches</h3>
    80          <p class="empty-message-body">
    81            No allocations match your current filter selection.
    82          </p>
    83        {{/if}}
    84      </div>
    85    {{/if}}
    86  </section>