@ozdao/prometheus-framework 0.0.85 → 0.0.87

package/src/modules/users/components/pages/Profile.vue

@@ -7,7 +7,7 @@
 			class="pd-thin w-100"
 		>
 			<ProfileCompletion 
-				v-if="route.params._id === auth.state.user._id" 
+				v-if="route.params._id === auth.state.user._id && show" 
 		    :user="auth.state.user._id"
 		    :target="users.state.current"
 		    :cta="true" 
@@ -91,6 +91,7 @@
 			    <span>Groups</span>
 			  </MenuItem>
 			 	<MenuItem @click="router.push({name: 'User Blogposts', params: {_id: route.params._id}})" class="cursor-pointer">
+			 		<IconCommunity class="i-semi" :icon="true"/>
 			    <span>Posts</span>
 			  </MenuItem> 
 			</Menu>
@@ -121,7 +122,9 @@
 			  </MenuItem>
 			  
 			  <MenuItem 
-			  	class="cursor-pointer">
+			  	class="cursor-pointer"
+					@click="logout()"
+			  >
 			    <span 
 			    	class="t-red"
 			    >
@@ -129,7 +132,7 @@
 			    	</span>
 			  </MenuItem>
 			</Menu>
-			
+
 		</div>
 	</div>
 </template>
@@ -150,6 +153,7 @@ import ProfileCompletion from '@pf/src/modules/users/components/sections/Profile
 // Icons Module
 import IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'
 import IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'
+import IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'
 
 import IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'
 
@@ -165,14 +169,21 @@ import * as memberships from '@pf/src/modules/organizations/store/memberships'
 const route = useRoute()
 const router = useRouter()
 // Get organization _id from cookie
+const show = ref(false)
 
- onMounted(async () => {
+onMounted(async () => {
  	await users.actions.read({ _id: route.params._id, user: auth.state.user._id });
+ 	show.value = true
 })
 
 const handleMembershipUpdate = ({ membership, isMember, targetId }) => {
   memberships.mutations.handleMembershipUpdate(users.state.current, membership, isMember, targetId)
 };
+
+function logout () {
+  auth.actions.logout()
+  router.push({name: 'Sign In'})
+}
 </script>
 
 <style lang="scss">

package/src/modules/users/components/pages/ProfileEvents.vue

@@ -13,7 +13,7 @@
 	      	
 	      	<button 
 	      		v-if="auth.state.user._id === route.params._id"
-	      		@click="router.push({name: 'Create BlogPost'})" 
+	      		@click="router.push({name: 'Create Event'})" 
 	      		class="radius-100p i-big hover-scale-1 cursor-pointer t-white bg-second"
 	      	>
 	      		+
@@ -23,7 +23,7 @@
 		<Tab 
 			v-model:selected="tabOrganization"
 			:tabs="[
-				{ name: 'Owner', 	value: 'owner' },
+				{ name: 'My', 	value: 'owner' },
 				{ name: 'Participant', 	value: 'participant' },	
 			]"
 			class="mn-small o-hidden h5 radius-big bg-grey"
@@ -32,7 +32,7 @@
 		<Feed 
 			v-if="tabOrganization ==='owner'"
 	  		:user="auth.state.user._id"
-			:owner="route.params._id"
+			:creator="route.params._id"
 			:sortOrder="'asc'"
 		/>
 

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

@@ -1,46 +0,0 @@
-<template>
-  <div 
-    class="mn-small flex radius-medium bg-grey"
-  >
-    <div class="pd-medium w-100 flex-nowrap flex">
-      <img v-if="organization.profile.photo && organization.profile.photo.length > 0" :src="organization.profile.photo" class="radius-medium i-thin" />
-
-      <svg  v-else class="radius-medium i-thin" width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <circle fill="rgb(var(--main))" cx="21" cy="21" r="21" />
-        <path fill="#242424" fill-opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M8.00233 37.4954C8.00078 37.4458 8 37.3961 8 37.3462C8 32.9066 11.5673 29.3077 15.9677 29.3077H26.0323C30.4328 29.3077 34 32.9066 34 37.3462C34 37.3961 33.9992 37.4458 33.9977 37.4954C30.4223 40.3165 25.9078 42 21 42C16.0922 42 11.5777 40.3164 8.00233 37.4954ZM21 9C16.5995 9 13.0323 12.5989 13.0323 17.0385C13.0323 21.478 16.5995 25.0769 21 25.0769C25.4005 25.0769 28.9677 21.478 28.9677 17.0385C28.9677 12.5989 25.4005 9 21 9Z" />
-      </svg> 
-
-      <div  @click="$router.push({name: 'Organization', params: {_id: organization._id}})" class=" mn-l-thin">
-        <p class="w-max h4">{{ organization.profile.name.length > 16 ? organization.profile.name.substring(0, 10) + '...' : organization.profile.name }}</p>
-        <p class="">{{organization.numberOfMemberships}} followers</p>
-      </div>
-    </div>
-
-     <ButtonFollow 
-      v-if="user._id"
-      :type="'organization'" 
-      :isMember="organization.isMember" 
-      :targetId="organization._id" 
-      :userId="user._id"
-      class="radius-bl-big radius-br-big radius-tl-zero radius-tr-zero w-100" 
-      @updateMembership="emits('updateMembership', $event)"
-    />
-  </div>
-</template>
-
-<script setup>
-  import { reactive } from 'vue'
-  import { useRouter } from 'vue-router'
-
-  import ButtonFollow from '@pf/src/modules/organizations/components/elements/ButtonFollow.vue'
-
-  const emits = defineEmits(['updateMembership'])
-
-  const props = defineProps({
-    organization: Object,
-    user: Object,
-  });
-
-  
-  const router 	= useRouter()
-</script>