@ozdao/martyrs 0.2.506 → 0.2.508

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

@@ -4,170 +4,145 @@
 		<!-- <Breadcrumbs class="mn-b-thin pd-medium bg-light radius-big"/> -->
 		<!-- <pre>{{organization.state.current}}</pre> -->
 
-		<DetailsTabSection 	
-			:organization="organization.state.current" 
-			:user="auth.state.user"
-			class="mn-b-thin"
-		>
-
-		</DetailsTabSection>
-
-		<Tab 
-			v-model:selected="tabOrganization"
-			:tabs="[
-				{ name: 'Community', value: 'community' },
-				{ name: 'Menu', value: 'products' },	
-				{ name: 'Events', value: 'events' },
-				{ name: 'Spots', value: 'spots' }	
-			]"
-			class="mn-b-thin o-x-scroll scroll-hide flex-child-default o-hidden t-medium p-medium radius-medium pd-thin bg-light"
-		/>
-
-		<div class="pos-relative">
-
-			<transition name="slide-fade">
-		    <Feed
-		    	v-if="tabOrganization === 'community'"
-			    :showLoadMore="false"
-			    :states="{
-			      empty: {
-			        title: 'No Blog Posts Found',
-			        description: 'Currently, there are no posts available in this blog. Please check back later.'
-			      }
-			    }"
-			    :store="{
-			      read: (options) => blog.read(options)
-			    }"
-			    :options="{
-			      status: 'published',
-			      user: auth.state.user._id,
-			      owner: route.params._id,
-			    }"
-			    v-slot="{ 
-			      items 
-			    }"
-			    class="rows-1 gap-thin"
-			  >
-			    <CardBlogpost 
-			      v-for="item in items" 
-			      :key="item._id" 
-			      :blogpost="item" 
-			      :user="auth.state.user._id" 
-			      class="h-max-40r bg-light radius-medium"
-			    />
-			  </Feed>
-			</transition>
-
-	
-			<transition name="slide-fade">
-				<FeedEvents 
-					v-if="tabOrganization === 'events'"
-			  	:user="auth.state.user._id"
-					:owner="route.params._id"
-					:sortOrder="'desc'"
-					:sortParam="'date.start'"
-				/>
-			</transition>
-
-			
-
-			<transition name="slide-fade">
-				<Products 
-					v-if="tabOrganization === 'products'"
-					:organization="organization.state.current"
+		<section class="flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin">
+
+			<Dropdown 
+				v-if="auth.state.user._id !== organization.state.current.owner"
+				:label="{ component: IconEllipsis, class: 'i-regular t-transp' }"
+				:align="'right'"
+				class="cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra "
+			>
+				<section 
+					class="bg-black pd-thin radius-small"
 				>
-					<Block
-						v-if="hasAccess(route.params._id, null, null, auth.state.accesses, auth.state.access.roles)"
-						class="o-x-scroll pd-small scroll-hide w-100 pos-relative mn-b-thin"
+					<FormReport 
+						:user="auth.state.user._id"
+						:type="'organization'" 
+						:target="organization.state.current._id" 
+						:text="'Report'" 
+						class="w-100"
 					>
