Fetch LODS only when pageloads

Author: ozer550

kolibri/plugins/coach/assets/src/views/ClassLearnersListPage.vue

@@ -52,7 +52,7 @@
         <template #tbody>
           <tbody>
             <tr
-              v-for="learner in learnersWithLearnOnlyDevices"
+              v-for="learner in learnerMap"
               :key="learner.id"
             >
               <td>
@@ -123,12 +123,6 @@
       className() {
         return this.$store.state.classSummary.name;
       },
-      learnersWithLearnOnlyDevices() {
-        const lods = Object.fromEntries(
-          Object.entries(this.learnerMap).filter(([key]) => key in this.classSyncStatusList),
-        );
-        return lods;
-      },
       syncStatusOptions() {
         const options = [];
         for (const [value] of Object.entries(SyncStatus)) {

kolibri/plugins/coach/assets/src/views/common/ReportsControls.vue

@@ -120,26 +120,15 @@
       },
     },
     created() {
-      this.isPolling = true;
-      this.pollClassListSyncStatuses();
-    },
-    beforeDestroy() {
-      this.isPolling = false;
+      this.fetchClassListSyncStatus();
     },
     methods: {
       ...mapActions(['fetchUserSyncStatus']),
-      pollClassListSyncStatuses() {
-        if (!this.isPolling) {
-          return;
-        }
+      fetchClassListSyncStatus() {
         this.fetchUserSyncStatus({ member_of: this.$route.params.classId }).then(data => {
-          if (!data || !Array.isArray(data)) {
-            return;
+          if (Array.isArray(data)) {
+            this.userSet = new Set(data.map(item => item.user));
           }
-          this.userSet = new Set(data.map(item => item.user));
-          setTimeout(() => {
-            this.pollClassListSyncStatuses();
-          }, '10000');
         });
       },
     },