Resolve bug while selecting the checkboxes

Sukanya Pandey · rfrandse · commit 6167e5dcdaff · 2022-06-30T15:25:51.000-05:00
-While selecting the checkbox in the table, user have to click twice to
 select the data.
-The issue occured after upgrading vue-bootstrap.
-vue-bootstrap community improved the code for checkbox toggling which
causes the issue, openBmc code is been updated to support the new changes.

Signed-off-by: Sukanya Pandey &lt;sukapan1@in.ibm.com&gt;
Change-Id: I0e3c3e2248c22bcf805eb6f0b73378bcf4e8ea61
diff --git a/src/components/Mixins/BVTableSelectableMixin.js b/src/components/Mixins/BVTableSelectableMixin.js
@@ -25,14 +25,14 @@ const BVTableSelectableMixin = {
           this.tableHeaderCheckboxModel = true;
         } else {
           this.tableHeaderCheckboxIndeterminate = true;
-          this.tableHeaderCheckboxModel = false;
+          this.tableHeaderCheckboxModel = true;
         }
       }
     },
     onChangeHeaderCheckbox(tableRef) {
       if (tableRef) {
-        if (this.tableHeaderCheckboxModel) tableRef.clearSelected();
-        else tableRef.selectAllRows();
+        if (this.tableHeaderCheckboxModel) tableRef.selectAllRows();
+        else tableRef.clearSelected();
       }
     },
   },

Original file line number	Diff line number	Diff line change
`@@ -25,14 +25,14 @@ const BVTableSelectableMixin = {`
`25`	`25`	`this.tableHeaderCheckboxModel = true;`
`26`	`26`	`} else {`
`27`	`27`	`this.tableHeaderCheckboxIndeterminate = true;`
`28`		`- this.tableHeaderCheckboxModel = false;`
	`28`	`+ this.tableHeaderCheckboxModel = true;`
`29`	`29`	`}`
`30`	`30`	`}`
`31`	`31`	`},`
`32`	`32`	`onChangeHeaderCheckbox(tableRef) {`
`33`	`33`	`if (tableRef) {`
`34`		`- if (this.tableHeaderCheckboxModel) tableRef.clearSelected();`
`35`		`- else tableRef.selectAllRows();`
	`34`	`+ if (this.tableHeaderCheckboxModel) tableRef.selectAllRows();`
	`35`	`+ else tableRef.clearSelected();`
`36`	`36`	`}`
`37`	`37`	`},`
`38`	`38`	`},`