diff --git a/client/src/components/History/CurrentHistory/HistoryPanel.vue b/client/src/components/History/CurrentHistory/HistoryPanel.vue index 37462b9bf3a0..fa981e021666 100644 --- a/client/src/components/History/CurrentHistory/HistoryPanel.vue +++ b/client/src/components/History/CurrentHistory/HistoryPanel.vue @@ -206,6 +206,7 @@ export default { operationRunning: null, operationError: null, querySelectionBreak: false, + itemsLoaded: [], }; }, computed: { @@ -234,10 +235,6 @@ export default { isProcessing() { return this.operationRunning >= this.history.update_time; }, - /** @returns {Array} */ - itemsLoaded() { - return this.getHistoryItems(this.historyId, this.filterText); - }, /** @returns {Date} */ lastChecked() { const { getLastCheckedTime } = storeToRefs(useHistoryItemsStore()); @@ -346,7 +343,6 @@ export default { try { await this.fetchHistoryItems(this.historyId, this.filterText, this.offset); this.searchError = null; - this.loading = false; } catch (error) { if (error.response && error.response.data && error.response.data.err_msg) { console.debug("HistoryPanel - Load items error:", error.response.data.err_msg); @@ -354,6 +350,15 @@ export default { } else { console.debug("HistoryPanel - Load items error.", error); } + } finally { + this.itemsLoaded = this.getHistoryItems(this.historyId, this.filterText); + if (this.invisible) { + this.itemsLoaded.forEach((item) => { + if (this.invisible[item.hid]) { + Vue.set(this.invisible, item.hid, false); + } + }); + } this.loading = false; } },