From aeef2f9852feadd5b60f8781bacc7967550913ed Mon Sep 17 00:00:00 2001
From: Erki Aas <eaas@k-space.ee>
Date: Tue, 15 Nov 2022 19:06:33 +0200
Subject: [PATCH] Resize grid columns when window is resized

---
 src/components/LogViewer.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/LogViewer.vue b/src/components/LogViewer.vue
index 8008839..fe9e44f 100644
--- a/src/components/LogViewer.vue
+++ b/src/components/LogViewer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="height: 100%; width: 100%;">
+  <div style="height: 100%; width: 100%;" v-resize="onResize">
    <v-row no-gutters>
      <v-col cols="12" sm="5" class="d-flex justify-start flex-wrap">
        <Datepicker class="ma-2" :refresh="refreshFilterState" />
@@ -45,6 +45,7 @@ import "ag-grid-community/styles//ag-grid.css";
 import "ag-grid-community/styles//ag-theme-material.css";
 import { VBtn } from 'vuetify/components/VBtn'
 import { VRow, VCol } from 'vuetify/components/VGrid'
+import { Resize } from 'vuetify/directives';
 import ExamineLogModal from "./Modal/ExamineLogModal.vue";
 import ComboboxFilter from "./Grid/Main/Filter/ComboboxFilter.js";
 import ErrLevelRenderer from "./Grid/Main/ErrLevelRenderer";
@@ -65,6 +66,9 @@ export default {
     VRow,
     VCol
   },
+  directives: {
+    Resize
+  },
   data() {
     return {
       examineLogContent: null,
@@ -105,6 +109,11 @@ export default {
       setFilterQuery: 'setFilterQuery',
       toggleFilterQueryStreaming: 'toggleFilterQueryStreaming',
     }),
+    onResize () {
+      if (this.gridApi) {
+        this.gridApi.sizeColumnsToFit()
+      }
+    },
     refreshFilterState() {
       this.gridApi.onFilterChanged();
     },