From 37c1298debc4867700511582678ed3b52fa5b1e9 Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Mon, 20 Oct 2025 10:34:23 +0300
Subject: [PATCH] feat: add getLoginFormConfig function to the coreStore to
 fetch login form configuration and use it on login page

---
 adminforth/spa/src/stores/core.ts      |  8 ++++++++
 adminforth/spa/src/views/LoginView.vue | 15 +++------------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/adminforth/spa/src/stores/core.ts b/adminforth/spa/src/stores/core.ts
index d77d6bff4..30e5c6319 100644
--- a/adminforth/spa/src/stores/core.ts
+++ b/adminforth/spa/src/stores/core.ts
@@ -198,6 +198,13 @@ export const useCoreStore = defineStore('core', () => {
     config.value = {...config.value, ...res};
   }
 
+  async function getLoginFormConfig() {
+    const res = await callAdminForthApi({
+      path: '/get_login_form_config',
+      method: 'GET',
+    });
+    config.value = {...config.value, ...res};
+  }
 
   const username = computed(() => {
     const usernameField = config.value?.usernameField;
@@ -218,6 +225,7 @@ export const useCoreStore = defineStore('core', () => {
     userFullname,
     getPublicConfig,
     fetchMenuAndResource, 
+    getLoginFormConfig,
     fetchRecord, 
     record, 
     fetchResourceFull, 
diff --git a/adminforth/spa/src/views/LoginView.vue b/adminforth/spa/src/views/LoginView.vue
index c2fe040c5..eb21391be 100644
--- a/adminforth/spa/src/views/LoginView.vue
+++ b/adminforth/spa/src/views/LoginView.vue
@@ -93,14 +93,14 @@
                           @update:disableLoginButton="setDisableLoginButton($event)"
                         />
                         
-                        <div v-if="loginPromptHTML"
+                        <div v-if="coreStore.config?.loginPromptHTML"
                           class="flex items-center p-4 mb-4 text-sm text-lightLoginViewPromptText rounded-lg bg-lightLoginViewPromptBackground dark:bg-darkLoginViewPromptBackground dark:text-darkLoginViewPromptText" role="alert"
                         >
                           <svg class="flex-shrink-0 inline w-4 h-4 me-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                             <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
                           </svg>
                           <span class="sr-only">{{ $t('Info') }}</span>
-                          <div v-html="loginPromptHTML"></div>
+                          <div v-html="coreStore.config?.loginPromptHTML"></div>
                         </div>
                         <Button @click="login" :loader="inProgress" :disabled="inProgress || disableLoginButton" class="w-full">
                           {{ $t('Login to your account') }}
@@ -146,7 +146,6 @@ const password = ref('');
 const route = useRoute();
 const router = useRouter();
 const inProgress = ref(false);
-const loginPromptHTML = ref()
 const coreStore = useCoreStore();
 const user = useUserStore();
 
@@ -160,14 +159,6 @@ const backgroundPosition = computed(() => {
 });
 
 
-async function getLoginFormConfig() {
-  const response = await callAdminForthApi({
-    path: '/get_login_form_config',
-    method: 'GET',
-  });
-  loginPromptHTML.value = response.loginPromptHTML;
-}
-
 onBeforeMount(() => {
   if (localStorage.getItem('isAuthorized') === 'true') {
     // if route has next param, redirect
@@ -181,7 +172,7 @@ onBeforeMount(() => {
 })
 
 onMounted(async () => {
-  getLoginFormConfig();
+  coreStore.getLoginFormConfig();
     if (coreStore.config?.demoCredentials) {
       const [demoUsername, demoPassword] = coreStore.config.demoCredentials.split(':');
       username.value = demoUsername;