v.1.14.9

[fix] scroll optimizations

CHANGELOG.md

@@ -1,5 +1,7 @@
 # Changelog
 All notable changes to this project will be documented in this file.
+### [1.14.9] - 2021-04-27
+[fix] scroll optimizations
 ### [1.14.8] - 2021-04-26
 [feature] widgets router state save
 [feature] extended bug-report link

package.json

@@ -1,6 +1,6 @@
 {
   "name": "toolbox",
-  "version": "1.14.8",
+  "version": "1.14.9",
   "description": "Flespi ToolboX",
   "productName": "ToolboX",
   "capacitorId": "",

src/components/intervals/DevicesMessages.vue

@@ -35,6 +35,7 @@
 <script>
 import { VirtualScrollList, devicesMessagesModule } from 'qvirtualscroll'
 import Vue from 'vue'
+import debounce from 'lodash/debounce'
 import actions from '../../mixins/actions'
 import { copyToClipboard } from 'quasar'
 import EmptyPane from '../EmptyPane'
@@ -591,6 +592,7 @@ export default {
     }
   },
   created () {
+    this.updateMessagesRoute = debounce(this.updateMessagesRoute, 500, { trailing: true })
     this.init()
     this.offlineHandler = Vue.connector.socket.on('offline', () => {
       this.$store.commit(`${this.moduleName}/setOffline`)

src/components/intervals/Index.vue

@@ -34,6 +34,7 @@
 <script>
 import { VirtualScrollList, intervalsModule } from 'qvirtualscroll'
 import Vue from 'vue'
+import debounce from 'lodash/debounce'
 import { copyToClipboard } from 'quasar'
 import MessagesListItem from './MessagesListItem.vue'
 import EmptyPane from '../EmptyPane'
@@ -586,6 +587,7 @@ export default {
     }
   },
   created () {
+    this.updateMessagesRoute = debounce(this.updateMessagesRoute, 500, { trailing: true })
     this.init()
     this.offlineHandler = Vue.connector.socket.on('offline', () => {
       this.$store.commit(`${this.moduleName}/setOffline`)

src/components/logs/Index.vue

@@ -38,6 +38,7 @@
 
 <script>
 import { date, copyToClipboard } from 'quasar'
+import debounce from 'lodash/debounce'
 import { VirtualScrollList, logsModule } from 'qvirtualscroll'
 import ItemMixin from './ItemMixin'
 import Vue from 'vue'
@@ -607,6 +608,7 @@ export default {
     }
   },
   created () {
+    this.updateMessagesRoute = debounce(this.updateMessagesRoute, 500, { trailing: true })
     this.init()
     this.offlineHandler = Vue.connector.socket.on('offline', () => {
       this.$store.commit(`${this.moduleName}/setOffline`)

src/components/messages/channels/Index.vue

@@ -40,6 +40,7 @@
 import { VirtualScrollList, channelsMessagesModuleSerial } from 'qvirtualscroll'
 import Vue from 'vue'
 import { copyToClipboard } from 'quasar'
+import debounce from 'lodash/debounce'
 import MessagesListItem from './MessagesListItem.vue'
 import EmptyPane from '../../EmptyPane'
 import actions from '../../../mixins/actions'
@@ -593,6 +594,7 @@ export default {
     }
   },
   created () {
+    this.updateMessagesRoute = debounce(this.updateMessagesRoute, 500, { trailing: true })
     this.init()
     this.offlineHandler = Vue.connector.socket.on('offline', () => {
       this.$store.commit(`${this.moduleName}/setOffline`)

src/components/messages/devices/Index.vue

@@ -42,7 +42,7 @@ import Vue from 'vue'
 import { copyToClipboard } from 'quasar'
 import EmptyPane from '../../EmptyPane'
 import MessagesListItem from './MessagesListItem.vue'
-import get from 'lodash/get'
+import debounce from 'lodash/debounce'
 import actions from '../../../mixins/actions'
 import routerProcess from '../../../mixins/routerProcess'
 import { ACTION_MODE_MULTI, ACTION_MODE_SINGLE } from '../../../config'
@@ -590,6 +590,7 @@ export default {
     }
   },
   created () {
+    this.updateMessagesRoute = debounce(this.updateMessagesRoute, 500, { trailing: true })
     this.init()
     this.offlineHandler = Vue.connector.socket.on('offline', () => {
       this.$store.commit(`${this.moduleName}/setOffline`)