From 901a0b63ae88b63ce721a92fa22e844b62218456 Mon Sep 17 00:00:00 2001
From: jean-baptiste-perez-bib <jean-baptiste.perez_ext@michelin.com>
Date: Wed, 8 Jan 2025 14:51:34 +0100
Subject: [PATCH] Add a banner when displaying processing timeline events

---
 .../src/components/Explore/EventList.vue      | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/timesketch/frontend-ng/src/components/Explore/EventList.vue b/timesketch/frontend-ng/src/components/Explore/EventList.vue
index caa5824be9..34f0997caa 100644
--- a/timesketch/frontend-ng/src/components/Explore/EventList.vue
+++ b/timesketch/frontend-ng/src/components/Explore/EventList.vue
@@ -15,6 +15,15 @@ limitations under the License.
 -->
 <template>
   <div>
+    <v-alert
+      v-model="showBanner"
+      dense
+      dismissible
+      type="info"
+    >
+      Processing timelines can be enabled but their events may be incomplete.
+    </v-alert>
+
     <v-dialog v-model="exportDialog" width="700">
       <v-card flat class="pa-5">
         <v-progress-circular indeterminate size="20" width="1"></v-progress-circular>
@@ -581,6 +590,7 @@ export default {
       showHistogram: false,
       branchParent: null,
       sortOrderAsc: true,
+      showBanner: false,
     }
   },
   computed: {
@@ -873,6 +883,7 @@ export default {
         .then((response) => {
           this.eventList.objects = response.data.objects
           this.eventList.meta = response.data.meta
+          this.updateShowBanner()
           this.searchInProgress = false
           EventBus.$emit('updateCountPerTimeline', response.data.meta.count_per_timeline)
           this.$emit('countPerTimeline', response.data.meta.count_per_timeline)
@@ -1026,6 +1037,15 @@ export default {
         })
         .catch((e) => {})
     },
+    updateShowBanner: function() {
+      // Show banner only when processing timelines are enabled and at
+      // least one enabled timeline is the "processing" state.
+      this.showBanner =
+        this.settings.showProcessingTimelineEvents &&
+        this.$store.state.sketch.active_timelines
+          .filter(tl => tl.id in this.$store.state.enabledTimelines)
+          .some(tl => tl.status && tl.status[0].status === 'processing')
+    },
   },
   watch: {
     tableOptions: {
@@ -1065,6 +1085,11 @@ export default {
       },
       deep: true,
     },
+    'settings.showProcessingTimelineEvents': {
+      handler() {
+        this.updateShowBanner()
+      },
+    },
   },
   created() {
     if (Object.keys(this.queryRequest).length) {