From 195ca2e2bb45218ce52d970cd352a0487db26080 Mon Sep 17 00:00:00 2001
From: nns <278048682+nurdotnet@users.noreply.github.com>
Date: Fri, 24 Apr 2026 19:02:39 +0500
Subject: [PATCH] =?UTF-8?q?ui:=20barcode=20=D1=80=D0=B5=D0=B3=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B5=D1=80=D0=B0=D1=86=D0=B8=D1=8F=20/=20h-10=20=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=BB=D1=8F=20/=20=D0=BF=D1=80=D1=8B=D0=B6=D0=BE=D0=BA=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=83?=
 =?UTF-8?q?=20/=20min-max=20=D1=81=D0=BA=D1=80=D1=8B=D1=82=D0=B8=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- lib/barcode.ts: новая утилита generateBarcode(type) — валидные коды
  под все форматы (EAN-13 с префиксом 2, EAN-8 с checksum, UPC-A
  с checksum, UPC-E 8 цифр, Code128/Code39 12 буквенно-цифровых).
- ProductEditPage: при смене типа штрихкода в dropdown поле кода
  регенерируется под новый формат.
- Field.tsx: единая высота h-10 и leading-none для TextInput/Select
  чтобы Страна/Валюта/НДС в настройках были одного размера.
  TextArea оставлен с h-auto для multiline.
- Pagination.tsx: рядом с ← → добавлен input «Страница [N] из M»
  для прыжка на произвольную страницу (Enter / blur применяют).
- ProductEditPage: блок мин/макс остатков теперь показывается только
  при org.showMinMaxStock (сама настройка добавится следующим коммитом).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/food-market.web/src/components/Field.tsx  |  5 +-
 .../src/components/Pagination.tsx             | 29 +++++++-
 src/food-market.web/src/lib/barcode.ts        | 74 ++++++++++++++++---
 .../src/pages/ProductEditPage.tsx             | 29 +++++---
 4 files changed, 111 insertions(+), 26 deletions(-)

diff --git a/src/food-market.web/src/components/Field.tsx b/src/food-market.web/src/components/Field.tsx
index 0111c4e..509a06f 100644
--- a/src/food-market.web/src/components/Field.tsx
+++ b/src/food-market.web/src/components/Field.tsx
@@ -18,14 +18,15 @@ export function Field({ label, error, children, className }: FieldProps) {
   )
 }
 
