918e46be0e
* feat(app/docker): backport docker/components changes * feat(app/docker): backport docker/helpers changes * feat(app/docker): backport docker/views/container changes * feat(app/docker): backport docker/views/images changes * feat(app/docker): backport docker/views/registries changes * feat(app/docker): backport docker/views/services changes * feat(app/docker): backport docker changes * feat(app/kubernetes): backport kubernetes/components changes * feat(app/kubernetes): backport kubernetes/converters changes * feat(app/kubernetes): backport kubernetes/models changes * feat(app/kubernetes): backport kubernetes/registries changes * feat(app/kubernetes): backport kubernetes/services changes * feat(app/kubernetes): backport kubernetes/views/applications changes * feat(app/kubernetes): backport kubernetes/views/configurations changes * feat(app/kubernetes): backport kubernetes/views/configure changes * feat(app/kubernetes): backport kubernetes/views/resource-pools changes * feat(app/kubernetes): backport kubernetes/views changes * feat(app/portainer): backport portainer/components/accessManagement changes * feat(app/portainer): backport portainer/components/datatables changes * feat(app/portainer): backport portainer/components/forms changes * feat(app/portainer): backport portainer/components/registry-details changes * feat(app/portainer): backport portainer/models changes * feat(app/portainer): backport portainer/rest changes * feat(app/portainer): backport portainer/services changes * feat(app/portainer): backport portainer/views changes * feat(app/portainer): backport portainer changes * feat(app): backport app changes * config(project): gitignore + jsconfig changes gitignore all files under api/cmd/portainer but main.go and enable Code Editor autocomplete on import ... from '@/...'
66 lines
2.8 KiB
HTML
66 lines
2.8 KiB
HTML
<div class="datatable">
|
|
<rd-widget>
|
|
<rd-widget-header icon="{{ $ctrl.titleIcon }}" title-text="{{ $ctrl.titleText }}"> </rd-widget-header>
|
|
<rd-widget-body classes="no-padding">
|
|
<div class="actionBar">
|
|
<button type="button" class="btn btn-sm btn-danger" ng-disabled="$ctrl.state.selectedItemCount === 0" ng-click="$ctrl.onRemove($ctrl.state.selectedItems)">
|
|
<i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Remove
|
|
</button>
|
|
</div>
|
|
<div class="searchBar">
|
|
<i class="fa fa-search searchIcon" aria-hidden="true"></i>
|
|
<input
|
|
type="text"
|
|
class="searchInput"
|
|
ng-model="$ctrl.state.textFilter"
|
|
ng-change="$ctrl.onTextFilterChange()"
|
|
placeholder="Search..."
|
|
ng-model-options="{ debounce: 300 }"
|
|
/>
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table class="table table-hover nowrap-cells">
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
<span class="md-checkbox">
|
|
<input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" />
|
|
<label for="select_all"></label>
|
|
</span>
|
|
<a ng-click="$ctrl.changeOrderBy('Name')">
|
|
{{ $ctrl.columnHeader }}
|
|
<i class="fa fa-sort-alpha-down" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Name' && !$ctrl.state.reverseOrder"></i>
|
|
<i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Name' && $ctrl.state.reverseOrder"></i>
|
|
</a>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr
|
|
dir-paginate="item in ($ctrl.state.filteredDataSet = ($ctrl.dataset | filter:$ctrl.state.textFilter | orderBy:$ctrl.state.orderBy:$ctrl.state.reverseOrder | itemsPerPage: $ctrl.state.paginatedItemLimit)) track by $index"
|
|
ng-class="{ active: $ctrl.state.selectedItems.includes(item) }"
|
|
>
|
|
<td>
|
|
<span class="md-checkbox">
|
|
<input
|
|
id="select_{{ $index }}"
|
|
type="checkbox"
|
|
ng-checked="$ctrl.state.selectedItems.includes(item)"
|
|
ng-disabled="$ctrl.disableRemove(item)"
|
|
ng-click="$ctrl.selectItem(item, $event)"
|
|
/>
|
|
<label for="select_{{ $index }}"></label>
|
|
</span>
|
|
{{ item.value }}
|
|
</td>
|
|
</tr>
|
|
<tr ng-if="$ctrl.state.filteredDataSet.length === 0">
|
|
<td class="text-center text-muted">{{ $ctrl.emptyDatasetMessage }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|