-						<div class="w-100 gap-thin flex flex-nowrap	 o-x-scroll">
-							<router-link 
-								class="bg-black t-nowrap t-white uppercase t-semi pd-thin radius-small "
-								:to="{
-									name:'Organization_ProductAdd', 
-									params: {
-										_id: route.params._id
-									}
-								}"
-								>
-								Add Product
-							</router-link>
-
-							<router-link 
-								class=" uppercase t-nowrap t-semi  pd-thin"
-								:to="{
-									name:'OrganizationInventoryList', 
-									params: {
-										_id: route.params._id
-									}
-								}"
-								>
-								Change Invetory
-							</router-link>
-
-							
-							<router-link 
-								class="d-block t-nowrap  mn-l-auto uppercase t-semi bg-white pd-thin radius-small "
-								:to="{
-									name:'Backoffice', 
-									params: {
-										_id: route.params._id
-									}
-								}"
-								>
-								Go to Backoffice
-							</router-link>
-						</div>
-					</Block>
-				</Products>
-
-			</transition>
-
-			<transition name="slide-fade">
-				<div v-if="tabOrganization === 'spots'">
-					<Feed
-			      :states="{
-			        empty: {
-			          title: 'No Spots Found',
-			          description: 'Currently, there are no spots available.'
-			        }
-			      }"
-			      :store="{
-			        read: (options) => spots.actions.read(options),
-			        state: organization.state
-			      }"
-			      :options="{
-			        	user: auth.state.user._id,
-								organization: route.params._id,
-								limit: 10
-			      }"
-			      v-slot="{ 
-			        items 
-			      }"
-			    >
-			    	<CardSpot
-		          v-for="(spot, index) in items"
-		          :key="index"
-		          :spot="spot"
-		          :organization="organization.state.current"
-		          :editAccess="hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)"
-		          :showDeliveryOptions="true"
-		          :showPaymentOptions="true"
-		          class="radius-medium h-min-big bg-light mn-b-thin"
-		        />
-			    </Feed>
-
-			    <button
-	          v-if="hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)"
-	          @click="$router.push(`/spots/${organization.state.current._id}/spots/create`)"
-	          class="mn-b-thin bg-main button w-100"
-	        >
-	          Add spot
-	        </button>
-
-				</div>
-			</transition>
-
+						<button 
+							class="w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+						>
+							Report
+						</button>
+					</FormReport>
+
+					<ButtonToggleMembership
+						v-if="auth.state.user._id && auth.state.user._id !== organization.state.current.owner"
+			      :user="auth.state.user._id"
+			      :type="'organization'" 
+	      	:role="'blocked'" 
+			      :target="organization.state.current._id" 
+			      :status="organization.state.current.isBlocked" 
+			      :text="{create: 'Block', remove: 'Unblock'}"
+			      @updateMembership="event => handleMembershipUpdate(event, 'isBlocked')"
+			       class="t-white w-100 mn-t-thin bg-red" 
+	    	/>
+				</section>
+	    </Dropdown>
+
+	   <router-link
+				v-if="auth.state.user._id === organization.state.current.owner"
+	      :to="{
+					name: 'Organization Edit', 
+					params: {
+						_id: organization.state.current._id
+					}
+				}" 
+	      class="
+	      	z-index-2
+	        cursor-pointer 
+	        pos-absolute pos-t-regular pos-r-regular
+	        radius-extra pd-thin bg-second
+	      "
+	    >
+	      <IconEdit
+	        class="i-regular"
+	        classes="fill-white"
+	      />
+	    </router-link>
+
+
+			<img loading="lazy" 
+				v-if="organization.state.current.profile.photo" 
+				:src="(FILE_SERVER_URL || '') + organization.state.current.profile.photo" 
+				class="radius-big bg-light flex-center flex mn-b-small w-8r" 
+			/>
+
+			<PlaceholderOrganizationPic
+				v-else
+				class="radius-medium mn-b-small i-extra"
+			/>
+
+	    <h1
+	    	class="mn-b-thin"
+	    >
+	  		{{ organization.state.current.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.state.current.numberOfSubscribers}} followers</p>
+
+	      <ButtonToggleMembership
+	        v-if="
+		      	auth.state.user._id 
+		      	&& route.params._id 
+		      	&& route.params._id !== auth.state.user._id
+		      	&& organization.state.current.owner !== auth.state.user._id
+		      "
+	        :user="auth.state.user._id"
+	        :type="'organization'" 
+	        :role="'subscriber'" 
+	        :target="organization.state.current._id" 
+	        :status="organization.state.current.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-semi">
+	   		<Text :text="organization.profile.description || ''" :showToggleText="true" :maxLen="320" />
+	  	</p>   -->
+
+	  	<Chips 
+	    	v-if="organization.state.current.profile?.tags?.length > 0" 
+	    	:chips="organization.state.current.profile.tags"
+	    	class="p-medium"
+	   	/>
+
+
+	    <h4 
+	    	v-if="Object.values(organization.state.current.socials).some(value => value)" 
+	    	class="mn-t-small mn-b-thin"
+	    >
+	  		Find us in socials
+	  	</h4>
+	  	
+	   	<Socials 
+	   		:telegram="organization.state.current.socials.telegram"
+	   		:facebook="organization.state.current.socials.facebook"
+	   		:instagram="organization.state.current.socials.instagram"
+	   		:twitter="organization.state.current.socials.twitter"
+	   		:youtube="organization.state.current.socials.youtube"
+	   	/>
+		</section>
+
+		<!-- Organization Info Section -->
+		<div class="pos-relative">
+			<div class="bg-light radius-medium pd-medium">
+				<h3 class="mn-b-small">About {{ organization.state.current?.profile?.name }}</h3>
+				<p v-if="organization.state.current?.profile?.description" class="t-medium">
+					{{ organization.state.current.profile.description }}
+				</p>
+				<p v-else class="t-medium t-black-transp-60">
+					No description available.
+				</p>
+			</div>
 		</div>
 	</div>
 </template>
