added bank logis

This commit is contained in:
2026-07-06 12:29:20 +02:00
committed by safavimohadeseh78
parent 2caaa6ea0d
commit 2affe61dd3
36 changed files with 151 additions and 193 deletions
@@ -24,6 +24,7 @@ import {
getBankDisplayName,
getBankLogoUrl,
getBankMonogram,
resolveBankKey,
} from '@/utils/bankBranding'
const props = withDefaults(
@@ -34,10 +35,11 @@ const props = withDefaults(
{ compact: false },
)
const accentColor = computed(() => getBankAccentColor(props.card.bank_name))
const displayName = computed(() => getBankDisplayName(props.card.bank_name))
const logoUrl = computed(() => getBankLogoUrl(props.card.bank_name))
const monogram = computed(() => getBankMonogram(props.card.bank_name))
const bankKey = computed(() => resolveBankKey(props.card))
const accentColor = computed(() => getBankAccentColor(bankKey.value))
const displayName = computed(() => getBankDisplayName(bankKey.value))
const logoUrl = computed(() => getBankLogoUrl(bankKey.value))
const monogram = computed(() => getBankMonogram(bankKey.value))
const shebaText = computed(() => formatShebaForDisplay(props.card.shaba_number))
</script>
@@ -3,7 +3,7 @@
<div ref="el" class="w-full flex flex-col relative h-full test">
<CardItem v-for="(item,i) in props?.items" :key="i" v-model:sliderIndex="index" :card-number="item?.cart_number"
:color="colors[i%3]"
:self-index="i" :shaba="item?.shaba_number" :title="getBankDisplayName(item?.bank_name)" :active="item.sts === 2" :id="item?.id"
:self-index="i" :shaba="item?.shaba_number" :title="getBankDisplayName(resolveBankKey(item))" :active="item.sts === 2" :id="item?.id"
@cardDeleted="handleCardDeleted"
/>
<div class="absolute bottom-1 right-0 left-0 z-100 flex justify-center items-center opacity-70 pointer-events-none">
@@ -26,7 +26,7 @@ import { computed, onMounted, ref, watch } from 'vue'
import { useSwipe } from '@vueuse/core'
import CardItem from './CardItem.vue'
import type { Card } from '@/models/wallet'
import { getBankDisplayName } from '@/utils/bankBranding'
import { getBankDisplayName, resolveBankKey } from '@/utils/bankBranding'
const el = ref(null)
const container = ref<HTMLElement | null>(null)