@ozdao/martyrs 0.2.477 → 0.2.479

package/src/modules/products/components/pages/ProductEdit.vue

@@ -1,503 +1,371 @@
 <template>
-	<div class="for-transition w-100 cols-1 bg-white pd-thin gap-thin">
+  <div v-if="isPageLoaded" class="w-100 bg-white pd-thin gap-thin">
     
     <Block v-if="!MOBILE_APP" class="flex-nowrap gap-thin flex-v-center flex">
-      
       <h2 class="t-truncate mn-r-auto">
-			  {{ route.params.product ? products.state.current.name : 'Create Product' }}
-			</h2>
-
-			<Button 
-				v-if="route.params.product"
-      	:submit="onDelete" 
-      	:callback="redirectTo"
-      	class="w-10 w-max-20r w-min-8r bg-red"
+        {{ route.params.product ? products.state.current.name : 'Create Product' }}
+      </h2>
+
+      <Button 
+        v-if="route.params.product"
+        :submit="onDelete" 
+        :callback="redirectTo"
+        class="w-10 w-max-20r w-min-8r bg-red"
       >
-    		Delete 
-    	</Button>
+        Delete 
+      </Button>
 
       <Button 
-      	:submit="onSubmit" 
-      	:callback="redirectTo"
-      	class="w-10 w-max-20r w-min-8r bg-main"
+        :submit="onSubmit" 
+        :callback="redirectTo"
+        class="w-10 w-max-20r w-min-8r bg-main"
       >
-    		Save
-    	</Button>
+        Save
+      </Button>
     </Block>
 
-    <Block
-			placeholder="The product doesn't have any images yet."
-			class="h-min"
-		>
-			<EditImages 
-				:images="products.state.current.images"
-				:uploadPath="'photos'" 
-				@update:images="(imagesNew) => { products.state.current.images = imagesNew }" 
-			/>
-		</Block>
-
-    <div class="cols-2 gap-thin">
-
-    	<Block
-  			title="Profile"
-  		>
-				<EditProductInfo 		
-					:product="products.state.current"
-				/>
-			</Block>
-
-			<Block
-				title="Categories"
-				:actions="[{
-		      label: '+',
-		      function: () => router.push({
-						name: 'Categories', 
-						params: { 
-							_id: route.params._id || products.state.current.owner.target._id
-						} 
-					})
-		    }]"
-		    class="h-100 h-min-30r o-y-scroll"
-			>
-		    <Tree 
-	        v-if="categories.state.all" 
-	        :items="categories.state.all" 
-	        :state="categories.state.all" 
-	        @update="updateCategoriesOrder" 
-					v-slot="{ item }"
-					class="h-zero pos-relative d-block"
-	      >
-	      	<Checkbox 
-			      name="categories"
-			      class="w-100 mn-t-small bg-white radius-small pd-small"
-			      :label="item.name"
-			      :value="item._id"
-			      :radio="products.state.current.category"
-			      @update:radio="event => selectCategory(item, event)"
-			    />
-		    </Tree>
-			</Block>
-
-			<Block
-				title="Parameters"
-				placeholder="No parameters added yet"
-				:actions="[{
-					label: '+',
-					function: () => products.state.current.information.push({name: '', value: ''})
-				}]"
-				class="cols-1 gap-thin"
-			>
-        <div 
-        	class="gap-thin flex-nowrap flex" 
-        	v-for="(item, index) in products.state.current.information" 
-        	:key="index"
-        > 
-          <Field
-            v-model:field="item.name"
-            placeholder="Name"
-            class="w-100 bg-white radius-small pd-medium"
-          />  
-          <Field
-            v-model:field="item.value"
-            placeholder="Value"
-            class="w-100 bg-white radius-small pd-medium"
+    <!-- Tab Navigation -->
+    <Tab
+      v-model:selected="activeTab"
+      v-if="route.params.product"
+      :tabs="[
+        { label: 'Details', value: 'details' },
+        { label: 'Variants', value: 'variants' },
+        { label: 'Discounts', value: 'discounts' },
+        { label: 'Localization', value: 'localization' }
+      ]"
+      class="flex-child-default bg-light radius-medium h-max pd-thin o-x-scroll"
+    />
+
+    <!-- Tab Content -->
+    <div v-if="activeTab === 'details'" class="cols-1 gap-thin">
+      <!-- Product Images -->
+      <Block
+        placeholder="The product doesn't have any images yet."
+        class="h-min"
+      >
+        <EditImages 
+          :images="products.state.current.images"
+          :uploadPath="'photos'" 
+          @update:images="(imagesNew) => { products.state.current.images = imagesNew }" 
+        />
+      </Block>
+
+      <!-- Product Profile -->
+      <Block title="Profile">
+        <div class="mn-b-thin flex-nowrap flex gap-thin">
+          <Select 
+            v-model:select="products.state.current.status"
+            label="Status"
+            :options="[
+              'draft', 
+              'published',
+              'featured',
+              'archived',
+              'removed'
+            ]"
+            placeholder="Display product"
+            class="pos-relative w-100 bg-white radius-small pd-medium"
           />
