Add bazretala-specific branding, content, and support settings on modular.

Customize login/nav assets, fund page UI, rules text, wallet charge modal, referral message, and support contact details for the bazretala project only.

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

src/views/base/fund/index.vue

@@ -6,15 +6,37 @@
       </div>
       <div class="mr-2">دارایی ها</div>
     </div>
-    <div class="text-tertiary bg-primary w-screen md:w-full h-[70vh] fixed md:absolute overflow-hidden">
-      <img :src="img" alt="" class="w-full absolute bottom-0 left-0 opacity-5 pointer-events-none z-0" />
-      <div class="pt-15 flex flex-col relative z-10">
-        <div class="text-tertiary font-bold mr-5 z-20">موجودی دارایی ها</div>
+    <div
+      class="w-screen md:w-full h-[70vh] fixed md:absolute overflow-hidden"
+      :class="isBazretalaProject() ? 'bazretala-fund-header' : 'text-tertiary bg-primary'"
+    >
+      <img
+        :src="fundHeaderBackground"
+        alt=""
+        :class="isBazretalaProject()
+          ? 'pointer-events-none z-0 absolute inset-0 w-full object-cover object-center'
+          : 'pointer-events-none z-0 w-full absolute bottom-0 left-0 opacity-5'"
+      />
+      <div
+        class="pt-15 flex flex-col relative z-10"
+        :class="isBazretalaProject() ? 'text-white' : 'text-tertiary'"
+      >
+        <div class="font-bold mr-5 z-20">موجودی دارایی ها</div>
         <div v-if="meta?.has_count_based_products" class="flex mt-4 justify-center mt-2 w-full z-20">
           محصولات:
           <div class="text-l mr-4 font-bold">{{ countBasedInventory }} عدد</div>
         </div>
-        <template v-if="meta?.single_metal && primaryMetalTotal">
+        <template v-if="isBazretalaProject()">
+          <div class="flex justify-center mt-2 w-full z-20">
+            دارایی نقره:
+            <div class="text-l mr-4 font-bold">{{ walletStore.walletInfo?.count_silver ?? 0 }}گرم</div>
+          </div>
+          <div class="flex justify-center mt-2 w-full z-20">
+            دارایی طلایی:
+            <div class="text-l mr-4 font-bold">{{ walletStore.walletInfo?.count_gold_wallet ?? 0 }}گرم</div>
+          </div>
+        </template>
+        <template v-else-if="meta?.single_metal && primaryMetalTotal">
           <div class="flex justify-center mt-2 w-full z-20">
             {{ primaryMetalTotal.label }}:
             <div class="text-l mr-4 font-bold">{{ formatMetalTotal(primaryMetalTotal) }}</div>
@@ -30,7 +52,7 @@
             <div class="text-l mr-4 font-bold">{{ formatMetalTotal(metal) }}</div>
           </div>
         </template>
-        <div v-if="meta?.has_count_based_products" class="flex justify-center mt-2 w-full z-20">
+        <div v-if="meta?.has_count_based_products && !isBazretalaProject()" class="flex justify-center mt-2 w-full z-20">
           مجموع موجودی:
           <div class="text-l mr-4 font-bold">{{ countBasedInventory }} عدد</div>
         </div>
@@ -50,8 +72,12 @@
 
         <div v-if="inventoryCards.length === 0 && !loading" class="w-full h-full flex justify-center items-center">
           <div>
-            <img :src="empty" alt="" class="w-70 ">
-            <div v-if="nameProject !== 'abaeigold'" class="text-center text-lg">یک گنج جدید بساز!</div>
+            <img
+              :src="fundEmptyImage"
+              alt=""
+              :class="isBazretalaProject() ? 'w-48 max-w-[11rem]' : 'w-70'"
+            >
+            <div v-if="nameProject !== 'abaeigold'" class="text-center text-lg">{{ fundEmptyText }}</div>
           </div>
         </div>
 
@@ -83,9 +109,20 @@ import { useConfigStore } from '@/store/configStore'
 import { useWalletAssets } from '@/composables/useWalletAssets'
 import type { WalletMetalTotal } from '@/models/walletAssets'
 import { resolveSummaryMetalWeight, fundPageInventoryCards } from '@/utils/productAssets'
+import { useWalletStore } from '@/store/walletStore'
+import {
+  getProjectFundEmptyImage,
+  getProjectFundEmptyText,
+  getProjectFundHeaderBackground,
+  isBazretalaProject,
+} from '@/utils/config'
 
 const nameProject = useConfigStore().config.name
 const { assetsSummary, loadWalletAssets } = useWalletAssets()
+const walletStore = useWalletStore()
+const fundHeaderBackground = getProjectFundHeaderBackground(img)
+const fundEmptyImage = getProjectFundEmptyImage(empty)
+const fundEmptyText = getProjectFundEmptyText()
 
 const meta = computed(() => assetsSummary.value?.meta)
 const inventoryCards = computed(() => fundPageInventoryCards(assetsSummary.value?.inventory_cards ?? []))
@@ -100,7 +137,11 @@ const countBasedInventory = computed(() =>
 onMounted(async () => {
   try {
     loading.value = true
-    await loadWalletAssets(true)
+    const tasks = [loadWalletAssets(true)]
+    if (isBazretalaProject()) {
+      tasks.push(walletStore.getMyWallet())
+    }
+    await Promise.all(tasks)
   } catch (e) {
     console.log(e)
   } finally {
@@ -114,4 +155,16 @@ function formatMetalTotal(metal: WalletMetalTotal) {
 </script>
 
 <style scoped>
+.bazretala-fund-header {
+  background-color: #000;
+}
+
+.bazretala-fund-header::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background: rgba(0, 0, 0, 0.45);
+  pointer-events: none;
+}
 </style>