Add batch action functionality to table Component
These changes aren't currently implemented on any table.
It will be added to event logs and local user table.
- Create tableCheckbox component to handle custom styles
and indeterminate state which needs to be set with JS
- Update tableComponent layout to allow transition for
toolbar. Updated user-accounts layout and styles to
account for these changes
Tested on Chrome, Safari, Firefox, Edge, IE
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ic57a090db1ef66f9d33facfdc425db868ae8d8c6
diff --git a/app/users/controllers/user-accounts-controller.html b/app/users/controllers/user-accounts-controller.html
index 696a984..9577196 100644
--- a/app/users/controllers/user-accounts-controller.html
+++ b/app/users/controllers/user-accounts-controller.html
@@ -6,7 +6,7 @@
</div>
</div>
<div class="row column">
- <div class="column small-12">
+ <div class="column small-12 medium-10">
<div class="local-users__actions">
<button ng-disabled="accountSettings === null"
ng-click="onClickAccountSettingsPolicy()"
@@ -26,13 +26,13 @@
data="tableData"
header="tableHeader"
row-actions-enabled="true"
- emit-action="onEmitAction(value)"
+ emit-row-action="onEmitRowAction(value)"
class="local-users__table">
</bmc-table>
</div>
</div>
<div class="row column">
- <div class="column small-12">
+ <div class="column small-12 medium-9">
<!-- Role table -->
<role-table></role-table>
</div>
diff --git a/app/users/controllers/user-accounts-controller.js b/app/users/controllers/user-accounts-controller.js
index 7591a53..9f31beb 100644
--- a/app/users/controllers/user-accounts-controller.js
+++ b/app/users/controllers/user-accounts-controller.js
@@ -362,7 +362,7 @@
* Callback when action emitted from table
* @param {*} value
*/
- $scope.onEmitAction = (value) => {
+ $scope.onEmitRowAction = (value) => {
switch (value.action) {
case 'Edit':
initUserModal(value.row);
diff --git a/app/users/styles/user-accounts.scss b/app/users/styles/user-accounts.scss
index fe580cd..fa0c5d7 100644
--- a/app/users/styles/user-accounts.scss
+++ b/app/users/styles/user-accounts.scss
@@ -8,11 +8,6 @@
justify-content: flex-end;
}
-.local-users__actions,
-.local-users__table .bmc-table {
- max-width: 900px;
-}
-
.modal__local-users,
.modal__local-users-settings {
.modal-body {
@@ -36,9 +31,6 @@
.role-table {
margin-top: 30px;
- .bmc-table {
- max-width: 750px;
- }
.bmc-table__cell:not(:first-of-type) {
text-align: center;
}