@ozdao/prometheus-framework 0.2.38 → 0.2.40

package/src/modules/landing/components/sections/SectionFeatures.vue

@@ -0,0 +1,80 @@
+<template>
+  <div id="howtobuy" class="pd-thin">
+    <section class="t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big">
+      <h2 class="w-max-50r mn-l-auto mn-r-auto mn-b-small" v-html="t('title')"/>
+     
+
+      <div class="cols-3 gap-thin">
+        <div 
+          v-for="feature in tm('features')" 
+          :key="feature.title" 
+          class="pd-medium  radius-big"
+        >
+          <p class="mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium">
+            {{ feature.icon }}
+          </p>
+          <h3 class="mn-b-medium">
+            {{ feature.title }}
+          </h3>
+          <p class="t-transp">
+            {{ feature.description }}
+          </p>
+        </div>
+      </div>
+
+    </section>
+  </div>
+</template>
+
+
+<script setup>
+  import { useI18n }    from 'vue-i18n'
+
+  const props = defineProps({
+    title: String,
+    textData: {
+      type: Object,
+      default: () => ({
+        messages: {
+          en: {
+            title: 'Transform Your View on Smoking with <b class="t-main">Next Industrial Revolution</b>',
+            features: [{
+              icon: '1',
+              title: 'United in Growth',
+              description: 'Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally.',
+            },{
+              icon: '2',
+              title: 'Trust in Crypto',
+              description: 'Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions.',
+            },{
+              icon: '3',
+              title: 'Boosted by AI',
+              description: 'With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals.',
+            }]
+          },
+          ru: {
+            title: 'Наши Преимущества',
+            features: [{
+              icon: '📦',
+              headline: 'Доставка за 1 час',
+              description: 'Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!',
+            },{
+              icon: '💬',
+              headline: 'Поддержка 24/7',
+              description: 'Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!',
+            },{
+              icon: '😊',
+              headline: 'Гарантия качества',
+              description: 'Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!',
+            }]
+          }
+        }
+      })
+    }
+  })
+
+  const { t, tm } = useI18n(props.textData)
+</script>
+
+<style lang="scss">
+</style>

package/src/modules/landing/components/sections/{Guide.vue → SectionGuide.vue}

@@ -2,7 +2,7 @@
   <div class="bg-black t-white radius-big pd-big">
     <div class="mn-b-big t-center title">
       <h2 class="mn-b-semi">{{t('title')}}</h2>
-      <p class="t-transp p-big w-m-60r mn-l-auto mn-r-auto">{{t('subtitle')}}</p>
+      <p v-if="t('subtitle') !== 'subtitle'" class="t-transp p-big w-m-60r mn-l-auto mn-r-auto">{{t('subtitle')}}</p>
     </div>
     <div class="cols-1 ">
 

package/src/modules/landing/components/sections/SectionHeroToken.vue

