@ozdao/prometheus-framework 0.2.30 → 0.2.31

package/src/modules/marketplace/components/sections/Filters.vue

@@ -0,0 +1,195 @@
+<template>
+	<div class="z-index-1 pos-relative radius-big bg-black t-white pd-medium flex-v-center flex-nowrap flex">
+		<!-- <p class="t-semi radius-extra uppercase p-medium mn-r-thin">Filter by</p> -->
+		<Dropdown 
+			:label="t('categoriesTitle')" 
+			class="cursor-pointer mn-r-small br-solid br-2px br-white pd-thin t-semi radius-extra uppercase p-medium"
+			:class="[
+        store.marketplace.state.filter.categories.length > 0 ? 'bg-white t-black' : ''
+      ]"
+		>
+			<div class="w-100 h-100 radius-semi o-hidden bg-black">
+      	<Checkbox 
+  				v-for="(category, index) in categories"
+          :label="category.name"
+          name="categories"
+          :value="category.url"
+          class="cursor-pointer  w-100  bg-black t-white radius-small pd-small"
+          :radio="store.marketplace.state.filter.categories"
+          @update:radio="event => store.marketplace.state.filter.categories = event"
+        />
+     	</div>
+     </Dropdown>
+
+     <Dropdown 
+     	:label="t('filters.price.title')" 
+     	class="cursor-pointer  mn-r-small br-solid br-2px br-white pd-thin t-semi radius-extra uppercase p-medium"
+     	:class="[
+        store.marketplace.state.filter.prices.length > 0 ? 'bg-white t-black' : ''
+      ]"
+     >
+      <div class="w-100 h-100 radius-semi o-hidden bg-black">
+      	<Checkbox 
+  				v-for="(price, index) in prices"
+          :label="price.label"
+          name="prices"
+          :value="price.value"
+          class="cursor-pointer  w-100 mn-t-small bg-black t-white radius-small pd-small"
+          :radio="store.marketplace.state.filter.prices"
+          @update:radio="event => store.marketplace.state.filter.prices = event"
+        />
+      </div>
+     </Dropdown>
+
+     <Dropdown 
+     	label="Delivery" 
+     	class="cursor-pointer mn-r-auto br-solid br-2px br-white pd-thin t-semi radius-extra uppercase p-medium"
+     	:class="[
+        store.marketplace.state.filter.delivery.length > 0 ? 'bg-white t-black' : ''
+      ]"
+     >
+      <div class="w-100 h-100 radius-semi o-hidden bg-black">
+      	<Checkbox 
+  				v-for="(delivery, index) in delivery"
+          :label="delivery.label"
+          name="prices"
+          :value="delivery.value"
+          class="cursor-pointer  w-100 mn-t-small bg-black t-white radius-small pd-small"
+          :radio="store.marketplace.state.filter.delivery"
+          @update:radio="event => store.marketplace.state.filter.delivery = event"
+        />
+      </div>
+     </Dropdown>
+		<!-- Reset filter -->
+		<p class="t-semi radius-extra uppercase p-medium mn-r-thin">Sort by</p>
+
+    <div class="flex-stretch flex-nowrap gap-thin flex">
+  		<Select 
+        :options="['products','distance','popularity']"
+        v-model:select="store.marketplace.state.sort.param" 
+        placeholder="Select type"
+        class="
+          bg-white
+          cursor-pointer
+          radius-small 
+          pd-thin t-semi uppercase p-medium
+         	w-8r
+         	t-center
+          t-black
+        "
+      />
+      <div 
+        @click="() => {
+          if (store.marketplace.state.sort.order === 'desc') { 
+            store.marketplace.state.sort.order = 'asc' 
+          }
+          else {
+            store.marketplace.state.sort.order = 'desc' 
+          }
+        }"
+        class="
+          bg-white
+          cursor-pointer
+          pd-thin 
+          w-2r
+          t-center
+          t-black
+          radius-small 
+          flex-justify-between
+          flex-column
+          flex
+          aspect-1x1
+        "
+      >
+        <div v-for="i in 4" :style="`height: 0.2rem; width: ${store.marketplace.state.sort.order === 'desc' ? 100 / i : 25 * i }%;`" class="transition-linear radius-small bg-black"/>
+        </div>
+      </div>	
+    </div>
+
+</template>
+
+<script setup>
+	import { computed, onMounted, ref } from 'vue'
+
+
+ 	import Checkbox from "@pf/src/components/Checkbox/Checkbox.vue";
+ 	import Select from "@pf/src/components/Select/Select.vue";
+ 	import Dropdown from "@pf/src/components/Dropdown/Dropdown.vue";
+
+	import { useStore } from '@/store'
+	import { useI18n } from 'vue-i18n'
+
+	const store = useStore()
+
+	const categories = computed(() => store.categories.state.all)
+
+	const delivery = [
+    { label: 'Pickup',					value: 'pickup' },
+    { label: 'Courier',					value: 'courier' },
+    { label: 'Post',						value: 'post' }
+	]
+
+	const prices = [
+    { label: 'Under 300฿',				value: '<300' },
+    { label: '300฿ to 600฿',			value: '300-600' },
+    { label: '600฿ to 1200฿',			value: '600-1200' },
+    { label: '$1200 and above',		value: '>1200' }
+	]
+
+	const text = {
+    locale: 'en',
+    messages: {
+      en: {
+      	categoriesTitle: 'Category',
+      	categories: [],
+      	sort: {
+      		price: 'By price',
+      		newest: 'By newest',
+      		popularity: 'By popularity'
+      	},
+      	filters: {
+      		title: 'Filters',
+      		price: {
+      			title: 'Price',
+      			from: 'From',
+      			to: 'To'
+      		},
+      		filters: [],
+      		reset: 'Reset Filters'
+      	}
+      },
+      ru: {
+      	categoriesTitle: 'Категория',
+      	sort: {
+      		price: 'По цене',
+      		newest: 'По новизне',
+      		popularity: 'По популярности'
+      	},
+      	filters: {
+      		title: 'Фильтры',
+      		price: {
+      			title: 'Цена',
+      			from: 'От',
+      			to: 'До'
+      		},
+      		filters: [],
+      		reset: 'Сбросить фильтры',
+      	}
+      }
+    }
+  }
+
+	const { t } = useI18n(text)
+
+	onMounted(async () => {
+		await store.categories.actions.fetchCategories()
+
+		store.categories.state.all.forEach( category => {
+	  	category.localization.forEach( localization => {
+	    	text.messages[localization.locale].categories.push(localization.text)
+	  	})
+		})
+	})
+
+	
+</script>

