85 lines
3.4 KiB
Handlebars
85 lines
3.4 KiB
Handlebars
{{title "CSI Plugins"}}
|
|
<div class="tabs is-subnav">
|
|
<ul>
|
|
<li data-test-tab="volumes">{{#link-to "csi.volumes.index" activeClass="is-active"}}Volumes{{/link-to}}</li>
|
|
<li data-test-tab="plugins">{{#link-to "csi.plugins.index" activeClass="is-active"}}Plugins{{/link-to}}</li>
|
|
</ul>
|
|
</div>
|
|
<section class="section">
|
|
{{#if isForbidden}}
|
|
{{partial "partials/forbidden-message"}}
|
|
{{else}}
|
|
<div class="toolbar">
|
|
<div class="toolbar-item">
|
|
{{#if model.length}}
|
|
{{search-box
|
|
data-test-plugins-search
|
|
searchTerm=(mut searchTerm)
|
|
onChange=(action resetPagination)
|
|
placeholder="Search plugins..."}}
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
{{#if sortedPlugins}}
|
|
{{#list-pagination
|
|
source=sortedPlugins
|
|
size=pageSize
|
|
page=currentPage as |p|}}
|
|
{{#list-table
|
|
source=p.list
|
|
sortProperty=sortProperty
|
|
sortDescending=sortDescending
|
|
class="with-foot" as |t|}}
|
|
{{#t.head}}
|
|
{{#t.sort-by prop="plainId"}}ID{{/t.sort-by}}
|
|
{{#t.sort-by prop="controllersHealthyProportion"}}Controller Health{{/t.sort-by}}
|
|
{{#t.sort-by prop="nodesHealthyProportion"}}Node Health{{/t.sort-by}}
|
|
{{#t.sort-by prop="provider"}}Provider{{/t.sort-by}}
|
|
{{/t.head}}
|
|
{{#t.body key="model.id" as |row|}}
|
|
<tr class="is-interactive" data-test-plugin-row {{on "click" (action "gotoPlugin" row.model)}}>
|
|
<td data-test-plugin-id>
|
|
{{#link-to "csi.plugins.plugin" row.model.plainId class="is-primary"}}{{row.model.plainId}}{{/link-to}}
|
|
</td>
|
|
<td data-test-plugin-controller-health>
|
|
{{if (gt row.model.controllersHealthy 0) "Healthy" "Unhealthy"}}
|
|
({{row.model.controllersHealthy}}/{{row.model.controllersExpected}})
|
|
</td>
|
|
<td data-test-plugin-node-health>
|
|
{{if (gt row.model.nodesHealthy 0) "Healthy" "Unhealthy"}}
|
|
({{row.model.nodesHealthy}}/{{row.model.nodesExpected}})
|
|
</td>
|
|
<td data-test-plugin-provider>{{row.model.provider}}</td>
|
|
</tr>
|
|
{{/t.body}}
|
|
{{/list-table}}
|
|
<div class="table-foot">
|
|
{{page-size-select onChange=(action resetPagination)}}
|
|
<nav class="pagination">
|
|
<div class="pagination-numbers">
|
|
{{p.startsAt}}–{{p.endsAt}} of {{sortedPlugins.length}}
|
|
</div>
|
|
{{#p.prev class="pagination-previous"}}{{x-icon "chevron-left"}}{{/p.prev}}
|
|
{{#p.next class="pagination-next"}}{{x-icon "chevron-right"}}{{/p.next}}
|
|
<ul class="pagination-list"></ul>
|
|
</nav>
|
|
</div>
|
|
{{/list-pagination}}
|
|
{{else}}
|
|
<div data-test-empty-plugins-list class="empty-message">
|
|
{{#if (eq model.length 0)}}
|
|
<h3 data-test-empty-plugins-list-headline class="empty-message-headline">No Plugins</h3>
|
|
<p class="empty-message-body">
|
|
The cluster currently has no registered CSI Plugins.
|
|
</p>
|
|
{{else if searchTerm}}
|
|
<h3 data-test-empty-plugins-list-headline class="empty-message-headline">No Matches</h3>
|
|
<p class="empty-message-body">
|
|
No plugins match the term <strong>{{searchTerm}}</strong>
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
{{/if}}
|
|
</section>
|