-          <div class="radius-small h-100 i-big flex-center flex aspect-1x1 bg-red">
-	          <IconDelete 
-	          	@click="() => products.state.current.information.splice(index, 1)" 
-	          	class="i-medium"
-	          />
-	        </div>
-        </div>
-			</Block>
-
-
-			<Block
-		    title="Ingredients"
-				placeholder="No ingridients added yet"
-				:actions="[{
-	        label: '+',
-	        function: () => openIngredientPopup()
-	      }]"
-		  >
-		  	<div v-if="products.state.current.ingredients.length > 0" class="cols-1 gap-thin">
-			    <CardPosition 
-			      v-for="(product, index) in products.state.current.ingredients" 
-			      :key="product._id" 
-			      :product="product"
-			      :array="products.state.current.ingredients"
-			      :products="Products"
-		        :showPrice="false"
-			      @add="(item) => {
-					    globals.actions.add(products.state.current.ingredients, item);
-					    closeIngredientPopup();
-					  }"
-					  @update="(item) => {
-					    globals.actions.update(products.state.current.ingredients, item, index);
-					    closeIngredientPopup();
-					  }"
-					  @delete="(item) => {
-					    globals.actions.delete(products.state.current.ingredients, item, index);
-					    closeIngredientPopup();
-					  }"
-			    />
-			  </div>
-		  </Block>
-
-		  <Popup 
-	      title="Add ingredient" 
-	      @close-popup="closeIngredientPopup" 
-	      :isPopupOpen="isOpenIngredientPopup"
-	      class="bg-white w-min-30r w-max-30r radius-big pd-medium"
-	    >
-	      <div class="bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big">
-	        <Feed
-	          :search="{
-	          	class: 'bg-white mn-b-thin'
-	          }"
-	          :states="{
-	            empty: {
-	              title: 'No Products Found',
-	              description: 'Currently, there are no such products available.'
-	            }
-	          }"
-	          :store="{
-	            read: (options) => products.actions.read(options),
-	            state: null
-	          }"
-	          :options="{
-	            owner: route.params._id,
-	          }"
-	          v-slot="{ 
-	            items 
-	          }"
-	          class=""
-	        >
-	          <CardOrderItem
-	            v-for="(product, index) in items" :key="product._id"
-	            :editable="false" 
-	            :product="product" 
-	            @click="() => { 
-	              let p = { ...product };
-	              p.quantity = 1;
-	              p.type = 'pcs'
-	              globals.actions.add(products.state.current.ingredients,p)
-	              closeIngredientPopup();
-	            }"
-	            class="bg-white pd-thin radius-medium w-100 mn-b-thin"
-	          />
-	        </Feed>
-	      </div>
-	    </Popup>
-
-
-		</div> 
-
-			<Block
-				title="Localization"
-				placeholder="No localizations added yet"
-				:actions="[{
-					label: '+',
-					function: () => products.state.current.localization.push({name: '', value: ''})
-				}]"
-			>
-        <div 
-        	class="gap-thin mn-b-thin flex-nowrap flex" 
-        	v-for="(item, index) in products.state.current.localization" 
-        	:key="index"
-        > 
-          <Field
-            v-model:field="item.name"
-            placeholder="Название параметра"
-            class="w-100 bg-white radius-small pd-medium"
-          />  
-          <Field
-            v-model:field="item.value"
-            placeholder="Значение параметра"
-            class="w-100 bg-white radius-small pd-medium"
+          <Select 
+            v-model:select="products.state.current.listing"
+            label="Type"
+            :options="[
+              'sale', 
+              'rent',
+            ]"
+            placeholder="Type of listing"
+            class="pos-relative w-100 bg-white radius-small pd-medium"
           />
