feat(user): rename gold day menu to calculator with metal labels

This commit is contained in:
2026-09-09 20:58:25 +03:30
parent 0a3a5d7c82
commit 282c0fe09a
3 changed files with 22 additions and 7 deletions
@@ -24,3 +24,4 @@
- 2026-09-09 | زیرصفحات قلک دسکتاپ | `piggy/new` + `piggy/info` + create/info composable | ساخت/ویرایش و جزئیات با DesktopPageTopbar و گرید دوستونه
- 2026-09-09 | عرض قلک دسکتاپ | `desktop-piggy-create.less` | کانتینر ساخت هم max-width ۱۱۸۰ مثل لیست/جزئیات/کیف‌پول
- 2026-09-09 | نام منوی کاربر | `navigation.ts` + `MobileBottomNav.vue` | «تنظیمات» → «امکانات بیشتر» (دسکتاپ+موبایل)
- 2026-09-09 | ماشین حساب | `useUserPage.ts` + `GoldDayCalculatorModal.vue` | «قیمت روز طلا» → «ماشین حساب»؛ برچسب فلز/واحد از settingsStore (metalTypeLabel + tradeWeightUnit) نه هاردکد طلا/گرم
+19 -5
View File
@@ -8,15 +8,19 @@
>
<template #title>
<div class="gold-day-calc-modal__title">
<BasicIcon icon="vuesax-linear:chart-2" size="20" class="gold-day-calc-modal__title-icon" />
<span>محاسبه‌گر طلای شما</span>
<BasicIcon icon="vuesax-linear:calculator" size="20" class="gold-day-calc-modal__title-icon" />
<span>ماشین حساب</span>
</div>
</template>
<div class="gold-day-calc" dir="rtl">
<p class="gold-day-calc__hint text-xs text-gray-500">
وزن مورد نظر را وارد کنید تا ارزش آن بر اساس قیمت لحظه‌ای محاسبه شود.
</p>
<BasicInput
v-model:value="weight"
title="وزن طلا (گرم)"
:title="`وزن ${metalTypeLabel} (${weightUnit})`"
type="tel"
place-holder="مثلاً ۱۰.۵"
inputmode="decimal"
@@ -24,7 +28,7 @@
<BasicInput
:value="unitPriceInput"
title="قیمت روز طلا"
:title="`قیمت روز ${metalTypeLabel}`"
type="tel"
disabled
addon-before="ریال"
@@ -55,7 +59,7 @@
</div>
<div class="mt-2 flex flex-col gap-1 text-xs text-gray-600">
<div class="flex justify-between gap-2">
<span>هزینه طلا</span>
<span>هزینه {{ metalTypeLabel }}</span>
<span class="gold-day-calc__num">{{ formatRial(breakdown.goldCost) }}</span>
</div>
<div class="flex justify-between gap-2">
@@ -95,8 +99,13 @@ import {
import { getPriceDisplayState, NO_QUOTE_MESSAGE } from '@/utils/storeHours'
import { usePriceWithoutType } from '@/utils/usePrice'
import { persianToEnglishDigits } from '@/utils/persianDigits'
import { useSettingsStore } from '@/store/settingsStore'
const visible = goldDayCalculatorVisible
const settingsStore = useSettingsStore()
const metalTypeLabel = computed(() => settingsStore.metalTypeLabel)
const weightUnit = computed(() => settingsStore.tradeWeightUnit)
const weight = ref<string | number>('')
const feePercent = ref<string | number>('')
@@ -186,6 +195,11 @@ watch(visible, async (open) => {
text-align: right;
}
.gold-day-calc__hint {
margin: 0;
line-height: 1.7;
}
.gold-day-calc__result {
direction: rtl;
text-align: right;
@@ -127,8 +127,8 @@ export function useUserPage() {
},
{
id: 'goldDayCalculator',
label: 'قیمت روز طلا',
icon: 'vuesax-linear:chart-2',
label: 'ماشین حساب',
icon: 'vuesax-linear:calculator',
onClick: () => openGoldDayCalculator(),
visible: true,
},