@ozdao/prometheus-framework 0.2.50 → 0.2.51

package/src/modules/mobile/components/NavigationBar/NavigationBar.vue

@@ -0,0 +1,132 @@
+<template>
+	<header 
+		class="pos-sticky w-100 z-index-4 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white"
+	>
+
+		<transition name="slideIn"  mode="out-in">
+
+			<svg 
+				v-if="route.meta.title_hide"
+				@click="handleToggle()" 
+				class="header-profile" width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"
+			>
+				<path fill="rgb(var(--main))" d="M13.0005 1.3116e-05C10.3952 -0.0036893 7.84916 0.776533 5.6933 2.23923C3.53744 3.70193 1.87154 5.77943 0.912205 8.20159C-0.0471263 10.6238 -0.255503 13.2785 0.31417 15.8207C0.883843 18.3629 2.20521 20.6749 4.10645 22.456C4.16716 22.5296 4.23824 22.5939 4.31745 22.647C6.69461 24.8048 9.79003 26.0001 13.0005 26.0001C16.2109 26.0001 19.3063 24.8048 21.6835 22.647C21.7624 22.5939 21.8331 22.5295 21.8935 22.456C23.7946 20.6749 25.116 18.363 25.6857 15.821C26.2554 13.2789 26.0471 10.6242 25.0879 8.20206C24.1287 5.77994 22.4629 3.70243 20.3072 2.23965C18.1515 0.77688 15.6056 -0.0034882 13.0005 1.3116e-05ZM5.96345 21.445C6.30727 20.174 7.05858 19.0509 8.10211 18.248C9.14565 17.445 10.4238 17.0066 11.7405 17H14.2605C15.5774 17.006 16.856 17.444 17.8999 18.2468C18.9439 19.0496 19.6955 20.1728 20.0395 21.444C18.0658 23.095 15.5746 23.9996 13.0015 23.9996C10.4283 23.9996 7.93709 23.096 5.96345 21.445ZM21.6005 19.837C20.9791 18.4049 19.9541 17.1848 18.6506 16.3258C17.3471 15.4668 15.8215 15.0061 14.2605 15H11.7405C10.1789 15.0059 8.65303 15.4669 7.34941 16.3265C6.04579 17.1861 5.02101 18.4071 4.40045 19.84C3.10942 18.2212 2.30151 16.2708 2.06964 14.2132C1.83777 12.1556 2.19136 10.0744 3.08975 8.20883C3.98813 6.34326 5.39482 4.76915 7.14805 3.66751C8.90128 2.56587 10.9298 1.98144 13.0005 1.98144C15.0711 1.98144 17.0996 2.56587 18.8529 3.66751C20.6061 4.76915 22.0128 6.34326 22.9112 8.20883C23.8095 10.0744 24.1631 12.1556 23.9313 14.2132C23.6994 16.2708 22.8915 18.2212 21.6005 19.84V19.837Z"/>
+				<path fill="rgb(var(--main))" d="M13.0005 4C12.0116 4 11.0449 4.29324 10.2226 4.84265C9.40039 5.39206 8.75953 6.17295 8.38109 7.08658C8.00265 8.00021 7.90364 9.00555 8.09656 9.97545C8.28949 10.9454 8.76569 11.8363 9.46496 12.5355C10.1642 13.2348 11.0551 13.711 12.025 13.9039C12.9949 14.0969 14.0003 13.9978 14.9139 13.6194C15.8275 13.241 16.6084 12.6001 17.1578 11.7779C17.7072 10.9556 18.0005 9.98891 18.0005 9C17.9989 7.67441 17.4716 6.40356 16.5343 5.46622C15.5969 4.52888 14.3261 4.00159 13.0005 4ZM13.0005 12C12.4071 12 11.8271 11.8241 11.3338 11.4944C10.8404 11.1648 10.4559 10.6962 10.2289 10.1481C10.0018 9.59987 9.94238 8.99667 10.0581 8.41473C10.1739 7.83279 10.4596 7.29824 10.8792 6.87868C11.2987 6.45912 11.8333 6.1734 12.4152 6.05764C12.9972 5.94189 13.6004 6.0013 14.1485 6.22836C14.6967 6.45542 15.1653 6.83994 15.4949 7.33329C15.8245 7.82664 16.0005 8.40666 16.0005 9C16.0005 9.79565 15.6844 10.5587 15.1218 11.1213C14.5592 11.6839 13.7961 12 13.0005 12Z"/>
+			</svg>
+
+
+			<svg 
+				v-else 
+				@click="handleBackNavigation()" 
+				class="i-semi header-arrow"
+				width="12"
+				height="22"
+				viewBox="0 0 12 22"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<path fill="rgb(var(--main))" d="M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z" />
+			</svg>
+		</transition>
+
+		<transition name="slideIn"  mode="out-in">
+			<div :key="route.meta.title_hide" class="header-title">
+				<img v-if="route.meta.title_hide" class="h-2r" src="/logo/logotype.svg">
+
+				<p v-else class="t-semi h-2r h4 d-block" >
+					{{route.meta.title[locale.toLowerCase()]}}
+				</p>
+			</div>
+		</transition>
+	</header>
+</template>
+
+<script setup>
+	import { ref, onMounted, onUnmounted } from 'vue' 
+	import { useRoute, useRouter } from 'vue-router'
+	import { useI18n } from 'vue-i18n';
+	import { useStore } from '@/store';
+	
+
+	const router = useRouter()
+	const route = useRoute()
+	const store = useStore()
+
+	const { t, mergeLocaleMessage, locale } = useI18n();
+
+	function handleBackNavigation() {
+	    if (route.query?.afterAuth)  { 
+	    	router.push({name: 'Home'}) 
+	    } else {
+	    	router.back();
+	    }
+	}
+
+	function handleToggle() {
+		if (store.auth.state.access.status === false) {
+			router.push({name: 'Sign In'}) 
+		} else {
+			router.push({ name: 'User Profile', params: { _id: store.auth.state.user._id }})
+		}
+	}
+</script>
+
+<style lang="scss">
+	// * {
+	//   -ms-overflow-style: none;  /* IE and Edge */
+	//   scrollbar-width: none;  /* Firefox */
+	// }
+
+	// *::-webkit-scrollbar {
+	//   display: none;  /* Chrome, Safari and Opera*/
+	// }
+
+	// #header {
+	// 	top: 0;
+	// 	// height: 6rem;
+	// 	// padding-top: 4rem;
+	// 	position: fixed;
+	// 	width: 100%;
+	// }
+	.header-arrow {
+		position: absolute;
+		left: 1.25rem;
+		height: 2rem;
+	}
+
+	.header-profile {
+		position: absolute;
+		right: 1.25rem;
+		height: 2rem;
+	}
+
+	.header-title {
+		pointer-events: none;
+	}
+
+	.slideIn-enter-active,
+	.slideIn-leave-active {
+		transition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);
+	}
+
+	.slideIn-enter-from,
+	.slideIn-leave-to {
+		opacity: 0;
+		transform: translateX(50px);
+
+		span {	position: absolute; } 
+	}
+
+	.slideY-enter-active,
+	.slideY-leave-active {
+		transition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);
+	}
+
+	.slideY-enter-from,
+	.slideY-leave-to {
+		opacity: 0;
+		transform: translateY(50px);
+
+		span {	position: absolute; } 
+	}
+</style>

