User: Hide Registration link and button based on allow_registration setting - refs BT#22225

assets/vue/components/Login.vue

@@ -49,6 +49,7 @@
         />
 
         <a
+          v-if="allowRegistration"
           v-t="'Register oneself'"
           class="btn btn--primary-outline"
           href="/main/auth/inscription.php"
@@ -72,7 +73,7 @@
 </template>
 
 <script setup>
-import { ref } from "vue"
+import { ref, computed } from "vue"
 import Button from "primevue/button"
 import InputText from "primevue/inputtext"
 import Password from "primevue/password"
@@ -80,8 +81,11 @@ import InputSwitch from "primevue/inputswitch"
 import { useI18n } from "vue-i18n"
 import { useLogin } from "../composables/auth/login"
 import ExternalLoginButtons from "./login/LoginExternalButtons.vue"
+import { usePlatformConfig } from "../store/platformConfig"
 
 const { t } = useI18n()
+const platformConfigStore = usePlatformConfig()
+const allowRegistration = computed(() => "false" !== platformConfigStore.getSetting("registration.allow_registration"))
 
 const { redirectNotAuthenticated, performLogin, isLoading } = useLogin()
 

assets/vue/components/layout/TopbarNotLoggedIn.vue

@@ -15,6 +15,7 @@ import { useI18n } from "vue-i18n"
 import { useRouter } from "vue-router"
 import { useLocale } from "../../composables/locale"
 import PlatformLogo from "./PlatformLogo.vue"
+import {usePlatformConfig} from "../../store/platformConfig"
 
 const { t } = useI18n()
 const router = useRouter()
@@ -27,7 +28,11 @@ const languageItems = languageList.map((language) => ({
   command: (event) => reloadWithLocale(event.item.isoCode),
 }))
 
-const menuItems = computed(() => [
+const platformConfigStore = usePlatformConfig()
+const allowRegistration = computed(() => "false" !== platformConfigStore.getSetting("registration.allow_registration"))
+
+const menuItems = computed(() => {
+  const items = [
     {
       label: t("Home"),
       url: router.resolve({ name: "Index" }).href,
@@ -36,10 +41,6 @@ const menuItems = computed(() => [
       label: t("FAQ"),
       url: router.resolve({ name: "Faq" }).href,
     },
-  {
-    label: t("Registration"),
-    url: "/main/auth/inscription.php",
-  },
     {
       label: t("Demo"),
       url: router.resolve({ name: "Demo" }).href,
@@ -53,5 +54,16 @@ const menuItems = computed(() => [
       label: currentLanguageFromList.originalName,
       items: languageItems,
     },
-])
+  ]
+
+  if (allowRegistration.value) {
+    items.splice(2, 0, {
+      label: t("Registration"),
+      url: "/main/auth/inscription.php",
+    })
+  }
+
+  console.log("Menu Items:", items)
+  return items
+})
 </script>

src/CoreBundle/Controller/PlatformConfigurationController.php

@@ -45,6 +45,9 @@ class PlatformConfigurationController extends AbstractController
             'visual_theme' => $this->themeHelper->getVisualTheme(),
             'external_authentication' => $this->authenticationConfigHelper->getEnabledProviders(),
         ];
+
+        $configuration['settings']['registration.allow_registration'] = $settingsManager->getSetting('registration.allow_registration', true);
+
         $variables = [];
 
         if ($this->isGranted('ROLE_USER')) {

var/vue_templates/components/SidebarLogin.vue

@@ -1,11 +1,12 @@
 <script setup>
-import { ref } from "vue"
+import {computed, ref} from "vue"
 import { useI18n } from "vue-i18n"
 import InputText from "primevue/inputtext"
 import Password from "primevue/password"
 import Button from "primevue/button"
 import InputSwitch from "primevue/inputswitch"
 import { useLogin } from "../../../assets/vue/composables/auth/login"
+import {usePlatformConfig} from "../../../assets/vue/store/platformConfig"
 
 const { t } = useI18n()
 
@@ -15,6 +16,9 @@ const login = ref("")
 const password = ref("")
 const remember = ref(false)
 
+const platformConfigStore = usePlatformConfig()
+const allowRegistration = computed(() => "false" !== platformConfigStore.getSetting("registration.allow_registration"))
+
 function onSubmitLoginForm() {
   performLogin({
     login: login.value,
@@ -74,6 +78,7 @@ function onSubmitLoginForm() {
         />
 
         <a
+          v-if="allowRegistration"
           v-t="'Register oneself'"
           class="btn btn--primary-outline"
           href="/main/auth/inscription.php"

var/vue_templates/components/layout/SidebarNotLoggedIn.vue

@@ -7,6 +7,7 @@ import Dropdown from "primevue/dropdown"
 import SidebarLogin from "../SidebarLogin.vue"
 import PageList from "../../../../assets/vue/components/page/PageList.vue"
 import { useLocale } from "../../../../assets/vue/composables/locale"
+import { usePlatformConfig } from "../../../../assets/vue/store/platformConfig"
 
 const { t } = useI18n()
 const router = useRouter()
@@ -22,7 +23,12 @@ const languageItems = languageList.map((language) => ({
   isoCode: language.isocode,
 }))
 
-const menuItems = computed(() => [
+const platformConfigStore = usePlatformConfig()
+const allowRegistration = computed(() => "false" !== platformConfigStore.getSetting("registration.allow_registration"))
+
+
+const menuItems = computed(() => {
+  const items = [
     {
       label: t("Home"),
       url: router.resolve({ name: "Index" }).href,
@@ -36,10 +42,6 @@ const menuItems = computed(() => [
         },
       ],
     },
-  {
-    label: t("Registration"),
-    url: "/main/auth/inscription.php",
-  },
     {
       label: t("Demo"),
       url: router.resolve({ name: "Demo" }).href,
@@ -52,7 +54,17 @@ const menuItems = computed(() => [
       label: t("Contact"),
       url: "/contact",
     },
-])
+  ]
+
+  if (allowRegistration.value) {
+    items.splice(2, 0, {
+      label: t("Registration"),
+      url: "/main/auth/inscription.php",
+    })
+  }
+
+  return items
+})
 
 const sidebarIsOpen = ref(window.localStorage.getItem("sidebarIsOpen") === "true")