Merge branch 'modular' of https://get.feep.ir/khaneghi_abshodeh/khaneghi_user into modular

Integrate remote logo changes with local SSE and wallet assets work.

src/utils/config.ts

@@ -13,6 +13,7 @@ import bazretalaLoginLogo from '@/assets/img/bazretala-login-logo.png'
 import bazretalaNavLogo from '@/assets/img/bazretala-nav-logo.png'
 import bazretalaFundBg from '@/assets/img/bazretala-fund-bg.png'
 import bazretalaEmptyFund from '@/assets/img/bazretala-empty-fund.png'
+import soroushgoldLoginLogo from '@/assets/img/soroushgold-login-logo.png'
 
 export function getConfigApp(key: string) {
   const config = window.__APP_CONFIG__ ? window.__APP_CONFIG__.user:{}
@@ -31,6 +32,10 @@ export function isBazretalaProject() {
   return getConfigApp('name') === 'bazretala'
 }
 
+export function isSoroushgoldProject() {
+  return getConfigApp('name') === 'soroushgold'
+}
+
 export function getBoursecuTransactionsIcon() {
   return boursecuTransactionsIcon
 }
@@ -116,6 +121,14 @@ export function resolveProjectColor(color?: string | null) {
   return color
 }
 
+/** لوگوی پنل برند لاگین دسکتاپ — فقط soroushgold لوگوی اختصاصی دارد */
+export function getProjectDesktopLoginBrandLogo(avatar?: string | null) {
+  if (isSoroushgoldProject()) {
+    return soroushgoldLoginLogo
+  }
+  return getProjectSplashLogo(avatar)
+}
+
 export function getProjectLoginLogo(avatar?: string | null) {
   if (isBoursecuProject()) {
     return boursecuLoginLogo
@@ -149,6 +162,9 @@ export function getProjectMobileNavLogo(avatar?: string | null) {
   if (isBoursecuProject()) {
     return boursecuLoginLogo
   }
+  if (isSoroushgoldProject()) {
+    return soroushgoldLoginLogo
+  }
   return getProjectNavLogo(avatar)
 }
 

src/views/login/desktop/components/DesktopAuthShell.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="dauth" :class="{ 'dauth--boursecu': isBoursecu }">
     <div class="dauth__layout">
-      <aside class="dauth-brand" :class="{ 'dauth-brand--boursecu': isBoursecu }">
+      <aside
+          class="dauth-brand"
+          :class="{
+            'dauth-brand--boursecu': isBoursecu,
+            'dauth-brand--soroushgold': isSoroushgold,
+          }"
+      >
         <div class="dauth-brand__pattern" />
         <div class="dauth-brand__content">
           <img
@@ -37,18 +43,20 @@ import pkg from '../../../../../package.json'
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 import { useConfigStore } from '@/store/configStore'
 import {
+  getProjectDesktopLoginBrandLogo,
   getProjectLoginTaglineLines,
-  getProjectSplashLogo,
   hasCustomLoginLogoLayout,
   isBoursecuProject,
+  isSoroushgoldProject,
 } from '@/utils/config'
 
 const config = useConfigStore()
 const isBoursecu = isBoursecuProject()
-const hasCustomLayout = hasCustomLoginLogoLayout()
+const isSoroushgold = isSoroushgoldProject()
+const hasCustomLayout = hasCustomLoginLogoLayout() || isSoroushgold
 const version = pkg.version
 
-const logo = computed(() => getProjectSplashLogo(config.config?.avatar))
+const logo = computed(() => getProjectDesktopLoginBrandLogo(config.config?.avatar))
 
 const taglineLines = computed(() => getProjectLoginTaglineLines())
 const tagline = computed(() => {

src/views/login/desktop/styles/desktop-auth.less

@@ -34,6 +34,15 @@
     }
   }
 
+  &--soroushgold {
+    .dauth-brand__logo {
+      max-width: 220px;
+      max-height: 220px;
+      width: min(100%, 220px);
+      object-fit: contain;
+    }
+  }
+
   &__pattern {
     position: absolute;
     inset: 0;