package/src/modules/mobile/components/Walkthrough/Walkthrough.vue

@@ -0,0 +1,195 @@
+<template>
+	<div class="pos-fixed pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla" ref="emblaNode">
+    <div class="w-100 embla__container z-index-1">
+      <div
+        v-for="(slide, index) in walkthrough"
+        :key="index"
+        class="flex-center pd-thin t-center flex-column flex embla__slide"
+        :style="{ opacity: tweenSlides.length ? tweenSlides[index] : undefined, transform: tweenSlides[index] ? `scale(${tweenSlides[index]})` : '' }"
+      >
+        <img class="w-100" :src="require(`@/assets/images/walkthrough/walkthrough_${index}.png`).default">
+      	<h3 class="mn-b-thin">{{slide.title}}</h3>
+      	<p class="p-big t-transp">{{slide.subtitle}}</p>
+      </div>
+
+      <div
+      	class="flex-center flex-column flex pd-big embla__slide"
+      >
+      	<img
+      		src="/logo/logo_square.svg" 
+      		class="i-extra radius-medium mn-b-small"
+      	>
+      	<h2 class="t-center mn-b-small">Welcome to The&nbsp;Commune</h2>
+      	<p class="p-medium t-transp mn-b-semi mn-r-auto mn-l-auto t-center">Join our community to connect, share, and learn from the best. Discover new opportunities and grow with us!</p>
+    
+      	<button @click="openFirstRoute('Sign Up')" class="w-100 bg-main button mn-b-thin">Sign Up</button> 
+      	<button @click="openFirstRoute('Sign In')" class="w-100 bg-white button mn-b-semi">Sign In</button>
+
+	      <p class="p-medium text-center mn-b-thin">Or explore as a guest:</p> 
+      	<button @click="setFirstUseFalse()" class="button bg-white w-100">Continue without registration</button>
+	    </div>
+
+    </div>
+    
+    <WavesBackground
+	    :style="{ transform: tweenValues[0] ? `translateX(${tweenValues[0]}%)` : '' }"
+    	class="pos-fixed pos-t-0 pos-l-0 z-index-0"
+    />
+    <!-- <ColorsBackground 
+	    :style="{ transform: tweenValues[0] ? `translateX(${tweenValues[0]}%)` : '' }"
+    	class="pos-fixed pos-t-0 pos-l-0 z-index-0"
+    /> -->
+    
+    <div class="z-index-5 flex-nowrap flex flex-center gap-small w-100 embla__dots">
+	    <div
+	      v-for="(snap, index) in scrollSnaps"
+	      :key="index"
+	      @click="scrollTo(index)"
+	      :class="[
+	        'embla__dot i-small radius-extra br-solid br-main br-2px',
+					{ 'bg-grey': index !== selectedIndex },
+	        { 'bg-main': index === selectedIndex }
+	      ]"
+	    >
+		  </div>
+
+		  <div @click.native="setFirstUseFalse()" class="pd-small radius-small br-solid br-main br-2px uppercase t-semi t-main pos-absolute pos-r-10"> 
+		  	skip
+		  </div>
+	  </div>
+	</div>
+
+</template>
+
+<script setup>
+	import { ref, onMounted } from 'vue';
+	import { useRoute, useRouter } from 'vue-router'
+
+	import emblaCarouselVue from 'embla-carousel-vue'; // Assuming a Vue version exists
+
+	import WavesBackground from '@/components/icons/backgrounds/WavesBackground.vue'
+	import ColorsBackground from '@/components/icons/backgrounds/ColorsBackground.vue'
+
+	const props = defineProps(['slides', 'options']);
+	const emits = defineEmits(['updateFirstUse'])
+	const router = useRouter()
+
+	// Set firstUse
+	import { Preferences } from '@capacitor/preferences';
+
+	async function setFirstUseFalse() {
+    await Preferences.set({
+      key: 'first-use',
+      value: JSON.stringify(false),
+    });
+
+    emits('updateFirstUse', false);
+  }
+
+  async function openFirstRoute(routeName) {
+		await router.push({name: routeName})
+
+		await Preferences.set({
+      key: 'first-use',
+      value: JSON.stringify(false),
+    });
+
+		emits('updateFirstUse', false);
+	}
+	// Set Slider
+	let walkthrough = [{
+		title: 'Communicate',
+		subtitle: 'Write posts, comments and put likes.'
+	},{
+		title: 'Party & Fun',
+		subtitle: 'Check the calendar for new events.'
+	},{
+		title: 'Discover',
+		subtitle: 'Browse the gallery of photos.'
+	}]
+
+	const [emblaNode, emblaApi] = emblaCarouselVue({ loop: false })
+
+	const selectedIndex = ref(0);
+	const scrollSnaps = ref([]);
+	const TWEEN_FACTOR = 3
+	const tweenValues = ref([])
+	const tweenSlides = ref([])
+
+	const scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);
+
+	const onInit = (embla) => {
+	  scrollSnaps.value = emblaApi.value.scrollSnapList();
+	};
+
+	const onSelect = (embla) => {
+	  selectedIndex.value = emblaApi.value.selectedScrollSnap();
+	};
+
+	const onScroll = (embla) => {
+    const engine = emblaApi.value.internalEngine()
+    const scrollProgress = emblaApi.value.scrollProgress()
+
+    const stylesOpacity = emblaApi.value.scrollSnapList().map((scrollSnap, index) => {
+	    let diffToTarget = scrollSnap - scrollProgress
+
+	    if (engine.options.loop) {
+	      engine.slideLooper.loopPoints.forEach((loopItem) => {
+	        const target = loopItem.target()
+	        if (index === loopItem.index && target !== 0) {
+	          const sign = Math.sign(target)
+	          if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)
+	          if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)
+	        }
+	      })
+	    }
+	    const tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)
+	    return  Math.min(Math.max(tweenValue, 0), 1)
+	  })
+
+		tweenSlides.value = stylesOpacity
+
+    const styles = emblaApi.value.scrollSnapList().map((scrollSnap, index) => {
+      let diffToTarget = scrollSnap - scrollProgress
+
+      if (engine.options.loop) {
+        engine.slideLooper.loopPoints.forEach((loopItem) => {
+          const target = loopItem.target()
+          if (index === loopItem.index && target !== 0) {
+            const sign = Math.sign(target)
+            if (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)
+            if (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)
+          }
+        })
+      }
+      return diffToTarget * (1 / TWEEN_FACTOR) * 100
+    })
+
+    tweenValues.value = styles
+  }
+
+
+	onMounted(async() => {
+	  onInit(emblaApi);
+	  onSelect(emblaApi);
+	  onScroll(emblaApi);
+
+	  emblaApi.value.on('reInit', onInit);
+	  emblaApi.value.on('reInit', onSelect);
+	  emblaApi.value.on('select', onSelect);
+	  emblaApi.value.on('scroll', onScroll)
+	});
+</script>
+
+<style lang="scss">
+	.embla {
+    overflow: hidden;
+  }
+  .embla__container {
+    display: flex;
+  }
+  .embla__slide {
+    flex: 0 0 100%;
+    min-width: 0;
+  }
+</style>

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

