magnum-ui/magnum_ui/static/dashboard/containers/baymodel/table/table.html

143 lines
3.8 KiB
HTML

<table ng-controller="containersBayModelTableController as table"
hz-table ng-cloak
st-table="table.ibaymodels"
st-safe-src="table.baymodels"
default-sort="name"
default-sort-reverse="false"
class="table-striped table-rsp table-detail modern">
<thead>
<!--
Table-batch-actions:
This is where batch actions like searching, creating, and deleting.
-->
<tr>
<th colspan="100" class="search-header">
<hz-search-bar group-classes="input-group-sm" icon-classes="fa-search">
<action-list class="btn-addon">
<action
action-classes="'btn btn-default btn-sm btn-danger'"
disabled="numSelected === 0"
callback="table.batchDelete">
<i class="fa fa-trash-o"></i>
<translate>Delete Bay Models</translate>
</action>
</action-list>
</hz-search-bar>
</th>
</tr>
<!--
Table-column-headers:
The headers for the table columns
-->
<tr>
<th>
<input type="checkbox" hz-select-all="table.ibaymodels">
</th>
<th class="expander"></th>
<th class="rsp-p1" st-sort="name" st-sort-default>
<translate>Name</translate>
</th>
<th class="rsp-p1" st-sort="id" >
<translate>ID</translate>
</th>
<th class="rsp-p2" st-sort="coe" >
<translate>COE</translate>
</th>
<th class="action-col">
<translate>Actions</translate>
</th>
</tr>
</thead>
<tbody>
<!--
Table-rows:
This is where we declaratively define the table columns.
Include select-col if you want to select all.
Include expander if you want to inline details.
Include action-col if you want to perform actions.
rsp-p1 rsp-p2 are responsive priority as user resizes window.
-->
<tr ng-repeat-start="bm in table.ibaymodels track by bm.id"
nt-class="{'st-selected': checked[bm.id]}">
<td class="select-col">
<input type="checkbox"
ng-model="selected[bm.id].checked"
hz-select="bm">
</td>
<td class="expander">
<i class="fa fa-chevron-right"
hz-expand-detail
duration="200">
</i>
</td>
<td class="rsp-p1">{$ bm.name $}</td>
<td class="rsp-p1">{$ bm.id $}</td>
<td class="rsp-p2">{$ bm.coe $}</td>
<td class="action-col">
<!--
Table-row-action-column:
Actions taken here applies to a single item/row.
-->
<action-list dropdown>
<action
button-type="split-button"
action-classes="'btn btn-default btn-danger btn-sm'"
callback="table.singleDelete" item="bm">
<translate>Delete</translate>
</action>
</action-list>
</td>
</tr>
<tr ng-repeat-end class="detail-row">
<!--
Table-row-details:
Provides detail view of specific view, with more information than can be
displayed in the table alone.
-->
<td class="detail" colspan="100">
<dl class=dl-horizontal>
<dt><translate>Name</translate></dt>
<dd>{$ bm.name $}</dd>
<dt><translate>ID</translate></dt>
<dd>{$ bm.id $}</dd>
<dt><translate>COE</translate></dt>
<dd>{$ bm.coe $}</dd>
<dt><translate>Image ID</translate></dt>
<dd>{$ bm.image_id $}</dd>
<dt><translate>Registry Enabled</translate></dt>
<dd>{$ bm.registry_enabled $}</dd>
</dl>
</td>
</tr>
</tbody>
<tfoot>
<td colspan="100">
<span class="display">{$ table.ibaymodels.length|itemCount $}</span>
<div st-pagination="" st-items-by-page="10"
st-displayed-pages="10"></div>
</td>
</tfoot>
</table>