From 2711113a69a974d70f7c6c55a10c059e429e64d4 Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Thu, 18 Jul 2024 11:43:08 +0200
Subject: [PATCH] solves column title race condition

---
 .../Cis/ProfilUpdate/ProfilUpdateView.js      | 26 +++++++++++--------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js b/public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js
index 66420b81a..bf20c1805 100644
--- a/public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js
+++ b/public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js
@@ -45,8 +45,11 @@ export default {
       events: [],
       profil_update_id: Number(this.id),
 
-      // tabulator options
-      profil_updates_table_options: {
+  };
+  },
+  computed:{
+    profilUpdateOptions: function(){
+      return {
         ajaxURL:
           FHC_JS_DATA_STORAGE_OBJECT.app_root +
           FHC_JS_DATA_STORAGE_OBJECT.ci_router +
@@ -187,7 +190,7 @@ export default {
 
         columns: [
           {
-            title: Vue.computed(() => this.$p.t("profilUpdate", "UID")),
+            title: this.$p.t("profilUpdate", "UID"),
             field: "uid",
             minWidth: 200,
             resizable: true,
@@ -195,7 +198,7 @@ export default {
             //responsive:0,
           },
           {
-            title: Vue.computed(() => this.$p.t("profilUpdate", "Name")),
+            title: this.$p.t("profilUpdate", "Name"),
             field: "name",
             minWidth: 200,
             resizable: true,
@@ -203,7 +206,7 @@ export default {
             //responsive:0,
           },
           {
-            title: Vue.computed(() => this.$p.t("profilUpdate", "Topic")),
+            title: this.$p.t("profilUpdate", "Topic"),
             field: "topic",
             resizable: true,
             minWidth: 200,
@@ -211,7 +214,7 @@ export default {
             //responsive:0,
           },
           {
-            title: Vue.computed(() => this.$p.t("profilUpdate", "insertamum")),
+            title: this.$p.t("profilUpdate", "insertamum"),
             field: "insertamum",
             resizable: true,
             headerFilter: true,
@@ -219,7 +222,7 @@ export default {
             //responsive:0,
           },
           {
-            title: Vue.computed(() => this.$p.t("profilUpdate", "Status")),
+            title: this.$p.t("profilUpdate", "Status"),
             field: "status_translated",
             hozAlign: "center",
             headerFilter: true,
@@ -245,7 +248,7 @@ export default {
             //responsive:0,
           },
           {
-            title: Vue.computed(() => this.$p.t("profilUpdate", "actions")),
+            title: this.$p.t("profilUpdate", "actions"),
             headerSort: false,
             formatter: (cell, params) => {
               let STATUS_PENDING =
@@ -293,8 +296,9 @@ export default {
             hozAlign: "center",
           },
         ],
-      },
-    };
+      };
+    }
+    
   },
   methods: {
     denyProfilUpdate: function (data) {
@@ -409,7 +413,7 @@ export default {
     </div>
     <loading ref="loadingModalRef" :timeout="0"></loading>
     
-    <core-filter-cmpt v-if="profilUpdateStates && categoryLoaded" :title="$p.t('profilUpdate','profilUpdateRequests')"  ref="UpdatesTable" :tabulatorEvents="events" :tabulator-options="profil_updates_table_options" tableOnly :sideMenu="false" />
+    <core-filter-cmpt v-if="profilUpdateStates && categoryLoaded" :title="$p.t('profilUpdate','profilUpdateRequests')"  ref="UpdatesTable" :tabulatorEvents="events" :tabulator-options="profilUpdateOptions" tableOnly :sideMenu="false" />
 
     </div>`,
 };