Social: Disable social UI when social.allow_social_tool is false (menu + home) - refs BT#22918

assets/vue/composables/sidebarMenu.js

@@ -13,6 +13,9 @@ export function useSidebarMenu() {
   const platformConfigStore = usePlatformConfig()
   const enrolledStore = useEnrolledStore()
   const { items: socialItems } = useSocialMenuItems()
+
+  const allowSocialTool = computed(() => platformConfigStore.getSetting("social.allow_social_tool") !== "false")
+
   const showTabs = computed(() => {
     const defaultTabs = platformConfigStore.getSetting("platform.show_tabs") || []
     const tabsPerRoleJson = platformConfigStore.getSetting("platform.show_tabs_per_role") || ""
@@ -183,30 +186,32 @@ export function useSidebarMenu() {
     }
 
     if (showTabs.value.indexOf("social") > -1) {
-      const styledSocialItems = socialItems.value.map((item) => {
-        const newItem = {
-          ...item,
-          class: `${isActive(item) ? "p-focus" : ""} pl-4`,
-          icon: item.icon ? item.icon : undefined,
-        }
-
-        if (newItem.isLink && newItem.route) {
-          newItem.url = newItem.route
-        } else if (newItem.route) {
-          // nothing to do
-        } else if (newItem.link) {
-          newItem.url = newItem.link
-        }
-
-        return newItem
-      })
+      if (allowSocialTool.value) {
+        const styledSocialItems = socialItems.value.map((item) => {
+          const newItem = {
+            ...item,
+            class: `${isActive(item) ? "p-focus" : ""} pl-4`,
+            icon: item.icon ? item.icon : undefined,
+          }
+
+          if (newItem.isLink && newItem.route) {
+            newItem.url = newItem.route
+          } else if (newItem.route) {
+            // nothing to do
+          } else if (newItem.link) {
+            newItem.url = newItem.link
+          }
+
+          return newItem
+        })
 
-      items.push({
-        icon: "mdi mdi-sitemap-outline",
-        label: t("Social network"),
-        items: styledSocialItems,
-        expanded: isActive({ items: styledSocialItems }),
-      })
+        items.push({
+          icon: "mdi mdi-sitemap-outline",
+          label: t("Social network"),
+          items: styledSocialItems,
+          expanded: isActive({ items: styledSocialItems }),
+        })
+      }
     }
 
     if (

assets/vue/views/account/Home.vue

@@ -3,20 +3,29 @@
     <div class="md:basis-1/3 lg:basis-1/4 2xl:basis-1/6 flex flex-col">
       <UserProfileCard />
     </div>
-    <div class="md:basis-2/3 lg:basis-3/4 2xl:basis-5/6">
+
+    <div
+      v-if="allowSocialTool"
+      class="md:basis-2/3 lg:basis-3/4 2xl:basis-5/6"
+    >
       <SocialWall :hidePostForm="true" />
     </div>
   </div>
 </template>
 
 <script setup>
-import { onMounted, provide } from "vue"
+import { onMounted, provide, computed } from "vue"
 import UserProfileCard from "../../components/social/UserProfileCard.vue"
 import { useSocialInfo } from "../../composables/useSocialInfo"
 import SocialWall from "../social/SocialWall.vue"
+import { usePlatformConfig } from "../../store/platformConfig"
 
-const { user, isCurrentUser, groupInfo, isGroup, loadUser } = useSocialInfo()
+const platformConfigStore = usePlatformConfig()
+const allowSocialTool = computed(() =>
+  platformConfigStore.getSetting("social.allow_social_tool") !== "false"
+)
 
+const { user, isCurrentUser, groupInfo, isGroup, loadUser } = useSocialInfo()
 provide("social-user", user)
 provide("is-current-user", isCurrentUser)
 provide("group-info", groupInfo)

src/CoreBundle/Controller/PlatformConfigurationController.php

@@ -137,6 +137,7 @@ public function list(SettingsManager $settingsManager): Response
                 'course.hide_scorm_pdf_link',
                 'platform.table_default_row',
                 'platform.table_row_list',
+                'social.allow_social_tool',
             ];
 
             $user = $this->userHelper->getCurrent();