github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/ui/app/templates/csi/plugins/index.hbs (about)

     1  {{title "CSI Plugins"}}
     2  <div class="tabs is-subnav">
     3    <ul>
     4      <li data-test-tab="volumes">{{#link-to "csi.volumes.index" activeClass="is-active"}}Volumes{{/link-to}}</li>
     5      <li data-test-tab="plugins">{{#link-to "csi.plugins.index" activeClass="is-active"}}Plugins{{/link-to}}</li>
     6    </ul>
     7  </div>
     8  <section class="section">
     9    {{#if isForbidden}}
    10      {{partial "partials/forbidden-message"}}
    11    {{else}}
    12      <div class="toolbar">
    13        <div class="toolbar-item">
    14          {{#if model.length}}
    15            {{search-box
    16              data-test-plugins-search
    17              searchTerm=(mut searchTerm)
    18              onChange=(action resetPagination)
    19              placeholder="Search plugins..."}}
    20          {{/if}}
    21        </div>
    22      </div>
    23      {{#if sortedPlugins}}
    24        {{#list-pagination
    25          source=sortedPlugins
    26          size=pageSize
    27          page=currentPage as |p|}}
    28          {{#list-table
    29            source=p.list
    30            sortProperty=sortProperty
    31            sortDescending=sortDescending
    32            class="with-foot" as |t|}}
    33            {{#t.head}}
    34              {{#t.sort-by prop="plainId"}}ID{{/t.sort-by}}
    35              {{#t.sort-by prop="controllersHealthyProportion"}}Controller Health{{/t.sort-by}}
    36              {{#t.sort-by prop="nodesHealthyProportion"}}Node Health{{/t.sort-by}}
    37              {{#t.sort-by prop="provider"}}Provider{{/t.sort-by}}
    38            {{/t.head}}
    39            {{#t.body key="model.id" as |row|}}
    40              <tr class="is-interactive" data-test-plugin-row {{on "click" (action "gotoPlugin" row.model)}}>
    41                <td data-test-plugin-id>
    42                  {{#link-to "csi.plugins.plugin" row.model.plainId class="is-primary"}}{{row.model.plainId}}{{/link-to}}
    43                </td>
    44                <td data-test-plugin-controller-health>
    45                  {{if (gt row.model.controllersHealthy 0) "Healthy" "Unhealthy"}}
    46                  ({{row.model.controllersHealthy}}/{{row.model.controllersExpected}})
    47                </td>
    48                <td data-test-plugin-node-health>
    49                  {{if (gt row.model.nodesHealthy 0) "Healthy" "Unhealthy"}}
    50                  ({{row.model.nodesHealthy}}/{{row.model.nodesExpected}})
    51                </td>
    52                <td data-test-plugin-provider>{{row.model.provider}}</td>
    53              </tr>
    54            {{/t.body}}
    55          {{/list-table}}
    56          <div class="table-foot">
    57            {{page-size-select onChange=(action resetPagination)}}
    58            <nav class="pagination">
    59              <div class="pagination-numbers">
    60                {{p.startsAt}}&ndash;{{p.endsAt}} of {{sortedPlugins.length}}
    61              </div>
    62              {{#p.prev class="pagination-previous"}}{{x-icon "chevron-left"}}{{/p.prev}}
    63              {{#p.next class="pagination-next"}}{{x-icon "chevron-right"}}{{/p.next}}
    64              <ul class="pagination-list"></ul>
    65            </nav>
    66          </div>
    67        {{/list-pagination}}
    68      {{else}}
    69        <div data-test-empty-plugins-list class="empty-message">
    70          {{#if (eq model.length 0)}}
    71            <h3 data-test-empty-plugins-list-headline class="empty-message-headline">No Plugins</h3>
    72            <p class="empty-message-body">
    73              The cluster currently has no registered CSI Plugins.
    74            </p>
    75          {{else if searchTerm}}
    76            <h3 data-test-empty-plugins-list-headline class="empty-message-headline">No Matches</h3>
    77            <p class="empty-message-body">
    78              No plugins match the term <strong>{{searchTerm}}</strong>
    79            </p>
    80          {{/if}}
    81        </div>
    82      {{/if}}
    83    {{/if}}
    84  </section>