From a5fd0a7d5e4c9e8a90fd362836af7df39a59672f Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Thu, 9 Apr 2026 16:23:13 +0700
Subject: [PATCH] Fix catalog settings SSR form initialization

---
 app/pages/catalog-settings.vue | 32 ++++++++++++++++++++------------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/app/pages/catalog-settings.vue b/app/pages/catalog-settings.vue
index d5dbb24..bd77720 100644
--- a/app/pages/catalog-settings.vue
+++ b/app/pages/catalog-settings.vue
@@ -59,6 +59,14 @@ function parseOptionalInteger(value: string) {
   return Number(normalized);
 }
 
+function formFor(item: CatalogSettingItem) {
+  forms[item.productType] ??= createForm(item);
+  savingState[item.productType] ??= false;
+  successMessage[item.productType] ??= '';
+  errorMessage[item.productType] ??= '';
+  return forms[item.productType];
+}
+
 watch(
   settings,
   (items) => {
@@ -151,7 +159,7 @@ async function saveProductTypeSetting(productType: string) {
 
           <div class="grid gap-3 md:grid-cols-2">
             <label class="surface-card flex items-start gap-3 rounded-[22px] p-4">
-              <input v-model="forms[item.productType].allowCustomLength" type="checkbox" class="toggle toggle-success mt-1">
+              <input v-model="formFor(item).allowCustomLength" type="checkbox" class="toggle toggle-success mt-1">
               <span>
                 <span class="block font-semibold text-[#123824]">Своя длина</span>
                 <span class="mt-1 block text-sm text-[#557562]">Разрешить длину вне стандартного списка.</span>
@@ -159,7 +167,7 @@ async function saveProductTypeSetting(productType: string) {
             </label>
 
             <label class="surface-card flex items-start gap-3 rounded-[22px] p-4">
-              <input v-model="forms[item.productType].allowCustomSleeveBrand" type="checkbox" class="toggle toggle-success mt-1">
+              <input v-model="formFor(item).allowCustomSleeveBrand" type="checkbox" class="toggle toggle-success mt-1">
               <span>
                 <span class="block font-semibold text-[#123824]">Своя втулка</span>
                 <span class="mt-1 block text-sm text-[#557562]">Клиент сможет запросить втулку со своим вариантом.</span>
@@ -167,7 +175,7 @@ async function saveProductTypeSetting(productType: string) {
             </label>
 
             <label class="surface-card flex items-start gap-3 rounded-[22px] p-4">
-              <input v-model="forms[item.productType].allowCustomLabel" type="checkbox" class="toggle toggle-success mt-1">
+              <input v-model="formFor(item).allowCustomLabel" type="checkbox" class="toggle toggle-success mt-1">
               <span>
                 <span class="block font-semibold text-[#123824]">Своя надпись</span>
                 <span class="mt-1 block text-sm text-[#557562]">Разрешить индивидуальную надпись или маркировку.</span>
@@ -175,7 +183,7 @@ async function saveProductTypeSetting(productType: string) {
             </label>
 
             <label class="surface-card flex items-start gap-3 rounded-[22px] p-4">
-              <input v-model="forms[item.productType].showQuantityPerBox" type="checkbox" class="toggle toggle-success mt-1">
+              <input v-model="formFor(item).showQuantityPerBox" type="checkbox" class="toggle toggle-success mt-1">
               <span>
                 <span class="block font-semibold text-[#123824]">Показывать короб</span>
                 <span class="mt-1 block text-sm text-[#557562]">Если выключено, параметр короба скрывается из клиентского каталога.</span>
@@ -191,9 +199,9 @@ async function saveProductTypeSetting(productType: string) {
               </div>
               <span
                 class="rounded-full px-3 py-1 text-xs font-bold uppercase tracking-[0.12em]"
-                :class="forms[item.productType].allowCustomLength ? 'bg-[#e8f5ec] text-[#1c6b45]' : 'bg-[#eef2ef] text-[#6b7f71]'"
+                :class="formFor(item).allowCustomLength ? 'bg-[#e8f5ec] text-[#1c6b45]' : 'bg-[#eef2ef] text-[#6b7f71]'"
               >
-                {{ forms[item.productType].allowCustomLength ? 'Включено' : 'Выключено' }}
+                {{ formFor(item).allowCustomLength ? 'Включено' : 'Выключено' }}
               </span>
             </div>
 
@@ -201,36 +209,36 @@ async function saveProductTypeSetting(productType: string) {
               <label class="space-y-2">
                 <span class="text-sm font-semibold text-[#123824]">Мин. длина, м</span>
                 <input
-                  v-model="forms[item.productType].customLengthMinM"
+                  v-model="formFor(item).customLengthMinM"
                   type="number"
                   min="1"
                   step="1"
                   class="input manager-field w-full"
-                  :disabled="!forms[item.productType].allowCustomLength"
+                  :disabled="!formFor(item).allowCustomLength"
                 >
               </label>
 
               <label class="space-y-2">
                 <span class="text-sm font-semibold text-[#123824]">Макс. длина, м</span>
                 <input
-                  v-model="forms[item.productType].customLengthMaxM"
+                  v-model="formFor(item).customLengthMaxM"
                   type="number"
                   min="1"
                   step="1"
                   class="input manager-field w-full"
-                  :disabled="!forms[item.productType].allowCustomLength"
+                  :disabled="!formFor(item).allowCustomLength"
                 >
               </label>
 
               <label class="space-y-2">
                 <span class="text-sm font-semibold text-[#123824]">Шаг, м</span>
                 <input
-                  v-model="forms[item.productType].customLengthStepM"
+                  v-model="formFor(item).customLengthStepM"
                   type="number"
                   min="1"
                   step="1"
                   class="input manager-field w-full"
-                  :disabled="!forms[item.productType].allowCustomLength"
+                  :disabled="!formFor(item).allowCustomLength"
                 >
               </label>
             </div>