Polish boursecu UX: branding logos, home price stats, assets, and desktop footer.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/base/home/composables/useHomePage.ts

@@ -5,7 +5,12 @@ import { useUserStore } from '@/store/userStore'
 import { useWalletStore } from '@/store/walletStore'
 import { useWalletAssets } from '@/composables/useWalletAssets'
 import type { WalletMetalTotal } from '@/models/walletAssets'
-import { formatMetalAssetsInfoText, formatRialAssetsInfoText, resolveAssetsRialValue } from '@/utils/productAssets'
+import {
+  formatBoursecuMetalModalText,
+  formatMetalAssetsInfoText,
+  formatRialAssetsInfoText,
+  resolveAssetsRialValue,
+} from '@/utils/productAssets'
 import { useConfigStore } from '@/store/configStore'
 import { getTradeBuyPrice, lastPrice, stopLastPricePolling } from '@/utils/price'
 import { getStoreClosedMessage, isStoreClosed } from '@/utils/storeHours'
@@ -36,7 +41,7 @@ export interface HomePageContext {
   setChartMetal: (metal: ChartMetalType) => void
   isBoursecuHomeLayout: ReturnType<typeof computed<boolean>>
   handleBannerClick: (banner: { typeClick?: string; modalText?: string; link?: string }) => void
-  openGoldModal: (metal: WalletMetalTotal) => void
+  openGoldModal: (metal: WalletMetalTotal, modalText?: string) => void
   openRialModal: () => void
 }
 
@@ -142,9 +147,15 @@ export function useHomePage() {
     window.location.reload()
   }
 