-          <div class="radius-small pd-small flex-center flex aspect-1x1 bg-red">
-	          <IconDelete 
-	          	@click="() => products.state.current.localization.splice(index, 1)" 
-	          	class="i-medium"
-	          />
-          </div>
         </div>
-			</Block>
-
-			<Button 
-				v-if="route.params.product"
-      	:submit="onDelete" 
-      	:callback="redirectTo"
-      	class="bg-red w-100 mn-t-thin"
-      >
-    		Delete 
-    	</Button>
 
-      <Button 
-      	:submit="onSubmit" 
-      	:callback="redirectTo"
-      	class="w-100 bg-main"
-      >
-    		Save
-    	</Button>
-
-	
-		
-		<!-- <Block
-	    title="Quantity Discount"
-	    class="mn-b-semi"
-	    :actions="[{
-				label: '+',
-				function: () => products.state.current.quantityDiscount.push({name: '', value: ''})
-			}]"
-	  >
-	  	<div 
-      	class="gap-thin mn-b-thin flex-nowrap flex" 
-      	v-for="(item, index) in products.state.current.quantityDiscount" 
-      	:key="index"
+        <Field 
+          v-model:field="products.state.current.name" 
+          placeholder="Enter product name"
+          class="w-100 mn-b-thin bg-white radius-small pd-medium"
+        />
+        <Field
+          v-model:field="products.state.current.description" 
+          placeholder="Enter product description" 
+          class="w-100 bg-white radius-small pd-medium"
+          type="textarea"
+        />
+      </Block>
+      <!-- Categories -->
+       <Block title="Categories">
+        <BlockMultiselect
+          v-model="products.state.current.category"
+          placeholder="Search categories..."
+          :multiple="true"
+           :transform="(item) => ({ _id: item._id, name: item.name })"
+          :store="{
+            read: (options) => categories.actions.read(options),
+            state: categories.state
+          }"
+          :options="{
+            rootOnly: false,
+            excludeChildren: false,
+            limit: 50
+          }"
+          :skeleton="{
+				    hide: false,
+				    horizontal: true,
+				    structure: [
+				      { block: 'text', size: 'large' }
+				    ]
+				  }"
+          :states="{
+            empty: {
+              title: 'No categories found',
+              description: 'Try different search terms or create a new category'
+            }
+          }"
+          key="_id"
+          :label="item => item.name"
+          classSearch="bg-white radius-small"
+          classSelected="bg-white pd-small radius-small mn-b-thin"
+          classDropdown="bg-white pd-small radius-medium bs-light"
+          classItem="pd-small radius-small hover-bg-light cursor-pointer mn-b-thin"
+         	classFeed="h-max-30r o-scroll"
+        >
+          <!-- Слот для выбранных категорий -->
+          <template #selected="{ item, clear }">
+					  <div class="flex-nowrap flex-v-center flex gap-thin">
+					    <span class="t-medium">{{ item?.name || item }}</span>
+					    <button 
+					      @click.stop="clear"
+					      class="i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1"
+					    >
+					      <IconCross class="i-micro fill-white" />
+					    </button>
+					  </div>
+					</template>
+          
+          <!-- Слот для элементов в списке -->
+          <template #item="{ item }">
+            <div class="flex-nowrap flex-v-center flex">
+              <img 
+                v-if="item.photo" 
+                :src="(FILE_SERVER_URL || '') + item.photo"
+                class="i-medium radius-small object-fit-cover mn-r-thin"
+              />
+              <div class="w-100">
+                <p class="t-medium">{{ item.name }}</p>
+                <p v-if="item.description" class="t-small t-transp">{{ item.description }}</p>
+              </div>
+            </div>
+          </template>
+        </BlockMultiselect>
+      </Block>
+
+
+      <!-- Attributes -->
+      <EditAttributes 
+        v-model:attributes="products.state.current.attributes" 
+      />
+    </div>
+
+    <!-- Variants Tab -->
+    <EditVariants
+			v-if="activeTab === 'variants'"
+      v-model:variants="products.state.current.variants" 
+    />
+
+    <!-- Discounts Tab -->
+    <EditDiscounts
+			v-if="activeTab === 'discounts'"
+      v-model:discounts="products.state.current.discounts"
+    />
+
+    <!-- Localization Tab -->
+    <Block
+		  v-if="activeTab === 'localization'"
+      title="Localization"
+      placeholder="No localizations added yet"
+      :actions="[{
+        label: '+',
+        function: () => products.state.current.translations.push({locale: '', name: '', description: ''})
+      }]"
+    >
+      <div 
+        class="gap-thin mn-b-thin flex-nowrap flex" 
+        v-for="(item, index) in products.state.current.translations" 
+        :key="index"
       > 
