Fixed vue3 table issues (#508)

* Selected rows issue

- No of selected rows not clearing on changing the page

Signed-off-by: Vedangi Mittal <[email protected]>

* Fixed sort issue

- Fixed sort issue

* Fixed lint error

- Fixed lint error

* Removed :sort-by

- Removed :sort-by

---------

Signed-off-by: Vedangi Mittal <[email protected]>

Author: vedangimittal

src/components/Global/LoadingBar.vue

@@ -76,7 +76,7 @@ const hideLoadingBar = () => {
 <style lang="scss" scoped>
 .progress {
   position: relative;
-  top:0px;
+  top: 0px;
   left: 0;
   right: 0;
   bottom: -0.4rem;

src/views/HardwareStatus/Sensors/Sensors.vue

@@ -44,7 +44,6 @@
           no-select-on-click
           hover
           sticky-header="75vh"
-          :sort-by="[{ key: 'status', order: 'asc' }]"
           show-empty
           :no-border-collapse="true"
           :items="filteredSensors"
@@ -249,6 +248,7 @@ const tableFilters = ref([
 ]);
 
 onBeforeRouteLeave(() => {
+  eventBus.emit('clear-selected');
   hideLoader();
 });
 

src/views/Logs/DeconfigurationRecords/DeconfigurationRecords.vue

@@ -53,7 +53,6 @@
           hover
           show-empty
           sticky-header="75vh"
-          :sort-by="[{ key: 'id', order: 'asc' }]"
           sort-desc.sync="status"
           :fields="fields"
           :items="filteredLogs"
@@ -337,6 +336,7 @@ const openModal = ref(false);
 const isAllSelected = ref(false);
 
 onBeforeRouteLeave(() => {
+  eventBus.emit('clear-selected');
   isBusy.value = false;
   hideLoader();
 });

src/views/Logs/Dumps/Dumps.vue

@@ -91,7 +91,6 @@
             selectable
             no-select-on-click
             responsive="md"
-            :sort-by="[{ key: 'dateTime', order: 'asc' }]"
             sticky-header="75vh"
             :fields="fields"
             :items="filteredDumps"

src/views/Logs/EventLogs/EventLogs.vue

@@ -70,7 +70,6 @@
           hover
           sticky-header="75vh"
           show-empty
-          :sort-by="[{ key: 'id', order: 'asc' }]"
           :fields="fields"
           :items="filteredLogs"
           :empty-text="
@@ -347,6 +346,7 @@ export default {
   beforeRouteLeave(to, from, next) {
     // Hide loader if the user navigates to another page
     // before request is fulfilled.
+    eventBus.emit('clear-selected');
     useLoadingBar().hideLoader();
     next();
   },

src/views/SecurityAndAccess/Sessions/Sessions.vue

@@ -47,7 +47,6 @@
           no-select-on-click
           hover
           sticky-header="75vh"
-          :sort-by="[{ key: 'clientID', order: 'asc' }]"
           show-empty
           :fields="fields"
           :items="allConnections"
@@ -231,6 +230,7 @@ const batchActions = ref([
 ]);
 
 onBeforeRouteLeave(() => {
+  eventBus.emit('clear-selected');
   hideLoader();
 });
 

src/views/SecurityAndAccess/UserManagement/ModalUser.vue

@@ -403,7 +403,7 @@ function handleSubmit() {
   let userData = {};
 
   if (newUser.value) {
-    if(!notReadyOnly.value && form.value.privilege === null) {
+    if (!notReadyOnly.value && form.value.privilege === null) {
       form.value.privilege = 'ReadOnly';
     }
     v$.value.$touch();

src/views/SecurityAndAccess/UserManagement/UserManagement.vue

@@ -158,6 +158,7 @@ import useToastComposable from '@/components/Composables/useToastComposable';
 import stores from '@/store';
 
 onBeforeRouteLeave(() => {
+  eventBus.emit('clear-selected');
   hideLoader();
 });
 

src/views/Settings/HardwareDeconfiguration/MemoryDimms.vue

@@ -14,7 +14,6 @@
           sort-icon-left
           hover
           no-sort-reset
-          :sort-by="[{ key: 'status', order: 'asc' }]"
           show-empty
           sticky-header="75vh"
           :no-border-collapse="true"

src/views/Settings/HardwareDeconfiguration/ProcessorCores.vue

@@ -26,7 +26,6 @@
           sort-icon-left
           hover
           no-sort-reset
-          :sort-by="[{ key: 'status', order: 'asc' }]"
           show-empty
           sticky-header="75vh"
           :no-border-collapse="true"