github.com/aminovpavel/nomad@v0.11.8/ui/app/templates/csi/plugins/plugin/allocations.hbs (about)

     1  {{title "CSI Plugin " model.plainId " allocations"}}
     2  <div data-test-subnav="plugins" class="tabs is-subnav">
     3    <ul>
     4      <li data-test-tab="overview">{{#link-to "csi.plugins.plugin.index" model activeClass="is-active"}}Overview{{/link-to}}</li>
     5      <li data-test-tab="allocations">{{#link-to "csi.plugins.plugin.allocations" model activeClass="is-active"}}Allocations{{/link-to}}</li>
     6    </ul>
     7  </div>
     8  <section class="section">
     9    <div class="toolbar">
    10      <div class="toolbar-item">
    11        <h1 class="title">Allocations for {{model.plainId}}</h1>
    12      </div>
    13      <div class="toolbar-item is-right-aligned is-mobile-full-width">
    14        <div class="button-bar">
    15          {{multi-select-dropdown
    16            data-test-health-facet
    17            label="Health"
    18            options=optionsHealth
    19            selection=selectionHealth
    20            onSelect=(action setFacetQueryParam "qpHealth")}}
    21          {{multi-select-dropdown
    22            data-test-type-facet
    23            label="Type"
    24            options=optionsType
    25            selection=selectionType
    26            onSelect=(action setFacetQueryParam "qpType")}}
    27        </div>
    28      </div>
    29    </div>
    30    {{#if sortedAllocations}}
    31      {{#list-pagination
    32        source=sortedAllocations
    33        size=pageSize
    34        page=currentPage as |p|}}
    35        {{#list-table
    36          source=p.list
    37          sortProperty=sortProperty
    38          sortDescending=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            {{plugin-allocation-row
    55              data-test-allocation=row.model.allocID
    56              pluginAllocation=row.model}}
    57          {{/t.body}}
    58        {{/list-table}}
    59        <div class="table-foot">
    60          {{page-size-select onChange=(action resetPagination)}}
    61          <nav class="pagination">
    62            <div class="pagination-numbers">
    63              {{p.startsAt}}&ndash;{{p.endsAt}} of {{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      {{/list-pagination}}
    71    {{else}}
    72      <div data-test-empty-list class="empty-message">
    73        {{#if (eq 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 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>