@@ -177,45 +152,38 @@
 	import { useRoute, useRouter } from 'vue-router'
 	// Import components
 	import Breadcrumbs 	from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'
-	import Tab  		from '@martyrs/src/components/Tab/Tab.vue'
 	import Block  		from '@martyrs/src/components/Block/Block.vue'
-	import Feed from '@martyrs/src/components/Feed/Feed.vue'
-	// Community
-	  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';
+	import Dropdown from "@martyrs/src/components/Dropdown/Dropdown.vue";
+	import Text  		from '@martyrs/src/components/Text/Text.vue'
+	import Chips  from '@martyrs/src/components/Chips/Chips.vue'
 	// Mobile Module
 	import Menu from '@martyrs/src/components/Menu/Menu.vue'
 	import MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'
+	// Icons
+	import IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'
+	import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'
+	import IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'
+	import PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'
 	// Organizations
 	import DepartmentSub from '@martyrs/src/modules/organizations/components/blocks/DepartmentSub.vue';
-	import DetailsTabSection from '@martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue'
+	import ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'
+	import Contacts from '@martyrs/src/modules/organizations/components/blocks/Contacts.vue'
+	import Rating from '@martyrs/src/modules/organizations/components/blocks/Rating.vue'
+	import Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'
 	import User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';
-	// Feeds
-	import FeedEvents from '@martyrs/src/modules/events/components/sections/Feed.vue'; 
-	// Spots
-	import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue';	
-	// Local
-	import Products from '@martyrs/src/modules/products/components/pages/Products.vue';
+	// Report Module
+	import FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'
 	// Import state
 	import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
 	import * as organization from '@martyrs/src/modules/organizations/store/organizations.js';
 	import * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';
 	import * as departments from '@martyrs/src/modules/organizations/store/departments.js';
-	// Community
-  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';
-	// Spots
-	import * as spots from '@martyrs/src/modules/spots/store/spots.js';
 	// Init router
 	const router 	= useRouter()
 	const route 	= useRoute()
-	// Accesing state
-	let tab = route.query.tab ? route.query.tab : 'products';
 
 	const organizationData = ref(null)
 
-	const tabOrganization = ref(tab)
-
-	route.query.tab = tabOrganization.value
-
 	onMounted(async () => {
 		
 		organizationData.value = await organization.actions.read({
@@ -237,30 +205,11 @@
 		}
 	})
 
-	watch(tabOrganization, (newValue) => {
-	  router.replace({ query: { ...route.query, tab: newValue } });
-	});
+	// Methods
+	const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+	  memberships.mutations.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)
+	};
 </script>
 
 <style lang="scss">