-const inputClass = 'w-full rounded-md border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-[var(--color-brand)] disabled:opacity-60'
+const inputClass = 'w-full h-10 rounded-md border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 px-3 text-sm leading-none focus:outline-none focus:ring-2 focus:ring-[var(--color-brand)] disabled:opacity-60 disabled:bg-slate-50 dark:disabled:bg-slate-800/60'
 
 export function TextInput(props: InputHTMLAttributes<HTMLInputElement>) {
   return <input {...props} className={cn(inputClass, props.className)} />
 }
 
 export function TextArea(props: TextareaHTMLAttributes<HTMLTextAreaElement>) {
-  return <textarea {...props} className={cn(inputClass, 'font-[inherit]', props.className)} />
+  // TextArea — multi-line, высоту не фиксируем.
+  return <textarea {...props} className={cn(inputClass, 'h-auto py-2 font-[inherit] leading-normal', props.className)} />
 }
 
 export function Select(props: SelectHTMLAttributes<HTMLSelectElement>) {
diff --git a/src/food-market.web/src/components/Pagination.tsx b/src/food-market.web/src/components/Pagination.tsx
index bbf8ac2..c5c5ab5 100644
--- a/src/food-market.web/src/components/Pagination.tsx
+++ b/src/food-market.web/src/components/Pagination.tsx
@@ -1,3 +1,5 @@
+import { useEffect, useState } from 'react'
+
 interface PaginationProps {
   page: number
   pageSize: number
@@ -9,8 +11,20 @@ export function Pagination({ page, pageSize, total, onPageChange }: PaginationPr
   const totalPages = Math.max(1, Math.ceil(total / pageSize))
   const from = (page - 1) * pageSize + 1
   const to = Math.min(page * pageSize, total)
+  const [jumpValue, setJumpValue] = useState<string>(String(page))
+
+  useEffect(() => { setJumpValue(String(page)) }, [page])
+
   if (total === 0) return null
 
+  const commitJump = () => {
+    const n = parseInt(jumpValue, 10)
+    if (!Number.isFinite(n)) { setJumpValue(String(page)); return }
+    const clamped = Math.min(Math.max(1, n), totalPages)
+    if (clamped !== page) onPageChange(clamped)
+    setJumpValue(String(clamped))
+  }
+
   return (
     <div className="flex items-center justify-between mt-3 text-sm text-slate-500">
       <span>{from}–{to} из {total}</span>
@@ -22,7 +36,20 @@ export function Pagination({ page, pageSize, total, onPageChange }: PaginationPr
         >
           ←
         </button>
-        <span>{page} / {totalPages}</span>
+        <span className="flex items-center gap-1">
+          <span>Страница</span>
+          <input
+            type="number"
+            min={1}
+            max={totalPages}
+            value={jumpValue}
+            onChange={(e) => setJumpValue(e.target.value)}
+            onBlur={commitJump}
+            onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); commitJump() } }}
+            className="w-14 px-1.5 py-0.5 rounded border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-center tabular-nums"
+          />
+          <span>из {totalPages}</span>
+        </span>
         <button
           disabled={page >= totalPages}
           onClick={() => onPageChange(page + 1)}
diff --git a/src/food-market.web/src/lib/barcode.ts b/src/food-market.web/src/lib/barcode.ts
index 37767ad..09362e8 100644
--- a/src/food-market.web/src/lib/barcode.ts
+++ b/src/food-market.web/src/lib/barcode.ts
@@ -1,21 +1,73 @@
-// EAN-13 утилиты.
+// Штрихкод-утилиты: генерация валидных кодов под разные форматы.
 //
-// Внутренние штрихкоды магазина начинаются с "2" — это зарезервированный
-// префикс для in-store use, он не пересекается с GTIN реальных товаров
-// от производителей.
+// Внутренние EAN-13 магазина начинаются с "2" — зарезервированный префикс
+// для in-store use, не пересекается с GTIN реальных товаров.
 
-function ean13Checksum(first12: string): number {
+import { BarcodeType } from '@/lib/types'
+
+function digitsChecksum(first: string, weightAtOdd: number): number {
+  // Общая EAN/UPC-подобная формула: сумма с чередующимися весами, остаток от 10.
+  // Нечётные позиции (с индекса 0) — weightAtOdd, чётные — 1.
   let sum = 0
-  for (let i = 0; i < 12; i++) {
-    const d = first12.charCodeAt(i) - 48
-    sum += i % 2 === 0 ? d : d * 3
+  for (let i = 0; i < first.length; i++) {
+    const d = first.charCodeAt(i) - 48
+    sum += i % 2 === 0 ? d * weightAtOdd : d
   }
   return (10 - (sum % 10)) % 10
 }
 
+function randomDigits(n: number): string {
+  let s = ''
+  for (let i = 0; i < n; i++) s += Math.floor(Math.random() * 10).toString()
+  return s
+}
+
+function randomAlnum(n: number): string {
+  const alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'
+  let s = ''
+  for (let i = 0; i < n; i++) s += alphabet[Math.floor(Math.random() * alphabet.length)]
+  return s
+}
+
+function ean13(): string {
+  const body = '2' + randomDigits(11)
+  return body + digitsChecksum(body, 3).toString()
+}
+
+function ean8(): string {
+  // EAN-8: 7 цифр + checksum. Веса: нечётные×3, чётные×1 (с индекса 0).
+  const body = randomDigits(7)
+  return body + digitsChecksum(body, 3).toString()
+}
+
+function upca(): string {
+  // UPC-A: 11 цифр + checksum. Та же формула что у EAN-13.
+  const body = randomDigits(11)
+  return body + digitsChecksum(body, 3).toString()
+}
+
+function upce(): string {
+  // Упрощённая генерация: 8 случайных цифр (реальный UPC-E строится через
+  // сжатие UPC-A по спецправилам; для внутренних нужд достаточно числовой
+  // последовательности нужной длины).
+  return randomDigits(8)
+}
+
 /** Сгенерировать внутренний EAN-13 с префиксом "2" и случайной серединой. */
 export function generateEan13InternalPrefix2(): string {
-  let body = '2'
-  for (let i = 0; i < 11; i++) body += Math.floor(Math.random() * 10).toString()
-  return body + ean13Checksum(body).toString()
+  return ean13()
+}
+
+/** Сгенерировать штрихкод под указанный формат. */
+export function generateBarcode(type: BarcodeType): string {
+  switch (type) {
+    case BarcodeType.Ean13: return ean13()
+    case BarcodeType.Ean8: return ean8()
+    case BarcodeType.Upca: return upca()
+    case BarcodeType.Upce: return upce()
+    case BarcodeType.Code128:
+    case BarcodeType.Code39: return randomAlnum(12)
+    case BarcodeType.Other:
+    default: return ean13()
+  }
 }
diff --git a/src/food-market.web/src/pages/ProductEditPage.tsx b/src/food-market.web/src/pages/ProductEditPage.tsx
index 97f4414..8f27023 100644
--- a/src/food-market.web/src/pages/ProductEditPage.tsx
+++ b/src/food-market.web/src/pages/ProductEditPage.tsx
@@ -11,7 +11,7 @@ import {
 import { useOrgSettings } from '@/lib/useOrgSettings'
 import { BarcodeType, Packaging, type Product } from '@/lib/types'
 import { ProductImageGallery } from '@/components/ProductImageGallery'
-import { generateEan13InternalPrefix2 } from '@/lib/barcode'
+import { generateEan13InternalPrefix2, generateBarcode } from '@/lib/barcode'
 
 interface PriceRow { id?: string; priceTypeId: string; amount: number; currencyId: string }
 interface BarcodeRow { id?: string; code: string; type: BarcodeType; isPrimary: boolean }
@@ -316,16 +316,18 @@ export function ProductEditPage() {
             </Grid>
           </Section>
 
-          <AdvancedSection>
-            <Grid cols={4}>
-              <Field label="Минимальный остаток (для уведомления)">
-                <TextInput type="number" step="0.001" value={form.minStock} onChange={(e) => setForm({ ...form, minStock: e.target.value })} placeholder="—" />
-              </Field>
-              <Field label="Максимальный остаток (для автозаказа)">
-                <TextInput type="number" step="0.001" value={form.maxStock} onChange={(e) => setForm({ ...form, maxStock: e.target.value })} placeholder="—" />
-              </Field>
-            </Grid>
-          </AdvancedSection>
+          {org.data?.showMinMaxStock && (
+            <AdvancedSection>
+              <Grid cols={4}>
+                <Field label="Минимальный остаток (для уведомления)">
+                  <TextInput type="number" step="0.001" value={form.minStock} onChange={(e) => setForm({ ...form, minStock: e.target.value })} placeholder="—" />
+                </Field>
+                <Field label="Максимальный остаток (для автозаказа)">
+                  <TextInput type="number" step="0.001" value={form.maxStock} onChange={(e) => setForm({ ...form, maxStock: e.target.value })} placeholder="—" />
+                </Field>
+              </Grid>
+            </AdvancedSection>
+          )}
 
           <Section
             title="Цены продажи"
@@ -389,7 +391,10 @@ export function ProductEditPage() {
                       <TextInput placeholder="Код" value={b.code} onChange={(e) => updateBarcode(i, { code: e.target.value })} />
                     </div>
                     <div className="col-span-3">
-                      <Select value={b.type} onChange={(e) => updateBarcode(i, { type: Number(e.target.value) as BarcodeType })}>
+                      <Select value={b.type} onChange={(e) => {
+                        const newType = Number(e.target.value) as BarcodeType
+                        updateBarcode(i, { type: newType, code: generateBarcode(newType) })
+                      }}>
                         <option value={BarcodeType.Ean13}>EAN-13</option>
                         <option value={BarcodeType.Ean8}>EAN-8</option>
                         <option value={BarcodeType.Code128}>CODE 128</option>