Use platformConfig store

assets/js/translatehtml.js

@@ -1,12 +1,14 @@
 /* For licensing terms, see /license.txt */
 
+import { usePlatformConfig } from "../vue/store/platformConfig";
+
 export default function translateHtml() {
+  const platformConfigStore = usePlatformConfig();
+
   if (
     window.user &&
     window.user.locale &&
-    window.config &&
-    window.config["editor.translate_html"] &&
-    "true" === window.config["editor.translate_html"]
+    "true" === platformConfigStore.getSetting("editor.translate_html")
   ) {
     var isoCode = window.user.locale;
     const translateElement = document.querySelector(".mce-translatehtml");

assets/vue/components/ctoolintro/Form.vue

@@ -32,8 +32,7 @@
 <script>
 import useVuelidate from "@vuelidate/core";
 import { ref } from "vue";
-import isEmpty from "lodash/isEmpty";
-
+import { usePlatformConfig } from "../../store/platformConfig";
 export default {
   name: "ToolIntroForm",
   props: {
@@ -51,14 +50,12 @@ export default {
     },
   },
   setup() {
-    const config = ref([]);
     const extraPlugins = ref("");
 
-    if (!isEmpty(window.config)) {
-      config.value = window.config;
-      if (config.value["editor.translate_html"]) {
-        extraPlugins.value = "translatehtml";
-      }
+    const platformConfigStore = usePlatformConfig();
+
+    if ("true" === platformConfigStore.getSetting("editor.translate_html")) {
+      extraPlugins.value = "translatehtml";
     }
 
     return { v$: useVuelidate(), extraPlugins };

assets/vue/components/documents/FormNewDocument.vue

@@ -50,7 +50,7 @@
 import useVuelidate from "@vuelidate/core";
 import { required } from "@vuelidate/validators";
 import { ref } from "vue";
-import isEmpty from "lodash/isEmpty";
+import { usePlatformConfig } from "../../store/platformConfig";
 
 export default {
   name: "DocumentsForm",
@@ -69,14 +69,11 @@ export default {
     },
   },
   setup() {
-    const config = ref([]);
+    const platformConfigStore = usePlatformConfig();
     const extraPlugins = ref("");
 
-    if (!isEmpty(window.config)) {
-      config.value = window.config;
-      if (config.value["editor.translate_html"]) {
-        extraPlugins.value = "translatehtml";
-      }
+    if ("true" === platformConfigStore.getSetting("editor.translate_html")) {
+      extraPlugins.value = "translatehtml";
     }
 
     return { v$: useVuelidate(), extraPlugins };

assets/vue/components/layout/Topbar.vue

@@ -1,10 +1,6 @@
 <template>
   <TopbarNotLoggedIn v-if="!isAuthenticated" />
-  <TopbarLoggedIn
-    v-if="isAuthenticated"
-    :current-user="currentUser"
-    :platform-settings="platformSettings"
-  />
+  <TopbarLoggedIn v-if="isAuthenticated" :current-user="currentUser" />
 </template>
 
 <script setup>
@@ -16,8 +12,6 @@ import { computed } from "vue";
 
 const store = useStore();
 
-const platformSettings = window.config;
-
 const isAuthenticated = computed(
   () => store.getters["security/isAuthenticated"]
 );

assets/vue/components/layout/TopbarLoggedIn.vue

@@ -50,6 +50,7 @@ import { useRoute } from "vue-router";
 import MegaMenu from "primevue/megamenu";
 import Avatar from "primevue/avatar";
 import Menu from "primevue/menu";
+import { usePlatformConfig } from "../../store/platformConfig";
 
 // eslint-disable-next-line no-undef
 const props = defineProps({
@@ -57,14 +58,12 @@ const props = defineProps({
     required: true,
     type: Object,
   },
-  platformSettings: {
-    required: true,
-    type: Object,
-  },
 });
 
 const route = useRoute();
 
+const platformConfigStore = usePlatformConfig();
+
 const menuItems = ref([
   {
     label: "Tickets",
@@ -81,7 +80,7 @@ const menuItems = ref([
     })(),
     visible:
       "true" !==
-      props.platformSettings["display.show_link_ticket_notification"],
+      platformConfigStore.getSetting("display.show_link_ticket_notification"),
     items: [],
   },
   {

assets/vue/components/social/Actions.vue

@@ -41,6 +41,7 @@
 <script>
 import { reactive, ref } from "vue";
 import axios from "axios";
+import { usePlatformConfig } from "../../store/platformConfig";
 
 export default {
   name: "WallActions",
@@ -56,6 +57,8 @@ export default {
   },
   emits: ["post-deleted"],
   setup(props, { emit }) {
+    const platformConfigStore = usePlatformConfig();
+
     const isLoading = reactive({
       like: false,
       dislike: false,
@@ -95,12 +98,12 @@ export default {
         .finally(() => (isLoading.delete = false));
     }
 
-    const enableFeedback = ref(
-      window.config["social.social_enable_messages_feedback"] === "true"
-    );
-    const disableDislike = ref(
-      window.config["social.disable_dislike_option"] === "true"
-    );
+    const enableFeedback =
+      "true" ===
+      platformConfigStore.getSetting("social.social_enable_messages_feedback");
+    const disableDislike =
+      "true" ===
+      platformConfigStore.getSetting("social.disable_dislike_option");
 
     return {
       enableFeedback,

assets/vue/views/ccalendarevent/List.vue

@@ -99,6 +99,7 @@ import { useI18n } from "vue-i18n";
 import axios from "axios";
 import { useConfirm } from "primevue/useconfirm";
 import { useAbbreviatedDatetime } from "../../composables/formatDate.js";
+import { usePlatformConfig } from "../../store/platformConfig";
 
 import Loading from "../../components/Loading.vue";
 import FullCalendar from "@fullcalendar/vue3";
@@ -117,6 +118,7 @@ import { useToast } from "primevue/usetoast";
 const store = useStore();
 const route = useRoute();
 const confirm = useConfirm();
+const platformConfigStore = usePlatformConfig();
 
 const item = ref({});
 const dialog = ref(false);
@@ -172,7 +174,9 @@ async function getCalendarEvents({ startStr, endStr }) {
 async function getSessions({ startStr, endStr }) {
   if (
     "true" !==
-    window.config["agenda.personal_calendar_show_sessions_occupation"]
+    platformConfigStore.getSetting(
+      "agenda.personal_calendar_show_sessions_occupation"
+    )
   ) {
     return [];
   }