fix(edge): show select all checkbox [EE-4129] (#7948)

pull/7996/head
Chaim Lev-Ari 2022-11-06 09:33:22 +02:00 committed by GitHub
parent 6b02d9a1e3
commit ff10588383
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 53 additions and 37 deletions

View File

@ -21,17 +21,19 @@
<thead> <thead>
<tr> <tr>
<th> <th>
<span class="md-checkbox"> <div class="vertical-center">
<input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" /> <span class="md-checkbox">
<label for="select_all"></label> <input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" />
</span> <label for="select_all"></label>
<table-column-header </span>
col-title="'Name'" <table-column-header
can-sort="true" col-title="'Name'"
is-sorted="$ctrl.state.orderBy === 'Hostname'" can-sort="true"
is-sorted-desc="$ctrl.state.orderBy === 'Hostname' && $ctrl.state.reverseOrder" is-sorted="$ctrl.state.orderBy === 'Hostname'"
ng-click="$ctrl.changeOrderBy('Hostname')" is-sorted-desc="$ctrl.state.orderBy === 'Hostname' && $ctrl.state.reverseOrder"
></table-column-header> ng-click="$ctrl.changeOrderBy('Hostname')"
></table-column-header>
</div>
</th> </th>
<th> <th>
<table-column-header <table-column-header

View File

@ -19,13 +19,19 @@
<thead> <thead>
<tr> <tr>
<th> <th>
<table-column-header <div class="vertical-center">
col-title="'Name'" <span class="md-checkbox">
can-sort="true" <input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" />
is-sorted="$ctrl.state.orderBy === 'Name'" <label for="select_all"></label>
is-sorted-desc="$ctrl.state.orderBy === 'Name' && $ctrl.state.reverseOrder" </span>
ng-click="$ctrl.changeOrderBy('Name')" <table-column-header
></table-column-header> col-title="'Name'"
can-sort="true"
is-sorted="$ctrl.state.orderBy === 'Name'"
is-sorted-desc="$ctrl.state.orderBy === 'Name' && $ctrl.state.reverseOrder"
ng-click="$ctrl.changeOrderBy('Name')"
></table-column-header>
</div>
</th> </th>
<th> <th>
<table-column-header <table-column-header

View File

@ -75,13 +75,19 @@
<thead> <thead>
<tr> <tr>
<th> <th>
<table-column-header <div class="vertical-center">
col-title="'Name'" <span class="md-checkbox">
can-sort="true" <input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" data-cy="edgeStack-selectAllCheckbox" />
is-sorted="$ctrl.state.orderBy === 'Name'" <label for="select_all"></label>
is-sorted-desc="$ctrl.state.orderBy === 'Name' && $ctrl.state.reverseOrder" </span>
ng-click="$ctrl.changeOrderBy('Name')" <table-column-header
></table-column-header> col-title="'Name'"
can-sort="true"
is-sorted="$ctrl.state.orderBy === 'Name'"
is-sorted-desc="$ctrl.state.orderBy === 'Name' && $ctrl.state.reverseOrder"
ng-click="$ctrl.changeOrderBy('Name')"
></table-column-header>
</div>
</th> </th>
<th> Status </th> <th> Status </th>
<th> <th>

View File

@ -36,18 +36,20 @@
<thead> <thead>
<tr> <tr>
<th> <th>
<span class="md-checkbox"> <div class="vertical-center">
<input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" /> <span class="md-checkbox">
<label for="select_all"></label> <input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" />
</span> <label for="select_all"></label>
<table-column-header </span>
col-title="$ctrl.columnHeader" <table-column-header
can-sort="true" col-title="$ctrl.columnHeader"
is-sorted="$ctrl.state.orderBy === 'Name'" can-sort="true"
is-sorted-desc="$ctrl.state.orderBy === 'Name' && $ctrl.state.reverseOrder" is-sorted="$ctrl.state.orderBy === 'Name'"
ng-click="$ctrl.changeOrderBy('Name')" is-sorted-desc="$ctrl.state.orderBy === 'Name' && $ctrl.state.reverseOrder"
style="display: inline-block" ng-click="$ctrl.changeOrderBy('Name')"
></table-column-header> style="display: inline-block"
></table-column-header>
</div>
</th> </th>
</tr> </tr>
</thead> </thead>