ui/lib/shared/addon/components/volume-row/template.hbs

78 lines
2.0 KiB
Handlebars

<tr class="main-row">
{{#if bulkActions}}
<td valign="middle" class="row-check" style="padding-top: 2px;">
{{check-box nodeId=model.id}}
</td>
{{/if}}
<td>
{{#if canExpand}}<i role="button" {{action "toggle"}} class="icon icon-play eased text-small text-muted {{if expanded 'icon-rotate-90'}}"><span class="visually-hidden">Open accordion</span></i>{{/if}}
</td>
<td data-title="{{dt.state}}" class="state">
{{badge-state model=model}}
</td>
<td data-title="{{dt.name}}" class="clip">
<a href="{{href-to 'volume' model.id (query-params type=model.type)}}">{{model.displayName}}</a>
{{#if model.showTransitioningMessage}}
<div class="clip text-small {{model.stateColor}}">{{model.transitioningMessage}}</div>
{{/if}}
</td>
<td data-title="{{dt.mounts}}">
{{model.mounts.length}}
</td>
<td data-title="{{dt.scope}}">
{{t (concat 'volumesPage.scope.' model.scope)}}
</td>
<td data-title="{{dt.driver}}">
{{model.driver}}
</td>
{{#if showActions}}
<td data-title="{{dt.actions}}" class="actions">
{{action-menu model=model}}
</td>
{{/if}}
</tr>
{{#if canExpand}}
<tr class="sub-row {{unless expanded 'hide'}}">
<td>{{! checkbox and expand}}</td>
<td colspan="{{sub fullColspan 2}}">
{{#if expanded}}
{{#sortable-table
classNames="grid fixed mb-0 sortable-table"
bulkActions=false
pagingLabel="pagination.volumes"
fullRows=true
rowActions=false
search=false
stickyHeader=false
headers=headers
body=model.volumes
as |sortable kind subVol dt|
}}
{{volume-row
model=subVol
bulkActions=false
fullColspan=sortable.fullColspan
dt=dt
}}
{{/sortable-table}}
{{/if}}
</td>
<td>{{! actions}}</td>
</tr>
{{#if expanded}}
<tr class="separator-row">
<td colspan="{{fullColspan}}"></td>
</tr>
{{/if}}
{{/if}}