+        <Field
+          v-model:field="item.locale"
+          placeholder="Locale (en, ru, etc.)"
+          class="w-30 bg-white radius-small pd-medium"
+        />  
         <Field
           v-model:field="item.name"
-          placeholder="Quantity"
+          placeholder="Product name"
           class="w-100 bg-white radius-small pd-medium"
-        />  
+        />
         <Field
-          v-model:field="item.value"
-          placeholder="Discount"
+          v-model:field="item.description"
+          placeholder="Product description"
           class="w-100 bg-white radius-small pd-medium"
         />
-        <div class="radius-small pd-small flex-center flex aspect-1x1 bg-red">
+        <div class="radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1">
           <IconDelete 
-          	@click="() => products.state.current.quantityDiscount.splice(index, 1)" 
-          	class="i-medium"
+            @click="() => products.state.current.translations.splice(index, 1)" 
+            class="i-medium"
           />
         </div>
       </div>
-		</Block> -->
-
-		<!-- <EditModifications
-			:product="products.state.current"
-		/> -->
-
-
+    </Block>
 
-		
+    <!-- Bottom Action Buttons -->
+    <div class="flex-nowrap flex gap-thin">
+      <Button 
+        v-if="route.params.product"
+        :submit="onDelete" 
+        :callback="redirectTo"
+        class="bg-red t-white w-100"
+      >
+        Delete 
+      </Button>
 
-</div>
-	
+      <Button 
+        :submit="onSubmit" 
+        :callback="redirectTo"
+        class="w-100 bg-main"
+      >
+        Save
+      </Button>
+    </div>
+  </div>
 </template>
 
 <script setup>