-	.slide-fade-enter-active {
-		// min-height: 100vh;
-	  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	.slide-fade-leave-active {
-		// min-height: 100vh;
-	  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	.slide-fade-enter-from,
-	.slide-fade-leave-to {
-		min-height: 0;
-		position: absolute;
-	  transform: translateX(20px);
-	  opacity: 0;
-	  left: 0;
-	  top: 0;
-	}
-
 </style>

package/src/modules/organizations/configs/navigation.organization.config.js

@@ -10,6 +10,7 @@ import IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue';
 import IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue';
 import IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue';
 import IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue';
+import IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';
 
 // Import global mixins for access control
 import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';
@@ -19,6 +20,7 @@ const { hasAccess } = useGlobalMixins();
 export const navigationItems = [
   {
     category: 'Organization',
+    visible: () => true, // Always visible - has both public and private items
     items: [
       {
         title: 'Profile',
@@ -27,13 +29,7 @@ export const navigationItems = [
           name: 'Organization',
           params: { _id: route.params._id }
         }),
-        visible: (auth, route) => hasAccess(
-          route.params._id, 
-          'members', 
-          'read', 
-          auth.accesses, 
-          auth.access.roles
-        )
+        visible: () => true // Public access
       },
       {
         title: 'Members',
@@ -42,13 +38,7 @@ export const navigationItems = [
           name: 'Organization Members',
           params: { _id: route.params._id }
         }),
-        visible: (auth, route) => hasAccess(
-          route.params._id, 
-          'members', 
-          'read', 
-          auth.accesses, 
-          auth.access.roles
-        )
+        visible: () => true // Public access
       },
       {
         title: 'Settings',
@@ -68,7 +58,8 @@ export const navigationItems = [
     ]
   },
   {
-    category: 'Shop',
+    category: 'Discover',
+    visible: () => true, // Always visible - public category
     items: [
       {
         title: 'Products',
@@ -77,14 +68,50 @@ export const navigationItems = [
           name: 'Organization_Products',
           params: { _id: route.params._id }
         }),
-        visible: (auth, route) => hasAccess(
-          route.params._id, 
-          'products', 
-          'read', 
-          auth.accesses, 
-          auth.access.roles
-        )
+        visible: () => true // Public access
+      },
+      {
+        title: 'Events',
+        iconComponent: IconEvents,
+        route: (auth, route) => ({
+          name: 'Organization_Events',
+          params: { _id: route.params._id }
+        }),
+        visible: () => true // Public access
+      },
+      {
+        title: 'Posts',
+        iconComponent: IconCommunity,
+        route: (auth, route) => ({
+          name: 'Organization_Posts',
+          params: { _id: route.params._id }
+        }),
+        visible: () => true // Public access
+      },
+      {
+        title: 'Spots',
+        iconComponent: IconAddress,
+        route: (auth, route) => ({
+          name: 'Organization_Spots',
+          params: { _id: route.params._id }
+        }),
+        visible: () => true // Public access
+      },
+      {
+        title: 'Gallery',
+        iconComponent: IconGallery,
+        route: (auth, route) => ({
+          name: 'Backoffice Gallery',
+          params: { _id: route.params._id }
+        }),
+        visible: () => true // Public access
       },
+    ]
+  },
+  {
+    category: 'Management',
+    visible: (auth, route) => auth.state && auth.state.user && auth.state.user._id, // Only for authenticated users
+    items: [
       {
         title: 'Categories',
         iconComponent: IconPrice,
@@ -115,16 +142,11 @@ export const navigationItems = [
           auth.access.roles
         )
       },
-    ]
-  },
-  {
-    category: 'Orders & Sales',
-    items: [
       {
-        title: 'Orders',
-        iconComponent: IconOrders,
+        title: 'Rents',
+        iconComponent: IconEvents,
         route: (auth, route) => ({
-          name: 'OrganizationOrdersList',
+          name: 'Organization_Rents',
           params: { _id: route.params._id }
         }),
         visible: (auth, route) => hasAccess(
@@ -135,11 +157,17 @@ export const navigationItems = [
           auth.access.roles
         )
       },
+    ]
+  },
+  {
+    category: 'Orders & Sales',
+    visible: (auth, route) => auth.state && auth.state.user && auth.state.user._id, // Only for authenticated users
+    items: [
       {
-        title: 'Rents',
-        iconComponent: IconEvents,
+        title: 'Orders',
+        iconComponent: IconOrders,
         route: (auth, route) => ({
-          name: 'Organization_Rents',
+          name: 'OrganizationOrdersList',
           params: { _id: route.params._id }
         }),
         visible: (auth, route) => hasAccess(
@@ -150,82 +178,38 @@ export const navigationItems = [
           auth.access.roles
         )
       },
-    ]
-  },
-  {
-    category: 'Content',
-    items: [
       {
-        title: 'Gallery',
-        iconComponent: IconGallery,
+        title: 'Customers',
+        iconComponent: IconCommunity,
         route: (auth, route) => ({
-          name: 'Backoffice Gallery',
+          name: 'OrganizationCustomers',
           params: { _id: route.params._id }
         }),
         visible: (auth, route) => hasAccess(
           route.params._id, 
-          'gallery', 
+          'orders', 
           'read', 
           auth.accesses, 
           auth.access.roles
         )
       },
       {
-        title: 'Events',
-        iconComponent: IconEvents,
+        title: 'Applications',
+        iconComponent: IconOrders,
         route: (auth, route) => ({
-          name: 'Organization_Events Backoffice',
+          name: 'OrganizationApplications',
           params: { _id: route.params._id }
         }),
         visible: (auth, route) => hasAccess(
           route.params._id, 
-          'events', 
+          'orders', 
           'read', 
           auth.accesses, 
           auth.access.roles
         )
       },
-      // Закомментированные пункты меню из оригинала также можно добавить при необходимости
-      // {
-      //   title: 'Community',
-      //   iconComponent: IconCommunity,
-      //   route: (auth, route) => ({
-      //     name: 'Backoffice Community',
-      //     params: { _id: route.params._id }
-      //   }),
-      // },
-      // {
-      //   title: 'Payments',
-      //   icon: '💰',
-      //   route: (auth, route) => ({
-      //     name: 'Payments',
-      //     params: { _id: route.params._id }
-      //   }),
-      // },
     ]
   },
-  // Закомментированное меню из оригинала
-  // {
-  //   category: 'System',
-  //   items: [
-  //     {
-  //       title: 'Organizations',
-  //       iconComponent: IconGroups,
-  //       route: (auth, route) => ({
-  //         name: 'Backoffice Organizations',
-  //         params: { _id: route.params._id }
-  //       }),
-  //     },
-  //     {
-  //       title: 'Reports',
-  //       icon: '📊',
-  //       route: (auth, route) => ({
-  //         name: 'Backoffice Reports',
-  //         params: { _id: route.params._id }
-  //       }),
-  //     },
-  //   ]
-  // },
 ];
 
 export default navigationItems;

package/src/modules/organizations/organizations.client.js

@@ -26,7 +26,6 @@ import Socials from './components/blocks/Socials.vue';
 import Unit from './components/blocks/Unit.vue';
 
 // Sections
-import DetailsTabSection from './components/sections/DetailsTabSection.vue';
 import Documents from './components/sections/Documents.vue';
 import MembersAdd from './components/sections/MembersAdd.vue';
 import OrganizationsSection from './components/sections/Organizations.vue';
@@ -56,7 +55,6 @@ export {
   Department,
   DepartmentEdit,
   DepartmentSub,
-  DetailsTabSection,
   Documents,
   EmptyState,
   MembersAdd,
@@ -105,7 +103,6 @@ const ModuleOrganization = {
       Socials,
       // Sections
       MembersAdd,
-      DetailsTabSection,
       OrganizationsSection,
       Publics,
       Documents,