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,117 @@
+<!-- Ported from legacy henza_pwa/src/components/input/SingleOtpInput.vue -->
+<template>
+  <div class="otp-single-input">
+    <input
+      :type="inputType"
+      :placeholder="placeholder"
+      :disabled="disabled"
+      ref="input"
+      min="0"
+      max="9"
+      maxlength="1"
+      pattern="[0-9]"
+      v-model="model"
+      :class="inputClasses"
+      @input="handleOnChange"
+      @keydown="handleOnKeyDown"
+      @paste="handleOnPaste"
+      @focus="handleOnFocus"
+      @blur="handleOnBlur"
+    />
+    <span v-if="!isLastChild && separator">
+      <span v-html="separator"></span>
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onBeforeMount, ref, watch, type Ref } from 'vue'
+
+const props = withDefaults(
+  defineProps<{
+    inputType?: string
+    value?: string | number
+    separator?: string
+    focus?: boolean
+    inputClasses?: string
+    shouldAutoFocus?: boolean
+    isLastChild?: boolean
+    placeholder?: string
+    disabled?: boolean
+  }>(),
+  { inputType: 'tel' },
+)
+const emit = defineEmits<{
+  (e: 'on-change', value: string | number): void
+  (e: 'on-keydown', value: KeyboardEvent): void
+  (e: 'on-paste', value: Event): void
+  (e: 'on-focus'): void
+  (e: 'on-blur'): void
+}>()
+const model = ref(props.value || '')
+const input = ref<HTMLInputElement | null>(null) as Ref<HTMLInputElement>
+
+const handleOnChange = () => {
+  model.value = model.value.toString()
+  if (model.value.length > 1) {
+    model.value = model.value.slice(0, 1)
+  }
+  return emit('on-change', model.value)
+}
+
+const isCodeNumeric = (charCode: number) => (charCode >= 48 && charCode <= 57) || (charCode >= 96 && charCode <= 105)
+
+const handleOnKeyDown = (event: KeyboardEvent) => {
+  if (props.disabled) {
+    event.preventDefault()
+  }
+  const keyEvent = event || window.event
+  const charCode = keyEvent.which ? keyEvent.which : keyEvent.keyCode
+  if (isCodeNumeric(charCode) || [8, 9, 13, 37, 39, 46, 86].includes(charCode)) {
+    emit('on-keydown', event)
+  } else {
+    keyEvent.preventDefault()
+  }
+}
+
+const handleOnPaste = (event: ClipboardEvent) => emit('on-paste', event)
+
+const handleOnFocus = () => {
+  input.value.select()
+  return emit('on-focus')
+}
+
+const handleOnBlur = () => emit('on-blur')
+
+watch(
+  () => props.value,
+  (newValue, oldValue) => {
+    if (newValue !== oldValue) {
+      model.value = newValue ?? ''
+    }
+  },
+)
+watch(
+  () => props.focus,
+  (newFocusValue, oldFocusValue) => {
+    if (oldFocusValue !== newFocusValue && input.value && props.focus) {
+      input.value.focus()
+      input.value.select()
+    }
+  },
+)
+
+onBeforeMount(() => {
+  if (input.value && props.focus && props.shouldAutoFocus) {
+    input.value.focus()
+    input.value.select()
+  }
+})
+</script>
+
+<style lang="less">
+.otp-single-input {
+  display: flex;
+  align-items: center;
+}
+</style>