SearchView: Removed the dynamic collection-tile grid (e.g. "پرفروش‌های این هفته") and the "نتایج / N محصول" section header from the UI. Underlying data/filtering logic untouched.

DashboardView ("میز کار"): Rebuilt from scratch with a new structure, distinct from the old card+grid layout but visually aligned with HomeView (same blurred bar, @ink/@wine palette, staged reveal animation on mount): Single hero card (ink→wine gradient) showing balance, gold/fiat debt, and identity — no quick-action icons inside it anymore. Live gold rate folded into a slim inline row at the bottom instead of a titled section. Iterated shadow/spacing on the hero card per feedback (softer, less clipped). DialogVant / DialogVantOneButton (shared modal components, used in 7+ call sites: Dashboard, Cart, SingleProduct, Register, App): Replaced Vant's default dialog chrome with the app's own rounded-card language — circular icon badge for the illustration, pill-shaped primary/secondary buttons. No call-site markup changed. LoginView: Rebuilt from scratch — full-bleed dark hero (brand + step copy) overlapped by a floating white form sheet, animated crossfade transition between the mobile-number and OTP steps, same staged entrance animation as Home/Dashboard. All auth logic (API check, OTP stub, session login) unchanged.
2026-09-18 12:54:45 +03:30
parent 05fe780c89
commit 53a304b5d5
355 changed files with 22865 additions and 14 deletions
@@ -0,0 +1,116 @@
+<!-- Ported from legacy henza_pwa/src/components/spinner.vue -->
+<template>
+  <Spin :spinning="spinning" :tip="tip" :size="(size as 'small' | 'default' | 'large')" :delay="delay" :class="fixed ? '!max-h-screen !fixed' : ''">
+    <template #indicator>
+      <img v-if="!indicator" src="/img/montzar-logo.png" alt="Montzar" class="spinner-brand" width="48" height="48" />
+      <div class="loading" v-else>
+        <div class="effect-1 effects"></div>
+        <div class="effect-2 effects"></div>
+        <div class="effect-3 effects"></div>
+      </div>
+    </template>
+    <div :class="cls">
+      <slot />
+    </div>
+  </Spin>
+</template>
+
+<script setup lang="ts">
+import { Spin } from 'ant-design-vue'
+
+withDefaults(
+  defineProps<{
+    tip?: string
+    size?: string
+    cls?: string
+    delay?: number
+    spinning: boolean
+    indicator?: boolean
+    fixed?: boolean
+  }>(),
+  { size: 'large', fixed: true },
+)
+</script>
+
+<style lang="less">
+.loading * {
+  box-sizing: border-box;
+}
+
+.loading {
+  position: relative;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 3px solid transparent;
+}
+
+.loading .effect-1,
+.loading .effect-2 {
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  border: 3px solid transparent;
+  border-left: 3px solid @secondary;
+  border-radius: 50%;
+  box-sizing: border-box;
+}
+
+.loading .effect-1 {
+  animation: rotate 1s ease infinite;
+}
+
+.loading .effect-2 {
+  animation: rotateOpacity 1s ease infinite 0.1s;
+}
+
+.loading .effect-3 {
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  border: 3px solid transparent;
+  border-left: 3px solid @secondary;
+  animation: rotateOpacity 1s ease infinite 0.2s;
+  border-radius: 50%;
+  box-sizing: border-box;
+}
+
+.loading .effects {
+  transition: all 0.3s ease;
+}
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(1turn);
+  }
+}
+
+@keyframes rotateOpacity {
+  0% {
+    transform: rotate(0deg);
+    opacity: 0.1;
+  }
+  100% {
+    transform: rotate(1turn);
+    opacity: 1;
+  }
+}
+.spinner-brand {
+  display: block;
+  width: 48px;
+  height: 48px;
+  object-fit: contain;
+  border-radius: 8px;
+}
+
+.ant-spin-text {
+  color: @primary;
+}
+.loading + .ant-spin-text {
+  margin-top: 24px;
+}
+</style>