@@ -0,0 +1,138 @@
+<script setup>
+	import { useRouter } from 'vue-router'
+	import { useI18n } from 'vue-i18n'
+
+	const props = defineProps({
+	  textData: {
+	    type: Object,
+	    default: () => ({
+	      messages: {
+	      	en: {
+				    TITLE: "Smoke Weed Every Day &<b> Get A Slice Of The Pie</b>",
+				    DESCRIPTION: "Earn Weeder Token and Get part of the profits of Weeder Delivery. The more tokens you have, the bigger your cut of the profits will be. So what are you waiting for?",
+				    ACTION: "Open Marketplace →",
+				    SUBACTION: "Sign Up To Start"
+			    }
+			  }
+			})
+		}
+	})
+
+	const { t } = useI18n(props.textData)
+</script>
+
+
+<template>
+	<div
+		id="heroGovernance" 
+		class="pos-relative bg-black o-hidden t-white t-center pd-extra radius-big flex-column flex-center flex"
+	>
+		<div class="sheen h-5r mn-b-small radius-extra o-hidden pos-relative ">
+	  	<img src="/logo/wdt.svg" class="w-100 h-100">
+	  </div>
+
+		<h1 
+			class="w-max-35r mn-b-medium" 
+			v-html="t('TITLE')"
+		/>
+
+		<p 
+			class="w-max-40r mn-b-big t-transp p-big" 
+			v-html="t('DESCRIPTION')"
+		/>
+
+		<div 
+			class="t-white gap-small cols-2-fit-content"
+		>
+			<router-link 
+				:to="{
+					name: 'Sign In'
+				}"
+				class="w-max bg-light t-dark br-light button"
+				v-html="t('SUBACTION')"
+			/>
+
+			<router-link  
+				:to="{
+					name: 'Marketplace'
+				}"
+				class="w-max bg-dark t-white button"
+				v-html="t('ACTION')"
+			/>
+		</div>
+
+		<div class="w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0 grid ">
+			<div class="grid-lines"></div>
+		</div>
+
+	</div>
+</template>
+
+<style lang="scss">
+	.sheen:after {
+		content:'';
+	  top:0;
+	  left: -25%;
+		transform:translateX(100%);
+		width:100%;
+		height:220px;
+		position: absolute;
+		z-index:1;
+		animation: slide 3s infinite;
+		 
+	  /* 
+	  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
+	  */
+	  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
+		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
+		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
+		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
+		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
+		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
+	}
+
+/* animation */
+
+@keyframes slide {
+	0% {	
+		transform:translateX(-00%); 
+		opacity: 0;
+	}
+	20% {
+		opacity: 1
+	}
+	80% {
+		opacity: 1
+	}
+	100% {
+		transform:translateX(100%); 
+			opacity: 0
+	}
+}
+	
+
+.grid {
+  perspective: 450px;
+  background-size: cover;
+}
+
+.grid-lines {
+  width: 100%;
+  height: 200%;
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);
+  background-size: 45px 30px;
+  background-repeat: repeat;
+  transform-origin: 100% 0 0;
+  animation: play 15s linear infinite;
+}
+
+@keyframes play {
+  0% {
+    transform: rotateX(45deg) translateY(-50%);
+  }
+  100% {
+    transform: rotateX(45deg) translateY(0);
+  }
+}
+</style>

package/src/modules/landing/components/sections/SectionRoadmap.vue