@@ -12,13 +12,13 @@
         }
       })" 
     />
-
+    {{user}}123
     <PlaceholderUserpic
       v-if="!user.profile?.photo && type !== 'short'"
       class="radius-medium mn-r-thin i-thin"
 
       @click.stop="$router.push({
-        name: user.type === 'user' ? 'User Profile' : 'Organization', 
+        name: 'User Profile', 
         params: {
           _id: user._id
         }

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

@@ -74,7 +74,6 @@
 		      :key="index" 
 		      :user="member" 
 		      :position="member.position" 
-		      @click="$router.push(`/app/profile/${member.user._id}`)" 
 		      class="bg-grey radius-small flex-nowrap flex  pd-medium"
 		    />
 

package/src/modules/organizations/controllers/memberships.controller.js

@@ -4,34 +4,37 @@ const controllerFactory = (db) => {
   const Membership = db.membership;
 
   const read = async (req, res) => {
-    let query = {};
-    let options = {};
-
-    if (req.query.user) {
-      query.user = req.query.user;
-    }
-
-    if (req.query.type) {
-      query.type = req.query.type;
-    }
-
-    if (req.query.target) {
-      query.target = req.query.target;
-    }
-
-    if (req.query.role) {
-      query.role = req.query.role;
-    }
-
     try {
-      const memberships = await Membership.find(query, null, options).populate('user');
-      if (!memberships) {
-        return res.status(404).send({ errorCode: "MEMBERSHIPS_NOT_FOUND" });
+      const memberships = await Membership.aggregate([
+        {
+          $match: {
+            ...(req.query.user && { user: req.query.user }),
+            ...(req.query.type && { type: req.query.type }),
+            ...(req.query.target && { target: req.query.target }),
+            ...(req.query.role && { role: req.query.role }),
+          },
+        },
+        {
+          $lookup: {
+            from: 'users',
+            localField: 'user',
+            foreignField: '_id',
+            as: 'user',
+          },
+        },
+        {
+          $unwind: '$user',
+        },
+      ]);
+
+      if (!memberships || memberships.length === 0) {
+        return res.status(404).send({ errorCode: 'MEMBERSHIPS_NOT_FOUND' });
       }
+
       res.send(memberships);
     } catch (err) {
-      console.log(err)
-      res.status(500).send({ errorCode: "SERVER_ERROR" });
+      console.log(err);
+      res.status(500).send({ errorCode: 'SERVER_ERROR' });
     }
   };
 

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

@@ -5,7 +5,10 @@ const path = require('path');
 
 const OpenAI = require("openai");
 
-const openai = new OpenAI();
+console.log(process.env.OPENAI_API_KEY)
+const openai = new OpenAI({
+  apiKey: process.env.OPENAI_API_KEY
+});
 
 // Factory
 const controllerFactory = (db) => {
@@ -327,13 +330,13 @@ const controllerFactory = (db) => {
         return res.status(404).send({ message: "Products not found." });
       }
 
-      const productsList = products.map(p => `
-        ${p._id}: 
-        ${p.name} 
-        (${p.information[0].value}) 
-        (${p.information[1].value}%)  
-        (${p.information[2].value})
-      `).join(', ');
+      const productsList = products.map(p => {
+        const info = p.information || [];
+        const value0 = info[0] ? info[0].value : '';
+        const value1 = info[1] ? `(${info[1].value}%)` : '';
+        const value2 = info[2] ? `(${info[2].value})` : '';
+        return `${p._id}: ${p.name} (${value0}) ${value1} ${value2}`;
+      }).join(', ');
 
       const prompt = `
         1. When asked how the client wants to feel, they responded "${mood}". 
@@ -352,7 +355,7 @@ const controllerFactory = (db) => {
       while (true) {
         try {
           response = await openai.chat.completions.create({
-            model: "gpt-4",
+            model: "gpt-3.5-turbo",
             messages: [{role: "user", content: prompt}],
           }); 
 

package/src/styles/layout.scss

@@ -25,7 +25,7 @@ body {
 	overflow-x: hidden;
 }
 
-#app {
+#app-wrapper {
 	display: grid;
 	position: relative;
 	height: 100vh;