@ozdao/prometheus-framework 0.2.128 → 0.2.129

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

@@ -15,7 +15,7 @@
 
 <script setup="props">
 	// Import components
-	import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'
+	// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'
 	import PopularProducts 	from '@pf/src/modules/products/components/sections/PopularProducts.vue'
 	import SectionProduct from '@pf/src/modules/products/components/sections/SectionProduct.vue'
 	// Import libs
@@ -31,8 +31,7 @@
 	const route = useRoute()
 	const router = useRouter()
 
-	await products.actions.fetchProduct(route.params.product);
-
+	
 	route.meta.title.en = products.state.current.name
 	route.meta.title.ru = products.state.current.name
 
@@ -49,6 +48,11 @@
 			}
 		}
 	};
+
+	onMounted(async ()=> {
+		await products.actions.fetchProduct(route.params.product);
+
+	})
 	
 	// products.state.current.localization.forEach(localization => {
   	// if (localization) text.messages[localization.locale].description = localization.text

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

@@ -1,10 +1,10 @@
 <template>
-    <div id="product-recommendation" class="h-min-100vh t-white bg-black">
+    <div id="product-recommendation" class="h-min-100 pd-thin t-white bg-black">
         <Loader v-if="loading" :status="loadingText" class="pos-fixed"/>
 
         <div v-if="!loading && !showInput" class="section">
 
-            <div v-if="!loading" class="mn-b-big">
+            <div v-if="!loading" class="mn-b-thin">
                 <FieldBig 
                     :input="inputValue" 
                     :loopTyping="false"
@@ -13,13 +13,14 @@
                     :action="t('action')"
                     @update:input="inputValue = $event"
                     @action="submitInput"
-                    class="t-white bs-blur-regular w-100"
+                    class="t-white bg-dark-transp-50 w-100"
                  />
             </div>
 
             <SectionProduct 
                 :product="products.state.current" 
                 :recommendation="products.state.current.recommendation" 
+                class="bg-dark-transp-50 pd-big radius-big"
             />
         </div>
     </div>
@@ -53,13 +54,13 @@ const text = {
             TITLE: "Increase Your High,<br><b class='t-white'>Powered by AI Budtender</b>",
             DESCRIPTION: "AI's got your chill, bro. We're picking out the most cosmic weed strains based on your desired vibe:",
             placeholder: 'Describe your desired high, bro...',
-            action: "Transmit Vibes →",
+            action: "Transmit →",
         },
         ru: {
             TITLE: "Персональный Накур,<br><b class='t-white'>Напрямую от AI</b>",
             DESCRIPTION: "AI на страже твоего релакса, бро. Мы подбираем самые космические сорта травы, исходя из твоего желаемого настроения:",
             placeholder: 'Опиши свой желамый хай, bro...',
-            action: "Передать Вайб →",
+            action: "Передать →",
         }
     }
 }

package/src/modules/products/components/sections/FilterProducts.vue

@@ -1,5 +1,5 @@
   <template>
-    <div class="pd-medium bg-white-transp-50 radius-big">
+    <div class="pd-medium bg-light radius-big">
       <!-- Categories Filter -->
       <Spoiler 
         class="radius-small o-hidden mn-b-small"
@@ -46,11 +46,11 @@
         </template>
       </Spoiler>
 
-      <!-- <hr class="mn-b-small"> -->
+      <hr class="mn-b-small">
 
       <!-- Delivery Filter -->
-     <!--  <Spoiler 
-        class="radius-small o-hidden br-1px br-solid br-grey-transp-25 mn-b-small"
+      <Spoiler 
+        class="radius-small o-hidden mn-b-small"
         :status="false"
       >
         <template #header>
@@ -69,7 +69,7 @@
         </template>
       </Spoiler>
 
-      <hr class="mn-b-semi"> -->
+      <hr class="mn-b-semi">
 
       <!-- Reset filter -->
       <button @click="resetFilters" class="bg-main w-100 button">{{ t('filters.reset') }}</button>
@@ -158,7 +158,7 @@ onMounted(async () => {
       delivery: query.delivery ? query.delivery.split(',') : [],
       // Продолжайте этот паттерн для остальных полей фильтра
     };
-    marketplace.state.filter = newFilterValue;
+    marketplace.state.filter.innerHTML = newFilterValue;
   }
 })
 

package/src/modules/products/components/sections/HeroRecommendation.vue

@@ -71,7 +71,7 @@
 
 <template>
 	<div 
-		class="pd-t-8r pd-big bg-black t-white pos-relative o-hidden "
+		class="pd-big bg-black t-white pos-relative o-hidden "
 	>
 		<div class="flex-column flex-center flex t-center pos-relative z-index-1">
 			

package/src/modules/products/components/sections/PopularProducts.vue

@@ -1,6 +1,5 @@
 <template>
-<div id="popularProducts" class="pd-thin">
-	<div class="bg-light radius-big pd-t-big pd-b-big">
+	<div id="popularProducts" class="bg-light radius-big pd-t-big pd-b-big">
 
 		<h2 class="mn-b-semi t-center " v-html="t('title')"/>
 		
@@ -34,7 +33,6 @@
     	</div>
 		</div>
 	</div>
-</div>
 </template>
 
 