@@ -0,0 +1,108 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const props = defineProps({
+  textData: {
+    type: Object,
+    default: () => ({
+      messages: {
+        en: {
+          title: 'Weeder Roadmap',
+          milestones: [{
+            title: 'MVP in Thailand',
+            description: 'The Weeder platform was tested as a minimum viable product (MVP) in Thailand to validate its basic features and gather user feedback. This helped the company make improvements before launching on a larger scale.',
+            date: '2023-02-01',
+            finished: 'true'
+          },{
+            date: '2023-05-01',
+            title: 'Weeder Platform Soft Launch',
+            description: 'A soft version of the Weeder platform will be launched for users to explore and provide feedback. This allows the company to identify any issues and make improvements before the official release.',
+          },{
+            date: '2023-07-01',
+            title: 'IDO',
+            description: 'The Initial DEX Offering (IDO) will launch the Weeder token on a our decentralized platform. It allows the public to purchase Weeder tokens and get involved in the project at an early stage. It can also help establish the initial token price.',
+          },{
+            date: '2023-09-01',
+            title: 'Weeder Platform Official Release',
+            description: 'The Weeder platform will be officially released with dividend features, cashback, and full blockchain integration. This marks the full launch of the platform and allows users to access all its features.',
+          },{
+            date: '2023-11-01',
+            title: 'Weeder Ecosystem Expansion',
+            description: 'The Weeder ecosystem will be expanded by adding support for new countries and enhancing its functionalities. This helps to increase the platforms user base and improve its overall capabilities.',
+          }]
+        }
+      }
+    })
+  }
+});
+
+const { t,tm } = useI18n(props.textData);
+</script>
+
+<template>
+  <div class="o-hidden bg-black t-white t-left pd-big radius-big">
+    <h2 class="mn-b-big t-center w-100">{{ t('title') }}</h2>
+    
+    <div class="gap-thin flex-nowrap flex o-scrolled timeline custom-scroll">
+      <div
+        v-for="(milestone, index) in tm('milestones')"
+        :key="index"
+        class="timeline-item br-white-transp-10 br-1px br-solid pd-big radius-small"
+      >
+      
+        <div class="mn-b-semi bg-white-transp-5 timeline-icon">
+          <svg v-if="milestone.finished"  width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g id="24 / basic / check-mark">
+            <path id="icon" fill-rule="evenodd" clip-rule="evenodd" d="M7.28033 10.7197L14.25 3.75L15.3107 4.81066L7.28033 12.841L3 8.56066L4.06066 7.5L7.28033 10.7197Z" fill="rgb(var(--main))"/>
+            </g>
+          </svg>
+        </div>
+
+        <div class="w-100 timeline-content">
+          <h3 class="mn-b-small">{{ t(milestone.title) }}</h3>
+          <p class="uppercase mn-b-semi t-main t-semi date">{{ milestone.date }}</p>
+          <p class="t-transp w-100">{{ t(milestone.description) }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  .timeline {
+    .timeline-item {
+      min-width: 32rem;
+    }
+
+    .timeline-icon {
+      border-radius: 100%;
+      width: 3rem;
+      height: 3rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    
+
+      img {
+        width: 1.5rem;
+        height: 1.5rem;
+      }
+    }
+  }
+
+  .custom-scroll {
+    overflow-x: scroll;
+    scrollbar-width: none; /* Hide scrollbar for Firefox */
+    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
+    display: -webkit-box; /* Fix for Safari */
+    display: -webkit-flex; /* Fix for Safari */
+    display: -ms-flexbox;
+    display: flex;
+  }
+
+  .custom-scroll::-webkit-scrollbar {
+    width: 0px; /* Hide scrollbar for Chrome and Safari */
+    height: 0px;
+  }
+</style>

package/src/modules/marketplace/components/layouts/Marketplace.vue

@@ -1,10 +1,10 @@
 <template>
 	<div style="min-height: 100%;" class="h-min-100 pd-thin">
-		<header class="mn-b-thin radius-big bg-grey pd-medium flex-v-center t-left flex-nowrap flex">
+		<header class="mn-b-thin radius-big bg-main pd-medium flex-v-center t-left flex-nowrap flex">
     	<h2 class="t-left">
     		<span class="">Weed in </span>
 
-    		<span @click="a => { store.globals.state.isOpenLocationPopup = true }" v-if="localPosition.city || localPosition.state || localPosition.country" class="t-semi t-main">
+    		<span @click="a => { store.globals.state.isOpenLocationPopup = true }" v-if="localPosition.city || localPosition.state || localPosition.country" class="t-semi t-black cursor-pointer hover-t-underline">
   				<span v-if="localPosition.city">{{localPosition.city}}, </span>
   				<span v-if="localPosition.state">{{localPosition.state}}, </span>
   				<span v-if="localPosition.country">{{localPosition.country}}</span>

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

@@ -3,7 +3,11 @@
     <h3 class="pd-medium">Tracking History</h3>
     <div v-for="status in statuses" :key="status.value" class="w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex">
       <div class="flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small">
-        <span  v-if="isStatusInHistory(status.value)">✔</span>
+        
+        <IconCheckmark
+          v-if="isStatusInHistory(status.value)"
+          class="i-medium"
+        />
       </div>
       <p class="h4 w-8r">{{status.name}}</p>
       <button v-if="edit" :disabled="!isNextPossibleStatus(status.value)" @click="setStatus(status)" class="mn-l-auto bg-main button radius-big">Set status</button>
@@ -14,6 +18,8 @@
 <script setup>
 import { ref, computed } from 'vue';
 
+import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'
+
 const props = defineProps({
   statusHistory: {
     type: Array

package/src/modules/orders/components/pages/Order.vue

@@ -1,5 +1,5 @@
 <template>
-	<div v-if="order && orderOrganization" class="pd-big"> 
+	<div v-if="order && orderOrganization" class="pd-thin"> 
 	  
 	
 
@@ -167,7 +167,7 @@
 	    <div class="bg-grey radius-big pd-medium  mn-r-bold pd-r-big br-right-dark w-100">
 	  		<h3 class="mn-b-small">Order Summary</h3>
 
-	  		<ul class="mn-b-semi">
+	  		<ul class="flex gap-thin flex-column mn-b-semi">
 	  			<CardOrderItem
 	  				v-for="(product, index) in orderProducts" :key="product._id"
 	  				:editable="false" 
@@ -197,7 +197,7 @@
 		    		route.name === 'Order Status' ? order.user?.name || 'User' : 'Weeder Support'
 		    	"
 		    	:chatID="order._id"
-		    	class="bg-black radius-big bg-white o-hidden"
+		    	class="radius-semi bg-white o-hidden"
 		    />
 
 	    </div>
@@ -244,7 +244,6 @@
 
 	})
 
-
 	let cartTotalPrice = computed(() => {
     return Number(order.value.positions.reduce((total, product) => {
       return total + product.price * product.quantity;

package/src/modules/organizations/components/blocks/CardOrganization.vue

@@ -16,10 +16,10 @@
         class="h-4r w-4r"
       />
       
-      <div class="pos-relative w-100 flex-child-1 flex-child mn-l-small w-100">
+      <div class="pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100">
         
         <!-- <Text :text="organization.profile.name ? organization.profile.name : ''" :maxLen="18" class="h3 d-block"/> -->
-        <p class="h3 t-truncate">{{organization.profile.name}}</p>
+        <p class="h4 t-truncate">{{organization.profile.name}}</p>
         <!-- RATING -->
         <!-- <div v-if="showRating && organization.rating" class="w-max star-container flex-v-center flex">
           <img
@@ -38,8 +38,8 @@
           class="pos-relative p-small"
         />
 
-        <div v-if="showFollowers">
-          <p class="mn-b-thin">{{organization.numberOfSubscribers}} followers</p>
+        <div v-if="showFollowers" class="flex-center gap-thin pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max">
+          <p class="mn-t-thin mn-b-thin">{{organization.numberOfSubscribers}} followers</p>
 
           <ButtonToggleMembership
             v-if="
@@ -51,9 +51,9 @@
             :role="'subscriber'" 
             :target="organization._id" 
             :status="organization.isSubscriber" 
-            :text="{create: 'Follow', remove: 'Unfollow'}"
+            :text="{create: '+', remove: '-'}"
             @updateMembership="event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')"
-            class="w-min" 
+            class="i-semi" 
           />
         </div>
 

package/src/modules/organizations/components/pages/Organization.vue

@@ -191,7 +191,7 @@
 	const router 	= useRouter()
 	const route 	= useRoute()
 	// Accesing state
-	let tab = route.query.tab ? route.query.tab : 'community';
+	let tab = route.query.tab ? route.query.tab : 'products';
 
 	const organizationData = ref(null)
 

package/src/modules/organizations/components/sections/DetailsTab.vue

@@ -1,12 +1,12 @@
 <template>
 	<transition name="slide-fade">
-		<section class="t-center flex-center flex-column flex pd-medium radius-big bg-grey">
+		<section class="flex-center flex flex-column t-center pd-medium radius-big bg-grey">
 
 			<Dropdown 
 				v-if="user._id !== organization.owner"
-				:label="'...'" 
+				:label="{ component: IconEllipsis, class: 'i-regular t-transp' }"
 				:align="'right'"
-				class="cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra "
+				class="cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra "
 			>
 				<section 
 					class="bg-black pd-thin radius-small"
@@ -34,7 +34,7 @@
 				      :status="organization.isBlocked" 
 				      :text="{create: 'Block', remove: 'Unblock'}"
 				      @updateMembership="event => handleMembershipUpdate(event, 'isBlocked')"
-				       class="t-white  mn-t-thin bg-red" 
+				       class="t-white w-100 mn-t-thin bg-red" 
 			    	/>
 				</section>
       </Dropdown>
@@ -53,7 +53,7 @@
 			<img 
 				v-if="organization.profile.photo" 
 				:src="(FILE_SERVER_URL || '') + organization.profile.photo" 
-				class="radius-big bg-grey flex-center flex mn-b-small i-extra" 
+				class="radius-big bg-grey flex-center flex mn-b-small w-8r" 
 			/>
 
 			<PlaceholderOrganizationPic
@@ -61,48 +61,45 @@
 				class="radius-medium mn-b-small i-extra"
 			/>
 
-	        <h1
-	        	class="mn-b-thin"
-	        >
-	    		{{ organization.profile.name }}
-	    	</h1>
-
-	        <p class="mn-b-medium p-big">
-		     	<Text :text="organization.profile.description || ''" :maxLen="240" />
-	      	</p>  
-
-
-	        
-	    <Chips 
+      <h1
+      	class="mn-b-thin"
+      >
+	  		{{ organization.profile.name }}
+	  	</h1>
+
+     	<div class="flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max">
+     		<IconFollowing class="i-medium mn-r-micro t-transp"/>
+
+        <p class="mn-t-thin p-medium t-medium uppercase mn-b-thin">{{organization.numberOfSubscribers}} followers</p>
+
+        <ButtonToggleMembership
+          v-if="
+		      	user._id 
+		      	&& route.params._id 
+		      	&& route.params._id !== user._id
+		      	&& organization.owner !== user._id
+		      "
+          :user="user._id"
+          :type="'organization'" 
+          :role="'subscriber'" 
+          :target="organization._id" 
+          :status="organization.isSubscriber" 
+          :text="{create: '+', remove: '-'}"
+          @updateMembership="event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')"
+          class=" mn-l-thin p-medium t-medium radius-extra i-semi" 
+        />
+      </div>
+
+      <p class="w-max-50r mn-t-regular mn-b-medium p-big">
+     		<Text :text="organization.profile.description || ''" :maxLen="240" />
+    	</p>  
+
+    	<Chips 
       	v-if="organization.profile?.tags?.length > 0" 
       	:chips="organization.profile.tags"
-      	class="mn-b-semi"
+      	class="p-medium"
      	/>
 
-		 	<p 
-				class="t-semi mn-b-small"
-			>
-				<!-- 👍 3 212 likes ·  -->
-				<!-- 💬 342 comments ·  -->
-				👨‍👨‍👧‍👧 {{organization.numberOfSubscribers}} followers
-			</p>
-
-		 	<ButtonToggleMembership
-    		v-if="
-	      	user._id 
-	      	&& route.params._id 
-	      	&& route.params._id !== user._id
-	      	&& organization.owner !== user._id
-	      "
-	      :user="user._id"
-	      :type="'organization'" 
-      	:role="'subscriber'" 
-	      :target="organization._id" 
-	      :status="organization.isSubscriber" 
-				:text="{create: 'Follow', remove: 'Unfollow'}"
-	      @updateMembership="event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')"
-	      class="w-min mn-b-medium	mn-r-auto mn-l-auto" 
-    	/>
 
       <h4 
       	v-if="Object.values(organization.socials).some(value => value)" 
@@ -148,7 +145,9 @@
 	import Text  		from '@pf/src/components/Text/Text.vue'
 	import Chips  from '@pf/src/components/Chips/Chips.vue'
 	// Icons
+	import IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'
 	import IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'
+	import IconEllipsis from '@pf/src/modules/icons/navigation/IconEllipsis.vue'
 	import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'
 	// Org Module
 	import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'

package/src/modules/organizations/components/sections/Publics.vue

@@ -14,8 +14,8 @@
 	        	:key="organization._id" 
 		      	:organization="organization"
 		      	:user="auth.state.user"
-				@updateMembership="handleMembershipUpdate"
-				class="w-max"
+						@updateMembership="handleMembershipUpdate"
+						class="w-max-20r radius-big"
 		    />
 		</div>
 	</div>
@@ -35,9 +35,8 @@
 	onMounted(async () => {
 		publics.value = await organization.actions.read({
 			user: auth.state.user._id,
-			sort: "numberOfMemberships",
+			sortParam: "profile.tags",
 			limit: 10,
-			types: ['public']
 		});
 	});