-  function openGoldModal(metal: WalletMetalTotal) {
+  function openGoldModal(metal: WalletMetalTotal, modalText?: string) {
+    const title =
+      modalText ??
+      (isBoursecuHomeLayout.value
+        ? formatBoursecuMetalModalText(metal)
+        : formatMetalAssetsInfoText(metal))
+
     Modal.confirm({
-      title: formatMetalAssetsInfoText(metal),
+      title,
       okText: 'متوجه شدم',
       centered: true,
       cancelButtonProps: { style: { display: 'none' } },

src/views/base/home/composables/useHomePageData.ts

@@ -21,8 +21,12 @@ export function isHomePageDataInitialized() {
 
 export async function initHomePageData(force = false) {
   if (!force && initialized.value) {
-    // Resume live price updates when returning to home without refetching datasets
     startLastPricePolling()
+
+    if (getHomeLayoutId() === 'boursecu') {
+      void loadHomeMaftolOffset(false)
+    }
+
     return
   }
 

src/views/base/home/composables/usePriceChart.ts

@@ -1,7 +1,7 @@
-import { ref, watch } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { getAllPrices } from '@/api/home'
 import type { Product } from '@/models/products'
-import { getProductsCatalog } from '@/composables/useProductsCatalog'
+import { getProductsCatalog, getProductsCatalogRef } from '@/composables/useProductsCatalog'
 import { getHomeLayoutId } from '../layouts/registry'
 import { getProductBuyPrice, resolvePriceOffsetRatio } from '@/utils/productPrice'
 import { isKatodMesGroup, isMaftolMesGroup } from '@/utils/productDealMethod'
@@ -19,7 +19,27 @@ const rawChartPoints = ref<ChartPoint[]>([])
 const chartSelection = ref('DAILY')
 const chartLoading = ref(false)
 const selectedChartMetal = ref<ChartMetalType>('katod')
-const maftolChartRatio = ref(0)
+const catalogProducts = getProductsCatalogRef()
+
+function resolveChartProducts(products: Product[]) {
+  return {
+    katod: findKatodProduct(products),
+    maftol: findMaftolProduct(products),
+  }
+}
+
+/** نسبت مفتول به کاتد — reactive به قیمت لحظه‌ای و کاتالوگ محصولات */
+const maftolChartRatio = computed(() => {
+  if (getHomeLayoutId() !== 'boursecu') {
+    return 0
+  }
+
+  // lastPrice را track کن تا بعد از polling نسبت به‌روز شود
+  void lastPrice.value?.price_last
+
+  const { katod, maftol } = resolveChartProducts(catalogProducts.value)
+  return deriveMaftolChartRatio(maftol, katod)
+})
 
 let chartFetchPromise: Promise<void> | null = null
 let chartInitialized = false
@@ -69,19 +89,25 @@ export function resolveMetalDayRangePrices(options: {
 }
 
 function deriveMaftolChartRatio(maftolProduct?: Product, katodProduct?: Product) {
-  const offsetRatio = resolvePriceOffsetRatio(maftolProduct?.price_offset_percent)
-  if (offsetRatio) {
-    return offsetRatio
+  const maftolOffset = resolvePriceOffsetRatio(maftolProduct?.price_offset_percent)
+  if (maftolOffset) {
+    return maftolOffset
   }
 
   if (!maftolProduct) {
     return 0
   }
 
-  const basePrice = getTradeBuyPrice(lastPrice.value)
-  const katodPrice = katodProduct ? getProductBuyPrice(katodProduct) : basePrice
-  const maftolPrice = getProductBuyPrice(maftolProduct)
-  const referencePrice = katodPrice || basePrice
+  const liveBuy = getTradeBuyPrice(lastPrice.value)
+  const katodLive = katodProduct ? getProductBuyPrice(katodProduct) : liveBuy
+  const maftolLive = getProductBuyPrice(maftolProduct)
+
+  // وقتی فروشگاه بسته است قیمت لحظه‌ای صفر می‌شود — از قیمت ثابت کاتالوگ استفاده کن
+  const katodStatic = Number(katodProduct?.price ?? 0) + Number(katodProduct?.price_profit ?? 0)
+  const maftolStatic = Number(maftolProduct.price ?? 0) + Number(maftolProduct.price_profit ?? 0)
+
+  const referencePrice = katodLive || liveBuy || katodStatic
+  const maftolPrice = maftolLive || maftolStatic
 
   if (!referencePrice || !maftolPrice || referencePrice === maftolPrice) {
     return 0
@@ -168,12 +194,11 @@ async function fetchPrices(force = false) {
 
 async function loadMaftolOffset(force = false) {
   if (getHomeLayoutId() !== 'boursecu') {
-    maftolChartRatio.value = 0
     syncChartSeries()
     return
   }
 
-  if (!force && maftolOffsetLoaded) {
+  if (!force && maftolOffsetLoaded && catalogProducts.value.length > 0) {
     return
   }
 
@@ -183,15 +208,11 @@ async function loadMaftolOffset(force = false) {
 
   maftolOffsetPromise = (async () => {
     try {
-      const products = await getProductsCatalog(force)
-      const katodProduct = findKatodProduct(products)
-      const maftolProduct = findMaftolProduct(products)
-      maftolChartRatio.value = deriveMaftolChartRatio(maftolProduct, katodProduct)
+      await getProductsCatalog(force)
       syncChartSeries()
       maftolOffsetLoaded = true
     } catch (error) {
       console.error('Error loading maftol chart ratio:', error)
-      maftolChartRatio.value = 0
       syncChartSeries()
     } finally {
       maftolOffsetPromise = null
@@ -208,6 +229,10 @@ function updateChartData(timeline: string) {
 
 function setChartMetal(metal: ChartMetalType) {
   selectedChartMetal.value = metal
+
+  if (metal === 'maftol' && getHomeLayoutId() === 'boursecu' && !catalogProducts.value.length) {
+    void loadMaftolOffset(true)
+  }
 }
 
 export function usePriceChart() {
@@ -237,7 +262,6 @@ export function resetHomePriceChart() {
   rawChartPoints.value = []
   chartSelection.value = 'DAILY'
   selectedChartMetal.value = 'katod'
-  maftolChartRatio.value = 0
   chartInitialized = false
   chartFetchPromise = null
   maftolOffsetLoaded = false