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

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