package/src/modules/products/components/sections/SectionProduct.vue

@@ -1,8 +1,8 @@
 <template>
-	<div class="cols-2-1_2 w-100 gap-big">
+	<div class="cols-2-1_2 w-100 gap-thin">
 		
-		<div class="flex-nowrap flex-column flex pos-relative">
-			<div class="h-100 h-max-50vh bg-light radius-big o-hidden">
+		<div class="pd-small bg-light radius-big flex-nowrap flex-column flex pos-relative">
+			<div class="w-100 bg-light radius-semi o-hidden">
 				<!-- PRODUCT IMAGE -->
 				<Images360
 					v-if="product && product.image3d"
@@ -13,7 +13,7 @@
 
 				<img
 					v-if="images[0] && !product.image3d"
-					class="h-100 bg-light w-100"
+					class="h-auto bg-light w-100"
 					style="object-fit: contain;"
 					:src="(FILE_SERVER_URL || '') + images[0]"
 				/>
@@ -29,11 +29,11 @@
 			<ImagesThumbnails
 				v-if="images.length > 1"
 				:images="images"
-				class="mn-t-medium"
+				class="mn-t-thin"
 			/>
 		</div>
 
-		<div class="pos-relative w-100 h-100 flex-column flex-justify flex col">
+		<div class="pd-big bg-light radius-big pos-relative w-100 h-100 flex-column flex-justify flex col">
 
 		<!-- <IconEdit
 			@click="$router.push({
@@ -75,7 +75,7 @@
 				<div 
 					v-if="product.information.length > 0" 
 					v-for="information in product.information" 
-					class="w-100 pd-small radius-small bg-light-transp-30 product-information"
+					class="w-100 pd-small radius-small bg-grey-transp-10 product-information"
 				>
 					<p class="t-demi">{{ information.name }}</p>
 					<p>{{ information.value }}</p>
@@ -91,7 +91,7 @@
 						success: ' ✔ Added',
 						error: 'error'
 					}"
-					class="w-100 mn-r-small bg-main button"
+					class="h-3r w-100 mn-r-small bg-main button"
 				> 
 						{{ t('addtoorder') }}
 				</Button>

package/src/modules/spots/components/layouts/Spots.vue

@@ -1,40 +1,42 @@
 <template>
 	<div class="w-100 h-100">
 		<!-- Catalog wrapper -->
-		<div class="h-100 w-100 flex-nowrap flex-column flex gap-thin pd-thin">
-
-					<!-- Sorting section -->
-					<div class="pd-medium bg-main radius-big">
-						<div class="flex-nowrap flex flex-v-center">
-							<header class="mn-r-auto flex-v-center t-left flex-nowrap flex">
-				      	<h2 class="t-left">
-				      		<span class="">Weed in </span>
-
-				      		<span @click="a => { globals.state.isOpenLocationPopup = true }" v-if="localPosition.city || localPosition.state || localPosition.country" class="t-semi t-black">
-			      				<span v-if="localPosition.city">{{localPosition.city}}, </span>
-			      				<span v-if="localPosition.state">{{localPosition.state}}, </span>
-			      				<span v-if="localPosition.country">{{localPosition.country}}</span>
-				      		</span>
-
-				      		<span v-else @click="a => { globals.state.isOpenLocationPopup = true }"  class="t-semi t-main">
- 										The World
-				      		</span>
-				      	</h2>
-							</header>
-
-							<!-- <button class="bg-main button">See on map</button> -->
-						</div>
+		<div class="h-100 w-100 flex-nowrap flex-column flex gap-thin">
+
+				<!-- Sorting section -->
+				<div class="pos-absolute z-index-2 w-100">
+	      	<h2 class="bg-black-transp-25 t-white pd-small w-100 bg-blur-big mn-l-auto mn-r-auto t-center">
+	      		<span class="">Weed in </span>
+
+	      		<span @click="a => { globals.state.isOpenLocationPopup = true }" v-if="localPosition.city || localPosition.state || localPosition.country" class="t-semi t-main">
+      				<span v-if="localPosition.city">{{localPosition.city}}, </span>
+      				<span v-if="localPosition.state">{{localPosition.state}}, </span>
+      				<span v-if="localPosition.country">{{localPosition.country}}</span>
+	      		</span>
+
+	      		<span v-else @click="a => { globals.state.isOpenLocationPopup = true }"  class="t-semi t-main">
+								The World
+	      		</span>
+	      	</h2>
 					</div>
 
 
-					<!-- <Filters/> -->
-
-					<!-- Products section -->
-					<router-view  v-slot="{ Component, route }">
-						<transition   name="scaleIn" mode="out-in">
-							<component ref="page" :key="route.path" :localPosition="localPosition" :is="Component" class=""/>
-						</transition>
-					</router-view>
+				<!-- <Filters/> -->
+
+				<!-- Products section -->
+				<router-view  v-slot="{ Component, route }">
+					<transition name="scaleIn" mode="out-in">
+						<component 
+							ref="page" 
+							:key="route.path" 
+							:localPosition="localPosition" 
+							:is="Component"
+							:apiKey="GOOGLE_MAPS_API_KEY" 
+      				:locale="$i18n.locale"
+							class=""
+						/>
+					</transition>
+				</router-view>
 
 		</div>
 	</div>