Vue migration build

timesketch/frontend-ng/src/components/Analyzer/TimelineSearch.vue

@@ -36,21 +36,19 @@ limitations under the License.
  <template v-slot:selection="data">
  <ts-analyzer-timeline-chip
  class="mr-1"
- :timeline="data.item"
+ :timeline="data.item.raw"
  :close="true"
  @click:close="remove(data.item)"
  ></ts-analyzer-timeline-chip>
  </template>
  <template v-slot:item="data">
-
  <div>
  <ts-analyzer-timeline-chip
- :timeline="data.item"
- :close="selectedTimelines.includes(data.item.id)"
- @click:close="remove(data.item)"
+ :timeline="data.item.raw"
+ :close="selectedTimelines.includes(data.item.raw.id)"
+ @click:close="remove(data.item.raw)"
  ></ts-analyzer-timeline-chip>
  </div>
-
  </template>
  </v-autocomplete>
  </div>

timesketch/frontend-ng/src/components/Explore/EventList.vue

@@ -254,7 +254,7 @@ limitations under the License.
 
  <v-spacer></v-spacer>
 
- <v-data-footer
+ <v-data-table-footer
  v-if="totalHits > 11 && !disablePagination"
  :pagination="pagination"
  :options="options"
@@ -264,7 +264,7 @@ limitations under the License.
  items-per-page-text="Rows per page:"
  style="border: 0"
  class="mr-n3"
- ></v-data-footer>
+ ></v-data-table-footer>
  </v-toolbar>
 
  <v-card v-if="showHistogram" variant="outlined" class="my-3">

timesketch/frontend-ng/src/components/Explore/TimelineComponent.vue

@@ -311,7 +311,7 @@ const gradients = [
 ]
 
 export default {
- props: ['timeline', 'eventsCount', 'isSelected', 'isEmptyState'],
+ props: ['timeline', 'isSelected'],
  data() {
  return {
  autoRefresh: false,
@@ -320,7 +320,6 @@ export default {
  dialogStatus: false,
  dialogRename: false,
  datasources: [],
- timelineStatus: null,
  eventsPerSecond: [],
  newTimelineName: [...this.timeline.name],
  sparkline: {
@@ -393,6 +392,14 @@ export default {
  }
  return this.timeline.color
  },
+ timelineStatus() {
+
+ const statusArr = this.timeline.status
+ if (statusArr && statusArr[0]) {
+ return statusArr[0].status
+ }
+ return undefined
+ }
  },
  methods: {
  openDialog() {
@@ -502,8 +509,6 @@ export default {
  },
  },
  created() {
- // TODO: Move to computed
- this.timelineStatus = this.timeline.status[0].status
 
  this.datasources = this.timeline.datasources
  const timelineStat = this.meta.stats_per_timeline[this.timeline.id]

timesketch/frontend-ng/src/components/Explore/TimelinePicker.vue

@@ -182,10 +182,12 @@ export default {
  EventBus.$on('isDarkTheme', this.toggleTheme)
  },
  watch: {
- 'currentQueryFilter.indices'(val) {
- this.syncSelectedTimelines()
- },
- deep: true,
+ 'currentQueryFilter.indices': {
+ handler(val) {
+ this.syncSelectedTimelines()
+ },
+ deep: true,
+ }
  },
 }
 </script>

timesketch/frontend-ng/src/views/Explore.vue

@@ -93,7 +93,7 @@ limitations under the License.
  <v-slider
  v-model="zoomLevel"
  thumb-label
- ticks
+ show-ticks
  append-icon="mdi-magnify-plus-outline"
  prepend-icon="mdi-magnify-minus-outline"
  min="0.1"