package/src/modules/marketplace/store/marketplace.js

@@ -24,8 +24,8 @@ const state = reactive({
     extra: []
   },
   sort: {
-    current: 'popularity',
-    ascending: false
+    param: 'distance',
+    order: 'asc'
   },
   search: {
     active: false,

package/src/modules/middlewares/client/auth.validation.js

@@ -1,9 +1,5 @@
-import { useRoute, useRouter } from 'vue-router'
-
 import * as auth from '../../../modules/auth/store/auth'
 
-const router = useRouter()
-
 function requiresAuth(to, from, next) {
 
   const isLogin = auth.state.access.status;
@@ -26,8 +22,6 @@ function requiresAdmin(to, from, next) {
   next();
 }
 
-
-
 function requiresNoAuth(to, from, next) {
   const isLogin = auth.state.access.status;
   // to.meta.requiresNoAuth 

package/src/modules/middlewares/client/states.validation.js

@@ -1,10 +1,6 @@
-import { useRoute, useRouter } from 'vue-router'
-
 import * as auth from '../../../modules/auth/store/auth'
 
-const router = useRouter()
-
-function resetUser(to, from,next) {
+function resetUser(to, from, next) {
   next()
   auth.state.user.phone = ''
   auth.state.user.email = ''
@@ -13,12 +9,10 @@ function resetUser(to, from,next) {
 }
 
 // Check state before open
-function checkUser(to, from,next) {
-  console.log(auth.state.user)
+function checkUser(to, from, next) {
   if (auth.state.user.phone === '' && auth.state.user.email === '') {
     next('/auth/signin')
   } else {
-    // Allow the user to access the route
     next()
   }
 }

package/src/modules/middlewares/server/authJwt.js

@@ -16,7 +16,7 @@ const middlewareFactory = (db) => {
       }
 
       const decoded = jwt.verify(token, process.env.SECRET_KEY);
-      req.userId = decoded.id;
+      req.userId = decoded._id;
 
       console.log('success');
       next();

package/src/modules/mobile/components/Menu/MenuItem.vue

@@ -1,13 +1,10 @@
 <script>
   import { h, ref, inject, defineComponent } from 'vue';
-  import IconChevronRight from '@pf/src/modules/icons/navigation/IconChevronRight.vue';  // Importing the IconChevronRight component
+  
+  import IconChevronRight from '@pf/src/modules/icons/navigation/IconChevronRight.vue';  
 
   export default defineComponent({
     props: {
-      theme: {
-        type: String,
-        default: 'black'  // Значение по умолчанию
-      }
     },
     setup(props, { slots }) {
       return () => {
@@ -65,7 +62,7 @@
                 )
               ]
             ),
-            h(IconChevronRight, { class: "i-medium mn-r-medium", type: "chevron",  theme: props.theme })
+            h(IconChevronRight, { class: "i-medium mn-r-medium", type: "chevron"})
           ]
         );
       };

package/src/modules/openai/controllers/openai.controller.js

@@ -1,4 +1,3 @@
-const fetch = require('node-fetch')
 const path = require('path');
 const {v1: uuidv1, v4: uuidv4, } = require('uuid');
 // Factory

package/src/modules/orders/components/blocks/CardOrder.vue

@@ -0,0 +1,166 @@
+<template>
+	<div class="pd-big mn-regular order-client-card col"> 
+	  <p class="mn-regular flex-center flex-nowrap flex w-100">
+			<img v-if="order.status === 'Created'" 			class="mn-r-small" src="@/assets/icons/status/created.svg"/>
+			<img v-if="order.status === 'Confirmed'"	class="mn-r-small" src="@/assets/icons/status/confirmed.svg"/>
+			<img v-if="order.status === 'Awaiting shipment'" 			class="mn-r-small" src="@/assets/icons/status/paid.svg"/>
+			<img v-if="order.status === 'In delivery'" 		class="mn-r-small" src="@/assets/icons/status/finished.svg"/>
+			<img v-if="order.status === 'Finished'" 		class="mn-r-small" src="@/assets/icons/status/finished.svg"/>
+	    <span class="w-100 t-medium p-big">{{order.status}}</span>
+	  </p>
+	  
+	  <div class="flex-nowrap flex">
+	  	<div class="mn-r-bold pd-r-big br-right-dark w-66">
+	  		<ul class="mn-semi">
+	        <!-- <li v-for="(product, index) in orderProducts(order.items.slice(0,2))" :key="product.id" class="shop-cart-item">
+	        	<img v-if="product.images" :src="require( `@/assets/images/products/${product.images[0]}`)">
+	          <img v-if="!(product.images)" :src="require( `@/assets/icons/photo.svg`)">
+	          
+	          <div class="text-left">
+	            <p class="name">{{ product.name }}</p>
+
+	            <div class="flex">
+	              <div class="small-underline variant">
+	                <span v-if="!product.size && !product.color" class="">One-size</span>
+	                <span v-if="product.size" class="">{{ product.size}}</span>
+	                <span v-if="product.color && product.size" class="">, </span>
+	                <span v-if="product.color" class="">{{ product.color}}</span>
+	              </div>
+	              
+	              <p class="t-demi">$ {{product.quantity}} x {{product.price}}</p>
+	            </div>
+
+	          </div>
+
+	    		</li> -->
+	      </ul>
+	      <p class="mn-small t-medium p-big">
+	      	Adress and delivery
+	      </p>
+	      <p class="mn-small">
+	        {{order.delivery.adress}} 
+	      </p>
+	      <p v-if="order.delivery.type === 'Post'" class="w-">
+	     		You have chosen delivery using the courier service CDEK. Estimated delivery date {{DateToFormattedString(order.createdAt)}}.
+	      </p>
+
+	      <p v-if="order.delivery.type === 'Courier'" class="w-">
+	     		You have chosen delivery by courier. Estimated delivery date {{DateToFormattedString2(order.createdAt)}}.
+	      </p>
+
+	      <p v-if="order.delivery.type === 'Pickup'" class="w-">
+	     		You have chosen to receive the order in the Moscow store.
+	      </p>
+	    </div>
+
+
+	    <div class="w-40">
+	    	<p class="mn-small w-100 t-medium p-big">
+	        <span class="t-transp">Order:</span> №{{order._id.slice(0,8)}} 
+	      </p>
+	       <p  v-if="order.delivery.type === 'Post'" class="mn-medium w-100">
+	       	<span class="t-transp">Estimated shipping date:</span><br>{{DateToFormattedString(order.createdAt)}}
+	      </p>
+	      <p  v-if="order.delivery.type === 'Courier'" class="mn-medium w-100">
+	       	<span class="t-transp">Shipping date:</span><br>{{DateToFormattedString2(order.createdAt)}}
+	      </p>
+	      <p  v-if="order.delivery.type === 'Pickup'" class="mn-medium w-100">
+	       	<span class="t-transp">Type of delivery:</span><br>Pickup
+	      </p>
+	      <hr class="mn-medium">
+
+	      <div :class="{'mn-semi': order.delivery.type == ''}" class="flex">
+	        <p  class="t-transp">In total</p>
+	        <p>$ {{ cartTotalPrice }}</p>
+	      </div>
+	      <div v-if="order.delivery.type !== ''" class="mn-semi flex">
+	        <p  class="t-transp">Delivery</p>
+	        <p v-if="order.delivery.type === 'Pickup'">Free</p>
+	        <p v-if="order.delivery.type === 'Post'">$ 10</p>
+	        <p v-if="order.delivery.type === 'Courier'">$ 20</p>
+	      </div>
+	      <div class="mn-semi intotal flex-bottom flex">
+	        <p  class="t-transp">In total to pay</p>
+	        <p v-if="order.delivery.type === ''" class="p-big t-semi">$ {{ cartTotalPrice }}</p>
+	        <p v-if="order.delivery.type === 'Pickup'" class="p-big t-semi">$ {{ cartTotalPrice}} ₽</p>
+	        <p v-if="order.delivery.type === 'Courier'" class="p-big t-semi">$ {{ cartTotalPrice + 20 }}</p>
+	        <p v-if="order.delivery.type === 'Post'" class="p-big t-semi">$ {{ cartTotalPrice + 10 }}</p>
+	      </div>
+	      <hr  v-if="order.status === 'Confirmed'" class="mn-semi" >
+	     <!-- 	<button 
+	     	@click="requestPayment(order)"
+	     	v-if="
+	     		order.status === 'Подтвержден' 
+	     		&& order.payment.type === 'Online'
+	     		&& payment.Status !== 'CONFIRMED'
+	     		&& payment.Status !== 'REFUNDED'
+	     	" 
+	     	class='w-100 button'>Оплатить заказ</button> -->
+	     	<span class="t-transp" v-if="payment && payment.Status === 'CONFIRMED'">Paid</span> 
+	    </div>  
+	  </div>
+	</div>		
+
+</template>
+
+
+<script setup="props">
+	import { defineProps,computed } from 'vue'
+	import { useRouter } from 'vue-router'
+
+	const router = useRouter()
+
+	const props = defineProps({
+	  order: Object,
+	});
+
+
+
+	// await store.dispatch('payments/getStatus', props.order._id)
+
+	// const payment = computed(() => store.state.payments.current)
+	// const cartTotalPrice = computed(() => store.getters['orders/orderTotalPrice'])
+
+	function requestPayment(order) {
+		 // store.dispatch("payments/newPayment", order);
+	}
+	
+	function DateToFormattedString(d) {         
+    var fixedDate = new Date(d);                                                     
+    var mm = (fixedDate.getMonth()+1).toString(); // getMonth() is zero-based         
+    var dd  = (fixedDate.getDate() + 6).toString();            
+                         
+    return (dd[1]?dd:"0"+dd[0]) + '/' + (mm[1]?mm:"0"+mm[0]);
+  }
+
+  function DateToFormattedString2(d) {         
+    var fixedDate = new Date(d);                                                     
+    var mm = (fixedDate.getMonth() + 1).toString(); // getMonth() is zero-based         
+    var dd  = (fixedDate.getDate() + 1).toString();            
+                         
+    return (dd[1]?dd:"0"+dd[0]) + '/' + (mm[1]?mm:"0"+mm[0]);
+  }
+
+	// function orderProducts (items) {
+	//   return items.map(({ id, size, color, quantity }) => {
+	//     const product = store.state.products.all.find(product => product.id === id)
+	//     return {
+	//       name: product.name,
+	//       images: product.images[0],
+	//       color,
+	//       size,
+	//       price: product.price,
+	//       id: product.id,
+	//       quantity
+	//     }
+	//   })
+	// }
+
+</script>
+
+<style lang="scss" scoped>
+.shop-cart-item {
+	&:first-of-type { padding-top: 0;}
+}
+
+</style>

package/src/modules/orders/components/blocks/CardOrderItem.vue

@@ -1,45 +1,57 @@
 <template>
-	<div class="flex-stretch flex-nojustify flex-nowrap flex shop-cart-item">
-    <!-- Item Image -->
-    <img class="bg-grey aspect-1x1 " v-if="product.images[0]"    :src="(FILE_SERVER_URL || '') + product.images[0]">
-    <svg 
-      width="524" 
-      height="345" 
-      viewBox="0 0 524 345" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      v-if="!product.images[0]" 
-       class="i-extra"
-    >
-      <rect width="524" height="345" fill="white"/>
-      <rect width="524" height="345" fill="white" />
-      <circle cx="262" cy="172" r="56" fill="#00ff88" fill-opacity="0.1"/>
-      <path  
-        fill="#00ff88" 
-        d="M229.348 186.819C230.243 191.884 233.393 194.231 238.458 193.273V193.644C238.458 198.832 241.206 201.581 246.364 201.581H291.545C296.733 201.581 299.481 198.74 299.481 193.644V162.576C299.481 157.481 296.733 154.64 291.545 154.64H285.677L284.071 145.653C283.175 140.619 279.995 138.303 274.899 139.198L230.398 147.043C225.302 147.969 223.048 151.15 223.943 156.246L229.348 186.819ZM230.83 186.479L225.456 156.06C224.715 151.86 226.537 149.266 230.737 148.525L275.084 140.712C279.13 140.001 281.848 141.762 282.62 145.993L284.102 154.64H246.364C241.206 154.64 238.458 157.419 238.458 162.576V191.729L238.365 191.76C234.165 192.532 231.571 190.679 230.83 186.479ZM239.971 162.669C239.971 158.376 242.164 156.153 246.456 156.153H291.483C295.59 156.153 297.968 158.376 297.968 162.669V190.093L284.565 177.894C283.145 176.597 281.662 175.856 279.809 175.856C277.987 175.856 276.628 176.566 275.146 177.863L262.052 189.073L257.142 184.565C255.875 183.36 254.764 182.743 253.158 182.743C251.675 182.743 250.656 183.36 249.39 184.503L239.971 193.212V162.669ZM257.636 178.419C261.373 178.419 264.43 175.3 264.43 171.471C264.43 167.734 261.373 164.584 257.636 164.584C253.806 164.584 250.718 167.734 250.718 171.471C250.718 175.3 253.806 178.419 257.636 178.419Z"
-      />
-    </svg>
-
-    <!-- Item Description -->
-    <div class="text-left">
-      <!-- Name -->
-      <p class="name">{{ product.name }}
-      <!-- Modifications -->
-        <span v-if="product.size" class="t-transp">, {{ product.size}}</span>
-        <span v-if="typeof product.color === 'string' && product.size" class="t-transp">, </span>
-        <span v-if="typeof product.color === 'string' " class="t-transp">{{product.color}}</span>
-      </p>
-      <!-- Price -->
-      <p class="t-main t-demi price mn-b-small"><span v-if="editable" >{{ product.quantity }} x </span>{{product.price}} {{returnCurrency()}}</p> 
-      <!-- Quantity -->
-      <div v-if="editable" class="flex-nojustify flex">
-        <div  class="flex-nowrap flex">
-          <button @click="decrease(product)" class="mn-r-thin bg-grey button-square button">-</button>
-          <button @click="increase(product)" class="mn-r-thin bg-grey button-square button">+</button>
+	<div 
+    class="gap-small pos-relative cols-1"
+    style="box-sizing: content-box;" 
+  >
+
+    <div class="pos-relative  w-100 gap-thin flex-stretch flex-nowrap flex">
+      <div class="bg-grey h-100 o-hidden pos-relative radius-small aspect-1x1"
+        style="flex: 1 0 auto"
+      >
+        <!-- Item Image -->
+        <img 
+          class="w-100 object-fit-cover pos-absolute h-100" 
+          v-if="product.images[0]"    
+          :src="(FILE_SERVER_URL || '') + product.images[0]"
+        >
+        <PlaceholderImage
+          v-if="!product.images[0]" 
+          class="bg-grey pos-absolute radius-small w-100 h-100"
+        />
+      </div>
+      
+     
+      <!-- Item Description -->
+      <div class="w-100 pos-relative">
+        <!-- Name -->
+        <p  class="t-truncate t-medium">{{ product.name }}
+          <span v-if="product.size" class="t-transp">, {{ product.size}}</span>
+          <span v-if="typeof product.color === 'string' && product.size" class="t-transp">, </span>
+          <span v-if="typeof product.color === 'string' " class="t-transp">{{product.color}}</span>
+        </p>
+        <!-- Price -->
+        <p 
+          class="t-main t-demi"
+        >
+          <span v-if="product.quantity">{{ product.quantity }} x </span>{{product.price}} {{returnCurrency()}}
+          <span v-if="product.sale"  class="pd-r-small t-transp t-transp p-medium line-through price">{{(product.price / 100) * (100 + product.sale) }} {{returnCurrency()}} </span>
+        </p> 
+        <!-- Quantity -->
+        <div v-if="editable" class="mn-t-thin gap-thin flex-nojustify flex">
+          <IconAdd
+            @click="increase(product)"
+            class="hover-scale-1 cursor-pointer bg-grey i-big pd-thin radius-small"
+          />
+          <IconMinus
+            @click="decrease(product)"
+            class="hover-scale-1 cursor-pointer bg-grey i-big pd-thin radius-small"
+          />
+          <IconDelete
+            @click="remove(product)"
+            class="hover-scale-1 cursor-pointer bg-grey i-big pd-thin radius-small"
+          />
         </div>
-        <button @click="remove(product)" class="hover_br-transp hover_br-l-dark bg-transp button-square button">
-          <svg fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m7.27124 0h5.45456c1.0041 0 1.8182.814027 1.8182 1.81818v.90899h2.7278c1.0042 0 1.8182.81402 1.8182 1.81818v1.81818c0 1.00415-.814 1.81818-1.8182 1.81818h-.0735l-.8363 10.00009c0 1.0042-.814 1.8182-1.8182 1.8182h-9.09087c-1.00416 0-1.81818-.814-1.81504-1.7427l-.83964-10.07559h-.07187c-1.00415 0-1.818177-.81403-1.818177-1.81818v-1.81818c0-1.00416.814027-1.81818 1.818177-1.81818h2.72668v-.90899c0-1.004153.81402-1.81818 1.81818-1.81818zm-1.81889 18.1819-.83047-10h10.75152l-.827 9.9245-.0031.0755zm-2.72612-11.81799v-1.81818h14.54547v1.81818zm10.00137-4.54571v.90909h-5.45456v-.90909z" fill="#8a8a8a" fill-rule="evenodd"/></svg>
-        </button>
+
       </div>
     </div>
   </div>
@@ -51,6 +63,13 @@
 	import { computed } from 'vue'
 	import { useRouter } from 'vue-router'
 
+  import IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue'
+  import IconMinus from '@pf/src/modules/icons/navigation/IconMinus.vue'
+  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue'
+
+
+  import PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'
+
 	const router = useRouter()
 
 	const props = defineProps({
@@ -65,32 +84,6 @@
 </script>
 
 <style lang="scss">
-.shop-cart-item  {
-  width: 100%;
-
-  // flex: 1 0 auto;
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-  border-bottom: 1px solid #f7f7f7 ;
-
-  .name {
-     overflow: hidden; /* Скрывает все, что выходит за пределы блока */
-    text-overflow: ellipsis; /* Добавляет многоточие, если текст обрезается */
-    display: -webkit-box; /* Устанавливает элемент как блочный контейнер */
-    -webkit-line-clamp: 1; /* Ограничивает количество строк до 3 */
-    -webkit-box-orient: vertical; /* Устанавливает вертикальное направление расположения строк */
-  }
-
-  > img {
-    width: 5rem;
-    aspect-ratio: 1 / 1;
-    margin-right: 1.25rem;
-
-    object-fit: cover;
-
-    border-radius: 1rem;
-  }
-}
 </style>
 
 

package/src/modules/orders/components/blocks/Positions.vue

@@ -43,7 +43,7 @@
           <div v-if="data[index]" class="flex-nowrap flex w-100">
             <select 
                 v-if="product.size"
-                @input="updateInputText('orders', 'current.items[' + index + '].size', $event)" 
+                @input="updateInputText('orders', 'current.positions[' + index + '].size', $event)" 
                 :value="product.size"  
                 placeholder="hello@example.com"
                 class="mn-r-small mn-b-small input-text input" 
@@ -54,7 +54,7 @@
             <select 
                 v-if="product.color"
                
-                @input="updateInputText('orders', 'current.items[' + index + '].color', $event)"
+                @input="updateInputText('orders', 'current.positions[' + index + '].color', $event)"
                 placeholder="hello@example.com"
                 class="mn-r-small mn-b-small input-text input" 
               >
@@ -65,7 +65,7 @@
 
 
             <input 
-              @input="updateInputText('orders', 'current.items[' + index + '].quantity', $event)" 
+              @input="updateInputText('orders', 'current.positions[' + index + '].quantity', $event)" 
               :value="product.quantity" 
               placeholder="Маргарита"
               class="mn-b-small input-text input" 
@@ -135,7 +135,7 @@
    }
 
    function saveItemList () {
-     store.dispatch('orders/updateOrderItems', route.params._id)
+     store.dispatch('orders/updateOrderpositions', route.params._id)
    }