-	// Import libs
-	import { reactive, computed, onMounted, ref } from 'vue'
-	import { useRoute, useRouter } from 'vue-router'
-	// Import components
-	import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'
-
-	import Block from '@martyrs/src/components/Block/Block.vue';
-	import Tab from "@martyrs/src/components/Tab/Tab.vue";
-	import Field from "@martyrs/src/components/Field/Field.vue";
-	import Checkbox from "@martyrs/src/components/Checkbox/Checkbox.vue";
-	import Button from "@martyrs/src/components/Button/Button.vue";
-	import Popup from "@martyrs/src/components/Popup/Popup.vue";
-	import Feed from "@martyrs/src/components/Feed/Feed.vue";
-	import Tree from "@martyrs/src/components/Tree/Tree.vue";
-
-	import EditImages from '@martyrs/src/components/EditImages/EditImages.vue';
-
-	import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';
-
- 	import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';
-  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'
-
-
-	import EditProductInfo from '@martyrs/src/modules/products/components/sections/EditProductInfo.vue';
-  import EditModifications from '@martyrs/src/modules/products/components/sections/EditModifications.vue';
-  
-	// Accessing router and store
-	import * as globals from '@martyrs/src/modules/globals/views/store/globals';
-	import * as auth from '@martyrs/src/modules/auth/views/store/auth';
- 	import * as products from '@martyrs/src/modules/products/store/products';
-  import * as categories from '@martyrs/src/modules/products/store/categories';
-
-	import { setError } from '@martyrs/src/modules/globals/views/store/globals'
-	
-	const route = useRoute()
-	const router = useRouter()
-
-  const Products = ref(products.state.all);
-  const isOpenIngredientPopup = ref(false);
-
-
-  function openIngredientPopup(member) {
-	  isOpenIngredientPopup.value = true;
-	  // if (typeof member === "number") selectedMember.value = member;
-	}
-
-	function closeIngredientPopup() {
-	  isOpenIngredientPopup.value = false;
-	  // selectedMember.value = null;
-	}
-
-  onMounted(async() => { 
-	  products.mutations.resetProduct();
-
-  	if (route.params.product) {
-		  await products.actions.read({ _id: route.params.product });
-	  } 
-
-	  if (!products.state.current.ingredients) {
-	  	products.state.current.ingredients = []
-	  }
-
-  	// Data prefetching
-	 	categories.state.all = await categories.actions.read({
+// Import libs
+import { reactive, computed, onMounted, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+// Import components
+import Block from '@martyrs/src/components/Block/Block.vue';
+import Tab from "@martyrs/src/components/Tab/Tab.vue";
+import Field from "@martyrs/src/components/Field/Field.vue";
+import Select from '@martyrs/src/components/Select/Select.vue';
+import Checkbox from "@martyrs/src/components/Checkbox/Checkbox.vue";
+import Button from "@martyrs/src/components/Button/Button.vue";
+import Tree from "@martyrs/src/components/Tree/Tree.vue";
+import EditImages from '@martyrs/src/components/EditImages/EditImages.vue';
+
+import BlockMultiselect from '@martyrs/src/modules/globals/views/components/blocks/BlockMultiselect.vue';
+import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';
+import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';
+
+import EditVariants from '@martyrs/src/modules/products/components/sections/EditVariants.vue';
+import EditAttributes from '@martyrs/src/modules/products/components/sections/EditAttributes.vue';
+import EditDiscounts from '@martyrs/src/modules/products/components/sections/EditDiscounts.vue';
+import EditCategories from '@martyrs/src/modules/products/components/sections/EditCategories.vue';
+
+
+// Accessing router and store
+import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';
+import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
+import * as products from '@martyrs/src/modules/products/store/products.js';
+import * as categories from '@martyrs/src/modules/products/store/categories.js';
+
+import { setError } from '@martyrs/src/modules/globals/views/store/globals.js'
+
+const route = useRoute()
+const router = useRouter()
+const emits = defineEmits(['page-loading', 'page-loaded']);
+
+let isPageLoaded = ref(false)
+let activeTab = ref('details')
+
+onMounted(async() => { 
+  emits('page-loading');
+
+  products.mutations.resetProduct();
+
+  if (route.params.product) {
+    await products.actions.read({ _id: route.params.product, lookup: ['variants','categories'] });
+  } else {
+    // Создаем дефолтный вариант для нового товара
+    if (!products.state.current.variants || products.state.current.variants.length === 0) {
+      products.state.current.variants = [{
+        name: 'Default',
+        sku: '',
+        images: [],
+        price: 0,
+        cost: 0,
+        quantity: 1,
+        unit: 'pcs',
+        available: 0,
+        ingredients: [],
+        attributes: []
+      }];
+    }
+  }
+
+  // Убедимся, что массивы инициализированы
+  if (!products.state.current.translations) {
+    products.state.current.translations = []
+  }
+  if (!products.state.current.discounts) {
+    products.state.current.discounts = []
+  }
+
+  try {
+    // Data prefetching
+    categories.state.all = await categories.actions.read({
       user: auth.state.user._id,
       rootOnly: true,
       excludeChildren: false,
       limit: 100
     })
+  } catch (error) {
+    console.error('error loading categories:', error);
+  }
+
+  emits('page-loaded');
+  isPageLoaded.value = true
+})
 
-    try {
-      const productsResponse = await products.actions.read({
-        organization: route.params._id,
-        limit: 100
-      });
-      Products.value = productsResponse;
-    } catch (error) {
-      console.error('error');
+async function onSubmit() {
+  try {
+    // Проверка на наличие хотя бы одного варианта
+    if (!products.state.current.variants || products.state.current.variants.length === 0) {
+      setError({ response: { data: { errorCode: "PRODUCT_MUST_HAVE_VARIANT" }} })
+      return;
     }
-  })
 
-	function onImagesUpdate(newImages) {
-	  products.state.current.images = newImages;
-	}
-	
-	async function onSubmit() {
-	  try {
-	    if (route.params.product) {
-	      await products.actions.update(route.params.product, products.state.current)
-	    } else {
-	      products.state.current.owner = {
-	        target: route.params._id || auth.state.user._id,
-	        type: route.params._id ? 'organization' : 'user'
-	      }
-	      
-	      products.state.current.creator = {
-	        target: auth.state.user._id,
-	        type: 'user',
-	        hidden: false
-	      }
-	      await products.actions.create(products.state.current)
-	    }
-	  } catch (error) {
-	  	setError({ response: { data: { errorCode: "PRODUCT_NOT_CREATED" }} })
-	    console.error('Product creation error:', error)
-	    // Здесь можно добавить обработку ошибки, например:
-	    // - показать уведомление пользователю
-	    // - отправить ошибку в систему мониторинга
-	    // - выполнить откат изменений при необходимости
-	  }
-	}
-
-	function onDelete() {
-		products.actions.deleteProduct(products.state.current._id)
-	}
-
-	function redirectTo () {
-		router.push({
-			name: 'Organization', 
-			params: { 
-				_id: route.params._id
-			} 
-		})
-	}
-
-	async function updateCategoriesOrder(category) {
-    try {
-      // Получаем все категории и преобразуем их в плоский массив
-      const allCategories = categories.state.all;
-      const flattenedCategories = flattenCategoryTree(allCategories);
-      
-      // Обновляем порядок для всех категорий
-      console.log('flated', flattenedCategories)
-      await categories.actions.updateOrder(flattenedCategories);
+    if (route.params.product) {
+      await products.actions.update(route.params.product, products.state.current)
+    } else {
+      products.state.current.owner = {
+        target: route.params._id || auth.state.user._id,
+        type: route.params._id ? 'organization' : 'user'
+      }
       
-      console.log('Categories order updated successfully');
-    } catch (error) {
-      console.error('Error updating categories order:', error);
-      throw error;
+      products.state.current.creator = {
+        target: auth.state.user._id,
+        type: 'user',
+        hidden: false
+      }
+      await products.actions.create(products.state.current)
     }
+    
+    redirectTo()
+  } catch (error) {
+    setError({ response: { data: { errorCode: "PRODUCT_NOT_CREATED" }} })
+    console.error('Product creation error:', error)
   }
+}
 
-  function selectCategory (item, event) {
-  	// products.state.current.category.push(item)
-  	products.state.current.category = event
-
-  	console.log('state catgories', products.state.current.category)
-
-	  const isSelected = products.state.current.category.includes(item._id);
-	  
-	  if (!isSelected) {
-	    // Если снимаем галочку с родителя, отключаем всех детей
-	    unselectChildren(item.children);
-	  } else {
-	    // Если включаем дочерний, включаем всех родителей
-	    selectParents(item._id, categories.state.all);
-	  }
-	};
-
-	// Выключаем всех дочерних при отключении родителя
-	const unselectChildren = (children) => {
-	  if (!children) return;
-	  children.forEach(child => {
-	    const index = products.state.current.category.indexOf(child._id);
-	    if (index !== -1) {
-	      products.state.current.category.splice(index, 1);
-	    }
-	    if (child.children?.length) {
-	      unselectChildren(child.children);
-	    }
-	  });
-	};
-
-	// Включаем всех родителей при выборе дочернего
-	const selectParents = (categoryId, items) => {
-	  // Функция для поиска прямого родителя и его ID
-	  const findParent = (childId, itemsToSearch) => {
-	    for (const item of itemsToSearch) {
-	      // Если текущий элемент содержит искомый ID в своих детях
-	      if (item.children?.some(child => child._id === childId)) {
-	        return item._id;
-	      }
-	      
-	      // Рекурсивно ищем в дочерних элементах
-	      if (item.children?.length) {
-	        const foundInChildren = findParent(childId, item.children);
-	        if (foundInChildren) return foundInChildren;
-	      }
-	    }
-	    return null; // Родитель не найден
-	  };
-	  
-	  // Рекурсивно находим всех предков и добавляем их в список
-	  let currentId = categoryId;
-	  let parentId;
-	  
-	  // Пока находим родителей, продолжаем подниматься вверх по дереву
-	  while ((parentId = findParent(currentId, items))) {
-	    if (!products.state.current.category.includes(parentId)) {
-	      products.state.current.category.push(parentId);
-	    }
-	    currentId = parentId; // Переходим к родителю более высокого уровня
-	  }
-	};
-</script>
-
-<style lang="scss">
-	.main-photo {
-		max-width: 50%;
-		img { width: 100%; }
-	}
-</style>
+function onDelete() {
+  products.actions.deleteProduct(products.state.current._id)
+}
+
+function redirectTo() {
+  router.push({
+    name: route.params._id ? 'Organization' : 'Products', 
+    params: route.params._id ? { _id: route.params._id } : {}
+  })
+}
+</script>