npm - @ozdao/prometheus-framework - Versions diffs - 0.2.203 → 0.2.205 - Mend

@ozdao/prometheus-framework 0.2.203 → 0.2.205

Files changed (164) hide show

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
-;/* empty css                                     */
+;/* empty css                                      */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                             */
 const DetailsTab = ;/* empty css                           */
@@ -35,6 +35,7 @@ const _sfc_main = {
     const route = vueRouter.useRoute();
     let tab = route.query.tab ? route.query.tab : "products";
     const organizationData = vue.ref(null);
+    const tabOrganization = vue.ref(tab);
     vue.onMounted(async () => {
       organizationData.value = await organizations.actions.read({
         _id: route.params._id,
@@ -42,15 +43,13 @@ const _sfc_main = {
       });
       await memberships.actions.read({ target: route.params._id });
     });
-    const tabOrganization = vue.ref(tab);
-    route.query.tab = tabOrganization.value;
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
       return organizationData.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(DetailsTab.default, {
           organization: organizations.state.current,
           user: auth.state.user,
-          class: "mn-b-semi"
+          class: "mn-b-thin"
         }, null, 8, ["organization", "user"]),
         vue.createVNode(Tab.default, {
           selected: tabOrganization.value,
@@ -61,7 +60,7 @@ const _sfc_main = {
             { name: "Events", value: "events" },
             { name: "Spots", value: "spots" }
           ],
-          class: "mn-b-small o-hidden h5 radius-big bg-light"
+          class: "mn-b-thin o-hidden h5 radius-small bg-light"
         }, null, 8, ["selected"]),
         vue.createElementVNode("div", _hoisted_2, [
           vue.createVNode(vue.Transition, { name: "slide-fade" }, {

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Organization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTab \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-~~semi~~\"\n\t\t~~/>\~~n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-~~small~~ o-hidden h5 radius-~~big~~ bg-light\"\n\t\t/>\n\n\t\t<div class=\"pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t <Feed\n\t\t \tv-if=\"tabOrganization === 'community'\"\n\t\t\t :showLoadMore=\"false\"\n\t\t\t :states=\"{\n\t\t\t empty: {\n\t\t\t title: 'No Blog Posts Found',\n\t\t\t description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t }\n\t\t\t }\"\n\t\t\t :store=\"{\n\t\t\t read: (options) => blog.read(options)\n\t\t\t }\"\n\t\t\t :options=\"{\n\t\t\t status: 'published',\n\t\t\t user: auth.state.user._id,\n\t\t\t owner: route.params._id,\n\t\t\t }\"\n\t\t\t v-slot=\"{ \n\t\t\t items \n\t\t\t }\"\n\t\t\t class=\"row-1 gap-thin\"\n\t\t\t >\n\t\t\t <CardBlogpost \n\t\t\t v-for=\"item in items\" \n\t\t\t :key=\"item._id\" \n\t\t\t :blogpost=\"item\" \n\t\t\t :user=\"auth.state.user._id\" \n\t\t\t class=\"h-max-40r mn-b-medium\"\n\t\t\t />\n\t\t\t </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t<Block\n\t\t\t\tv-if=\"tabOrganization === 'products' && auth.state.user._id === organization.state.current.owner\"\n\t\t\t\tclass=\"flex-nowrap\t gap-thin mn-b-small flex\"\n\t\t\t>\n\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\"bg-black t-white uppercase t-semi pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'ProductAdd', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tAdd Product\n\t\t\t\t</router-link>\n\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\" uppercase t-semi pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tChange Invetory\n\t\t\t\t</router-link>\n\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\"d-block mn-l-auto uppercase t-semi bg-white pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tGo to Backoffice\n\t\t\t\t</router-link>\n\n\t\t\t</Block>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t/>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t :states=\"{\n\t\t\t empty: {\n\t\t\t title: 'No Spots Found',\n\t\t\t description: 'Currently, there are no spots available.'\n\t\t\t }\n\t\t\t }\"\n\t\t\t :store=\"{\n\t\t\t read: (options) => spots.actions.read(route.params._id),\n\t\t\t state: organization.state\n\t\t\t }\"\n\t\t\t :options=\"{\n\t\t\t \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t }\"\n\t\t\t v-slot=\"{ \n\t\t\t items \n\t\t\t }\"\n\t\t\t >\n\t\t\t \t<CardSpot\n\t\t v-for=\"(spot, index) in items\"\n\t\t :key=\"index\"\n\t\t :spot=\"spot\"\n\t\t :organization=\"organization.state.current\"\n\t\t class=\"radius-big bg-light mn-b-thin\"\n\t\t />\n\t\t\t </Feed>\n\n\t\t\t <button\n\t v-if=\"auth.state.user._id === organization.state.current.owner\"\n\t @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t class=\"mn-b-thin bg-main button w-100\"\n\t >\n\t Add spot\n\t </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\timport Block \t\tfrom '@pf/src/components/Block/Block.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\t// Community\n\t import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@pf/src/components/Menu/Menu.vue'\n\timport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@pf/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTab from '@pf/src/modules/organizations/components/sections/DetailsTab.vue';\n\timport User from '@pf/src/modules/users/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@pf/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@pf/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\n\timport Products from '@pf/src/modules/products/components/pages/Products.vue';\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organization from '@pf/src/modules/organizations/store/organizations';\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships';\n\timport * as departments from '@pf/src/modules/organizations/store/departments';\n\t// Community\n import * as blog from '@pf/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@pf/src/modules/spots/store/spots';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id\n\t\t})\n\n \t\tawait memberships.actions.read({target: route.params._id})\n\t})\n\n\~~tconst tabOrganization = ref(tab)\~~n\n\~~troute.query.tab = tabOrganization.value\~~n\n\t// watch(tabOrganization, (newValue) => {\n\t// router.~~replace({~~ query: ~~null});\~~n\t// });\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAyMiBA~~,wBAAW;AAC3B,UAAM,QAASC,UAAAA,SAAU;AAEzB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmBC,IAAG,IAAC,IAAI;~~AAEjCC~~,QAAAA,UAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMC,cAAoB,QAAC,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,MACzB,CAAG;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAAA,IAC5D,CAAE~~;AAED,UAAM,kBAAkBJ,IAAG,IAAC,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Organization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTab \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTab>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-hidden h5 radius-small bg-light\"\n\t\t/>\n\n\t\t<div class=\"pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t <Feed\n\t\t \tv-if=\"tabOrganization === 'community'\"\n\t\t\t :showLoadMore=\"false\"\n\t\t\t :states=\"{\n\t\t\t empty: {\n\t\t\t title: 'No Blog Posts Found',\n\t\t\t description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t }\n\t\t\t }\"\n\t\t\t :store=\"{\n\t\t\t read: (options) => blog.read(options)\n\t\t\t }\"\n\t\t\t :options=\"{\n\t\t\t status: 'published',\n\t\t\t user: auth.state.user._id,\n\t\t\t owner: route.params._id,\n\t\t\t }\"\n\t\t\t v-slot=\"{ \n\t\t\t items \n\t\t\t }\"\n\t\t\t class=\"row-1 gap-thin\"\n\t\t\t >\n\t\t\t <CardBlogpost \n\t\t\t v-for=\"item in items\" \n\t\t\t :key=\"item._id\" \n\t\t\t :blogpost=\"item\" \n\t\t\t :user=\"auth.state.user._id\" \n\t\t\t class=\"h-max-40r mn-b-medium\"\n\t\t\t />\n\t\t\t </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t<Block\n\t\t\t\tv-if=\"tabOrganization === 'products' && auth.state.user._id === organization.state.current.owner\"\n\t\t\t\tclass=\"flex-nowrap\t gap-thin mn-b-small flex\"\n\t\t\t>\n\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\"bg-black t-white uppercase t-semi pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'ProductAdd', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tAdd Product\n\t\t\t\t</router-link>\n\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\" uppercase t-semi pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tChange Invetory\n\t\t\t\t</router-link>\n\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\"d-block mn-l-auto uppercase t-semi bg-white pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tGo to Backoffice\n\t\t\t\t</router-link>\n\n\t\t\t</Block>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t/>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t :states=\"{\n\t\t\t empty: {\n\t\t\t title: 'No Spots Found',\n\t\t\t description: 'Currently, there are no spots available.'\n\t\t\t }\n\t\t\t }\"\n\t\t\t :store=\"{\n\t\t\t read: (options) => spots.actions.read(route.params._id),\n\t\t\t state: organization.state\n\t\t\t }\"\n\t\t\t :options=\"{\n\t\t\t \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t }\"\n\t\t\t v-slot=\"{ \n\t\t\t items \n\t\t\t }\"\n\t\t\t >\n\t\t\t \t<CardSpot\n\t\t v-for=\"(spot, index) in items\"\n\t\t :key=\"index\"\n\t\t :spot=\"spot\"\n\t\t :organization=\"organization.state.current\"\n\t\t class=\"radius-big bg-light mn-b-thin\"\n\t\t />\n\t\t\t </Feed>\n\n\t\t\t <button\n\t v-if=\"auth.state.user._id === organization.state.current.owner\"\n\t @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t class=\"mn-b-thin bg-main button w-100\"\n\t >\n\t Add spot\n\t </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\timport Block \t\tfrom '@pf/src/components/Block/Block.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\t// Community\n\t import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@pf/src/components/Menu/Menu.vue'\n\timport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@pf/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTab from '@pf/src/modules/organizations/components/sections/DetailsTab.vue';\n\timport User from '@pf/src/modules/users/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@pf/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@pf/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\n\timport Products from '@pf/src/modules/products/components/pages/Products.vue';\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organization from '@pf/src/modules/organizations/store/organizations';\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships';\n\timport * as departments from '@pf/src/modules/organizations/store/departments';\n\t// Community\n import * as blog from '@pf/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@pf/src/modules/spots/store/spots';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\tconst tabOrganization = ref(tab)\n\t// route.query.tab = tabOrganization.value\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id\n\t\t})\n\n \t\tawait memberships.actions.read({target: route.params._id})\n\t})\n\n\n\n\n\t// watch(tabOrganization, (newValue) => {\n\t// router.query.tab = newValue\n\t// });\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n</style>\n"],"names":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2MiBA,wBAAW;AAC3B,UAAM,QAASC,UAAAA,SAAU;AAEzB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmBC,IAAG,IAAC,IAAI;AACjC,UAAM,kBAAkBA,IAAG,IAAC,GAAG;AAG/BC,QAAAA,UAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMC,cAAoB,QAAC,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,MACzB,CAAG;AAEA,YAAMC,YAAAA,QAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAAA,IAC5D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$6 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../community/components/blocks/CardBlogpost.vue.js";
-/* empty css                                   */
+/* empty css                                    */
 import "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                           */
 import _sfc_main$1 from "../sections/DetailsTab.vue.js";
@@ -33,6 +33,7 @@ const _sfc_main = {
     const route = useRoute();
     let tab = route.query.tab ? route.query.tab : "products";
     const organizationData = ref(null);
+    const tabOrganization = ref(tab);
     onMounted(async () => {
       organizationData.value = await actions.read({
         _id: route.params._id,
@@ -40,15 +41,13 @@ const _sfc_main = {
       });
       await actions$1.read({ target: route.params._id });
     });
-    const tabOrganization = ref(tab);
-    route.query.tab = tabOrganization.value;
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return organizationData.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$1, {
           organization: state$1.current,
           user: state.user,
-          class: "mn-b-semi"
+          class: "mn-b-thin"
         }, null, 8, ["organization", "user"]),
         createVNode(_sfc_main$2, {
           selected: tabOrganization.value,
@@ -59,7 +58,7 @@ const _sfc_main = {
             { name: "Events", value: "events" },
             { name: "Spots", value: "spots" }
           ],
-          class: "mn-b-small o-hidden h5 radius-big bg-light"
+          class: "mn-b-thin o-hidden h5 radius-small bg-light"
         }, null, 8, ["selected"]),
         createElementVNode("div", _hoisted_2, [
           createVNode(Transition, { name: "slide-fade" }, {

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTab \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-~~semi~~\"\n\t\t~~/>\~~n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-~~small~~ o-hidden h5 radius-~~big~~ bg-light\"\n\t\t/>\n\n\t\t<div class=\"pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t <Feed\n\t\t \tv-if=\"tabOrganization === 'community'\"\n\t\t\t :showLoadMore=\"false\"\n\t\t\t :states=\"{\n\t\t\t empty: {\n\t\t\t title: 'No Blog Posts Found',\n\t\t\t description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t }\n\t\t\t }\"\n\t\t\t :store=\"{\n\t\t\t read: (options) => blog.read(options)\n\t\t\t }\"\n\t\t\t :options=\"{\n\t\t\t status: 'published',\n\t\t\t user: auth.state.user._id,\n\t\t\t owner: route.params._id,\n\t\t\t }\"\n\t\t\t v-slot=\"{ \n\t\t\t items \n\t\t\t }\"\n\t\t\t class=\"row-1 gap-thin\"\n\t\t\t >\n\t\t\t <CardBlogpost \n\t\t\t v-for=\"item in items\" \n\t\t\t :key=\"item._id\" \n\t\t\t :blogpost=\"item\" \n\t\t\t :user=\"auth.state.user._id\" \n\t\t\t class=\"h-max-40r mn-b-medium\"\n\t\t\t />\n\t\t\t </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t<Block\n\t\t\t\tv-if=\"tabOrganization === 'products' && auth.state.user._id === organization.state.current.owner\"\n\t\t\t\tclass=\"flex-nowrap\t gap-thin mn-b-small flex\"\n\t\t\t>\n\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\"bg-black t-white uppercase t-semi pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'ProductAdd', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tAdd Product\n\t\t\t\t</router-link>\n\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\" uppercase t-semi pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tChange Invetory\n\t\t\t\t</router-link>\n\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\"d-block mn-l-auto uppercase t-semi bg-white pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tGo to Backoffice\n\t\t\t\t</router-link>\n\n\t\t\t</Block>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t/>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t :states=\"{\n\t\t\t empty: {\n\t\t\t title: 'No Spots Found',\n\t\t\t description: 'Currently, there are no spots available.'\n\t\t\t }\n\t\t\t }\"\n\t\t\t :store=\"{\n\t\t\t read: (options) => spots.actions.read(route.params._id),\n\t\t\t state: organization.state\n\t\t\t }\"\n\t\t\t :options=\"{\n\t\t\t \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t }\"\n\t\t\t v-slot=\"{ \n\t\t\t items \n\t\t\t }\"\n\t\t\t >\n\t\t\t \t<CardSpot\n\t\t v-for=\"(spot, index) in items\"\n\t\t :key=\"index\"\n\t\t :spot=\"spot\"\n\t\t :organization=\"organization.state.current\"\n\t\t class=\"radius-big bg-light mn-b-thin\"\n\t\t />\n\t\t\t </Feed>\n\n\t\t\t <button\n\t v-if=\"auth.state.user._id === organization.state.current.owner\"\n\t @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t class=\"mn-b-thin bg-main button w-100\"\n\t >\n\t Add spot\n\t </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\timport Block \t\tfrom '@pf/src/components/Block/Block.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\t// Community\n\t import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@pf/src/components/Menu/Menu.vue'\n\timport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@pf/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTab from '@pf/src/modules/organizations/components/sections/DetailsTab.vue';\n\timport User from '@pf/src/modules/users/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@pf/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@pf/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\n\timport Products from '@pf/src/modules/products/components/pages/Products.vue';\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organization from '@pf/src/modules/organizations/store/organizations';\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships';\n\timport * as departments from '@pf/src/modules/organizations/store/departments';\n\t// Community\n import * as blog from '@pf/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@pf/src/modules/spots/store/spots';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id\n\t\t})\n\n \t\tawait memberships.actions.read({target: route.params._id})\n\t})\n\n\~~tconst tabOrganization = ref(tab)\~~n\n\~~troute.query.tab = tabOrganization.value\~~n\n\t// watch(tabOrganization, (newValue) => {\n\t// router.~~replace({~~ query: ~~null});\~~n\t// });\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n</style>\n"],"names":["organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAyMiB~~,cAAW;AAC3B,UAAM,QAAS,SAAU;AAEzB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmB,IAAI,IAAI;~~AAEjC~~,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,MACzB,CAAG;AAEA,YAAMC,UAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAAA,IAC5D,CAAE~~;AAED,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-big\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<DetailsTab \t\n\t\t\t:organization=\"organization.state.current\" \n\t\t\t:user=\"auth.state.user\"\n\t\t\tclass=\"mn-b-thin\"\n\t\t>\n\n\t\t</DetailsTab>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Community', value: 'community' },\n\t\t\t\t{ name: 'Menu', value: 'products' },\t\n\t\t\t\t{ name: 'Events', value: 'events' },\n\t\t\t\t{ name: 'Spots', value: 'spots' }\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-thin o-hidden h5 radius-small bg-light\"\n\t\t/>\n\n\t\t<div class=\"pos-relative\">\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t <Feed\n\t\t \tv-if=\"tabOrganization === 'community'\"\n\t\t\t :showLoadMore=\"false\"\n\t\t\t :states=\"{\n\t\t\t empty: {\n\t\t\t title: 'No Blog Posts Found',\n\t\t\t description: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t }\n\t\t\t }\"\n\t\t\t :store=\"{\n\t\t\t read: (options) => blog.read(options)\n\t\t\t }\"\n\t\t\t :options=\"{\n\t\t\t status: 'published',\n\t\t\t user: auth.state.user._id,\n\t\t\t owner: route.params._id,\n\t\t\t }\"\n\t\t\t v-slot=\"{ \n\t\t\t items \n\t\t\t }\"\n\t\t\t class=\"row-1 gap-thin\"\n\t\t\t >\n\t\t\t <CardBlogpost \n\t\t\t v-for=\"item in items\" \n\t\t\t :key=\"item._id\" \n\t\t\t :blogpost=\"item\" \n\t\t\t :user=\"auth.state.user._id\" \n\t\t\t class=\"h-max-40r mn-b-medium\"\n\t\t\t />\n\t\t\t </Feed>\n\t\t\t</transition>\n\n\t\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<FeedEvents \n\t\t\t\t\tv-if=\"tabOrganization === 'events'\"\n\t\t\t \t:user=\"auth.state.user._id\"\n\t\t\t\t\t:owner=\"route.params._id\"\n\t\t\t\t\t:sortOrder=\"'desc'\"\n\t\t\t\t\t:sortParam=\"'date.start'\"\n\t\t\t\t/>\n\t\t\t</transition>\n\n\t\t\t<Block\n\t\t\t\tv-if=\"tabOrganization === 'products' && auth.state.user._id === organization.state.current.owner\"\n\t\t\t\tclass=\"flex-nowrap\t gap-thin mn-b-small flex\"\n\t\t\t>\n\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\"bg-black t-white uppercase t-semi pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'ProductAdd', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tAdd Product\n\t\t\t\t</router-link>\n\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\" uppercase t-semi pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'Leftovers', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tChange Invetory\n\t\t\t\t</router-link>\n\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tclass=\"d-block mn-l-auto uppercase t-semi bg-white pd-thin radius-extra \"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname:'Backoffice', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\tGo to Backoffice\n\t\t\t\t</router-link>\n\n\t\t\t</Block>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Products \n\t\t\t\t\tv-if=\"tabOrganization === 'products'\"\n\t\t\t\t\t:organization=\"organization.state.current\"\n\t\t\t\t/>\n\n\t\t\t</transition>\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabOrganization === 'spots'\">\n\t\t\t\t\t<Feed\n\t\t\t :states=\"{\n\t\t\t empty: {\n\t\t\t title: 'No Spots Found',\n\t\t\t description: 'Currently, there are no spots available.'\n\t\t\t }\n\t\t\t }\"\n\t\t\t :store=\"{\n\t\t\t read: (options) => spots.actions.read(route.params._id),\n\t\t\t state: organization.state\n\t\t\t }\"\n\t\t\t :options=\"{\n\t\t\t \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t }\"\n\t\t\t v-slot=\"{ \n\t\t\t items \n\t\t\t }\"\n\t\t\t >\n\t\t\t \t<CardSpot\n\t\t v-for=\"(spot, index) in items\"\n\t\t :key=\"index\"\n\t\t :spot=\"spot\"\n\t\t :organization=\"organization.state.current\"\n\t\t class=\"radius-big bg-light mn-b-thin\"\n\t\t />\n\t\t\t </Feed>\n\n\t\t\t <button\n\t v-if=\"auth.state.user._id === organization.state.current.owner\"\n\t @click=\"$router.push(`/spots/${organization.state.current._id}/spots/create`)\"\n\t class=\"mn-b-thin bg-main button w-100\"\n\t >\n\t Add spot\n\t </button>\n\n\t\t\t\t</div>\n\t\t\t</transition>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Tab \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\timport Block \t\tfrom '@pf/src/components/Block/Block.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\t// Community\n\t import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\t// Mobile Module\n\timport Menu from '@pf/src/components/Menu/Menu.vue'\n\timport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\t// Organizations\n\timport DepartmentSub from '@pf/src/modules/organizations/components/blocks/DepartmentSub.vue';\n\timport DetailsTab from '@pf/src/modules/organizations/components/sections/DetailsTab.vue';\n\timport User from '@pf/src/modules/users/components/blocks/CardUser.vue';\n\t// Feeds\n\timport FeedEvents from '@pf/src/modules/events/components/sections/Feed.vue'; \n\t// Spots\n\timport CardSpot from '@pf/src/modules/spots/components/blocks/CardSpot.vue';\t\n\t// Local\n\timport Products from '@pf/src/modules/products/components/pages/Products.vue';\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organization from '@pf/src/modules/organizations/store/organizations';\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships';\n\timport * as departments from '@pf/src/modules/organizations/store/departments';\n\t// Community\n import * as blog from '@pf/src/modules/community/store/blogposts.js';\n\t// Spots\n\timport * as spots from '@pf/src/modules/spots/store/spots';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\t// Accesing state\n\tlet tab = route.query.tab ? route.query.tab : 'products';\n\n\tconst organizationData = ref(null)\n\tconst tabOrganization = ref(tab)\n\t// route.query.tab = tabOrganization.value\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id\n\t\t})\n\n \t\tawait memberships.actions.read({target: route.params._id})\n\t})\n\n\n\n\n\t// watch(tabOrganization, (newValue) => {\n\t// router.query.tab = newValue\n\t// });\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t\tposition: absolute;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n</style>\n"],"names":["organization.actions","auth.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2MiB,cAAW;AAC3B,UAAM,QAAS,SAAU;AAEzB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,mBAAmB,IAAI,IAAI;AACjC,UAAM,kBAAkB,IAAI,GAAG;AAG/B,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,MACzB,CAAG;AAEA,YAAMC,UAAoB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAAA,IAC5D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
+const Menu = require("../../../../components/Menu/Menu.vue.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                    */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, unref, createBlock, createCommentVNode, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                  */
 import _sfc_main$3 from "../../../icons/entities/IconProducts.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs CHANGED Viewed

@@ -7,11 +7,11 @@ require("vue-i18n");
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-;/* empty css                                       */
+;/* empty css                                        */
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");
 require("../../store/memberships.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.js CHANGED Viewed

@@ -5,11 +5,11 @@ import "vue-i18n";
 import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue2.js";
-/* empty css                                       */
+/* empty css                                        */
 import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                     */
+/* empty css                                      */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/organizations.js";
 import "../../store/memberships.js";

package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTab.vue.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const Text = require("../../../../components/Text/Text.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
@@ -38,106 +38,100 @@ const _sfc_main = {
       memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, { name: "slide-fade" }, {
-        default: vue.withCtx(() => {
-          var _a, _b;
-          return [
-            vue.createElementVNode("section", _hoisted_1, [
-              __props.user._id !== __props.organization.owner ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
-                key: 0,
-                label: { component: IconEllipsis.default, class: "i-regular t-transp" },
-                align: "right",
-                class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        __props.user._id !== __props.organization.owner ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
+          key: 0,
+          label: { component: IconEllipsis.default, class: "i-regular t-transp" },
+          align: "right",
+          class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("section", _hoisted_2, [
+              vue.createVNode(FormReport.default, {
+                user: __props.user._id,
+                type: "organization",
+                target: __props.organization._id,
+                text: "Report",
+                class: "w-100"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("section", _hoisted_2, [
-                    vue.createVNode(FormReport.default, {
-                      user: __props.user._id,
-                      type: "organization",
-                      target: __props.organization._id,
-                      text: "Report",
-                      class: "w-100"
-                    }, {
-                      default: vue.withCtx(() => [
-                        _hoisted_3
-                      ]),
-                      _: 1
-                    }, 8, ["user", "target"]),
-                    __props.user._id && __props.user._id !== __props.organization.owner ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
-                      key: 0,
-                      user: __props.user._id,
-                      type: "organization",
-                      role: "blocked",
-                      target: __props.organization._id,
-                      status: __props.organization.isBlocked,
-                      text: { create: "Block", remove: "Unblock" },
-                      onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
-                      class: "t-white w-100 mn-t-thin bg-red"
-                    }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
-                  ])
+                  _hoisted_3
                 ]),
                 _: 1
-              }, 8, ["label"])) : vue.createCommentVNode("", true),
-              __props.user._id === __props.organization.owner ? (vue.openBlock(), vue.createBlock(IconEdit.default, {
-                key: 1,
-                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({
-                  name: "Organization Edit",
-                  params: {
-                    _id: __props.organization._id
-                  }
-                })),
-                class: "pos-absolute cursor-pointer pos-t-big pos-r-big i-regular t-transp"
-              })) : vue.createCommentVNode("", true),
-              __props.organization.profile.photo ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 2,
-                loading: "lazy",
-                src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
-                class: "radius-big bg-light flex-center flex mn-b-small w-8r"
-              }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(PlaceholderOrganizationPic.default, {
-                key: 3,
-                class: "radius-medium mn-b-small i-extra"
-              })),
-              vue.createElementVNode("h1", _hoisted_5, vue.toDisplayString(__props.organization.profile.name), 1),
-              vue.createElementVNode("div", _hoisted_6, [
-                vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-micro t-transp" }),
-                vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
-                __props.user._id && vue.unref(route).params._id && vue.unref(route).params._id !== __props.user._id && __props.organization.owner !== __props.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
-                  key: 0,
-                  user: __props.user._id,
-                  type: "organization",
-                  role: "subscriber",
-                  target: __props.organization._id,
-                  status: __props.organization.isSubscriber,
-                  text: { create: "+", remove: "-" },
-                  onUpdateMembership: _cache[2] || (_cache[2] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-                  class: "mn-l-thin p-medium t-medium radius-extra i-semi"
-                }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
-              ]),
-              vue.createElementVNode("p", _hoisted_8, [
-                vue.createVNode(Text.default, {
-                  text: __props.organization.profile.description || "",
-                  showToggleText: true,
-                  maxLen: 320
-                }, null, 8, ["text"])
-              ]),
-              ((_b = (_a = __props.organization.profile) == null ? void 0 : _a.tags) == null ? void 0 : _b.length) > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
-                key: 4,
-                chips: __props.organization.profile.tags,
-                class: "p-medium"
-              }, null, 8, ["chips"])) : vue.createCommentVNode("", true),
-              Object.values(__props.organization.socials).some((value) => value) ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_9, " Find us in socials ")) : vue.createCommentVNode("", true),
-              vue.createVNode(Socials.default, {
-                telegram: __props.organization.socials.telegram,
-                facebook: __props.organization.socials.facebook,
-                instagram: __props.organization.socials.instagram,
-                twitter: __props.organization.socials.twitter,
-                youtube: __props.organization.socials.youtube
-              }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"])
+              }, 8, ["user", "target"]),
+              __props.user._id && __props.user._id !== __props.organization.owner ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
+                key: 0,
+                user: __props.user._id,
+                type: "organization",
+                role: "blocked",
+                target: __props.organization._id,
+                status: __props.organization.isBlocked,
+                text: { create: "Block", remove: "Unblock" },
+                onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
+                class: "t-white w-100 mn-t-thin bg-red"
+              }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
             ])
-          ];
-        }),
-        _: 1
-      });
+          ]),
+          _: 1
+        }, 8, ["label"])) : vue.createCommentVNode("", true),
+        __props.user._id === __props.organization.owner ? (vue.openBlock(), vue.createBlock(IconEdit.default, {
+          key: 1,
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({
+            name: "Organization Edit",
+            params: {
+              _id: __props.organization._id
+            }
+          })),
+          class: "pos-absolute cursor-pointer pos-t-big pos-r-big i-regular t-transp"
+        })) : vue.createCommentVNode("", true),
+        __props.organization.profile.photo ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 2,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
+          class: "radius-big bg-light flex-center flex mn-b-small w-8r"
+        }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(PlaceholderOrganizationPic.default, {
+          key: 3,
+          class: "radius-medium mn-b-small i-extra"
+        })),
+        vue.createElementVNode("h1", _hoisted_5, vue.toDisplayString(__props.organization.profile.name), 1),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-micro t-transp" }),
+          vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
+          __props.user._id && vue.unref(route).params._id && vue.unref(route).params._id !== __props.user._id && __props.organization.owner !== __props.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
+            key: 0,
+            user: __props.user._id,
+            type: "organization",
+            role: "subscriber",
+            target: __props.organization._id,
+            status: __props.organization.isSubscriber,
+            text: { create: "+", remove: "-" },
+            onUpdateMembership: _cache[2] || (_cache[2] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
+            class: "mn-l-thin p-medium t-medium radius-extra i-semi"
+          }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("p", _hoisted_8, [
+          vue.createVNode(Text.default, {
+            text: __props.organization.profile.description || "",
+            showToggleText: true,
+            maxLen: 320
+          }, null, 8, ["text"])
+        ]),
+        ((_b = (_a = __props.organization.profile) == null ? void 0 : _a.tags) == null ? void 0 : _b.length) > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
+          key: 4,
+          chips: __props.organization.profile.tags,
+          class: "p-medium"
+        }, null, 8, ["chips"])) : vue.createCommentVNode("", true),
+        Object.values(__props.organization.socials).some((value) => value) ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_9, " Find us in socials ")) : vue.createCommentVNode("", true),
+        vue.createVNode(Socials.default, {
+          telegram: __props.organization.socials.telegram,
+          facebook: __props.organization.socials.facebook,
+          instagram: __props.organization.socials.instagram,
+          twitter: __props.organization.socials.twitter,
+          youtube: __props.organization.socials.youtube
+        }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"]),
+        vue.renderSlot(_ctx.$slots, "default")
+      ]);
     };
   }
 };

package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTab.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsTab.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/DetailsTab.vue"],"sourcesContent":["<template>\n\t<~~transition name=\"slide-fade\">\n\t\t<~~section class=\"flex-center flex flex-column t-center pd-medium radius-big bg-light\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"user._id !== organization.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-regular t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"user._id && user._id !== organization.owner\"\n\t\t\t :user=\"user._id\"\n\t\t\t :type=\"'organization'\" \n\t\t \t:role=\"'blocked'\" \n\t\t\t :target=\"organization._id\" \n\t\t\t :status=\"organization.isBlocked\" \n\t\t\t :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t class=\"t-white w-100 mn-t-thin bg-red\" \n\t\t \t/>\n\t\t\t\t</section>\n </Dropdown>\n\n\t\t\t<IconEdit\n\t\t\t\tv-if=\"user._id === organization.owner\"\n\t\t\t\t@click=\"$router.push({\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization._id\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer pos-t-big pos-r-big i-regular t-transp\"\n\t\t\t/>\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n\t\t\t\tclass=\"radius-big bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n <h1\n \tclass=\"mn-b-thin\"\n >\n\t \t\t{{ organization.profile.name }}\n\t \t</h1>\n\n \t<div class=\"flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n <p class=\"mn-t-thin p-medium t-medium uppercase mn-b-thin\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n\t\t \tuser._id \n\t\t \t&& route.params._id \n\t\t \t&& route.params._id !== user._id\n\t\t \t&& organization.owner !== user._id\n\t\t \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\" mn-l-thin p-medium t-medium radius-extra i-semi\" \n />\n </div>\n\n <p class=\"w-max-50r mn-t-regular mn-b-medium p-big\">\n \t\t<Text :text=\"organization.profile.description \|\| ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n \t</p> \n\n \t<Chips \n \tv-if=\"organization.profile?.tags?.length > 0\" \n \t:chips=\"organization.profile.tags\"\n \tclass=\"p-medium\"\n \t/>\n\n\n <h4 \n \tv-if=\"Object.values(organization.socials).some(value => value)\" \n \tclass=\"mn-t-small mn-b-thin\"\n >\n \t\tFind us in socials\n \t</h4>\n \t\n \t<Socials \n \t\t:telegram=\"organization.socials.telegram\"\n \t\t:facebook=\"organization.socials.facebook\"\n \t\t:instagram=\"organization.socials.instagram\"\n \t\t:twitter=\"organization.socials.twitter\"\n \t\t:youtube=\"organization.socials.youtube\"\n \t/>\n\t\t</section>\n\n\t<!-- <h3 class=\"mn-b-small\">Rating</h3>\n \t<Rating \n \t\t:rating=\"organization.rating.median\" \n \t\t:amount=\"organization.rating.amount\"\n \t\tclass=\"pd-medium mn-b-thin radius-big bg-light\"\n \t/>\n\n \t<h3 class=\"mn-b-small\">Contacts</h3>\n <Contacts\n :website=\"organization.contacts.website\"\n :phone=\"organization.contacts.phone\"\n :email=\"organization.contacts.email\"\n :address=\"organization.contacts.address\"\n class=\"w-100 pd-medium radius-big bg-light\"\n /> -->\n\n\n\t</~~transition>\n</~~template>\n\n<script setup>\n\timport { ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\n\timport Text \t\tfrom '@pf/src/components/Text/Text.vue'\n\timport Chips from '@pf/src/components/Chips/Chips.vue'\n\t// Icons\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@pf/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Org Module\n\timport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\timport Contacts from '@pf/src/modules/organizations/components/blocks/Contacts.vue'\n\timport Rating from '@pf/src/modules/organizations/components/blocks/Rating.vue'\n\timport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n\t// Report Module\n\timport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue' \n\t// Store \n\timport * as organizations \tfrom '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships \tfrom '@pf/src/modules/organizations/store/memberships'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n\tconst props = defineProps({\n\t\torganization: Object,\n\t\tuser: Object\n\t})\n\t// Store\n\tconst route = useRoute()\n\t\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\n</style>"],"names":["useRoute","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAyKC~~,UAAM,QAAQA,UAAAA,SAAU;AAGxB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"DetailsTab.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/DetailsTab.vue"],"sourcesContent":["<template>\n\t<section class=\"flex-center flex flex-column t-center pd-medium radius-big bg-light\">\n\n\t\t<Dropdown \n\t\t\tv-if=\"user._id !== organization.owner\"\n\t\t\t:label=\"{ component: IconEllipsis, class: 'i-regular t-transp' }\"\n\t\t\t:align=\"'right'\"\n\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t>\n\t\t\t<section \n\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t>\n\t\t\t\t<FormReport \n\t\t\t\t\t:user=\"user._id\"\n\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t:target=\"organization._id\" \n\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t>\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t>\n\t\t\t\t\t\tReport\n\t\t\t\t\t</button>\n\t\t\t\t</FormReport>\n\n\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\tv-if=\"user._id && user._id !== organization.owner\"\n\t\t :user=\"user._id\"\n\t\t :type=\"'organization'\" \n\t \t:role=\"'blocked'\" \n\t\t :target=\"organization._id\" \n\t\t :status=\"organization.isBlocked\" \n\t\t :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t class=\"t-white w-100 mn-t-thin bg-red\" \n\t \t/>\n\t\t\t</section>\n </Dropdown>\n\n\t\t<IconEdit\n\t\t\tv-if=\"user._id === organization.owner\"\n\t\t\t@click=\"$router.push({\n\t\t\t\tname: 'Organization Edit', \n\t\t\t\tparams: {\n\t\t\t\t\t_id: organization._id\n\t\t\t\t}\n\t\t\t})\" \n\t\t\tclass=\"pos-absolute cursor-pointer pos-t-big pos-r-big i-regular t-transp\"\n\t\t/>\n\n\t\t<img loading=\"lazy\" \n\t\t\tv-if=\"organization.profile.photo\" \n\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n\t\t\tclass=\"radius-big bg-light flex-center flex mn-b-small w-8r\" \n\t\t/>\n\n\t\t<PlaceholderOrganizationPic\n\t\t\tv-else\n\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t/>\n\n <h1\n \tclass=\"mn-b-thin\"\n >\n \t\t{{ organization.profile.name }}\n \t</h1>\n\n \t<div class=\"flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n <p class=\"mn-t-thin p-medium t-medium uppercase mn-b-thin\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n\t \tuser._id \n\t \t&& route.params._id \n\t \t&& route.params._id !== user._id\n\t \t&& organization.owner !== user._id\n\t \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\" mn-l-thin p-medium t-medium radius-extra i-semi\" \n />\n </div>\n\n <p class=\"w-max-50r mn-t-regular mn-b-medium p-big\">\n \t\t<Text :text=\"organization.profile.description \|\| ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n \t</p> \n\n \t<Chips \n \tv-if=\"organization.profile?.tags?.length > 0\" \n \t:chips=\"organization.profile.tags\"\n \tclass=\"p-medium\"\n \t/>\n\n\n <h4 \n \tv-if=\"Object.values(organization.socials).some(value => value)\" \n \tclass=\"mn-t-small mn-b-thin\"\n >\n \t\tFind us in socials\n \t</h4>\n \t\n \t<Socials \n \t\t:telegram=\"organization.socials.telegram\"\n \t\t:facebook=\"organization.socials.facebook\"\n \t\t:instagram=\"organization.socials.instagram\"\n \t\t:twitter=\"organization.socials.twitter\"\n \t\t:youtube=\"organization.socials.youtube\"\n \t/>\n \t<slot></slot>\n\t</section>\n\n<!-- <h3 class=\"mn-b-small\">Rating</h3>\n\t<Rating \n\t\t:rating=\"organization.rating.median\" \n\t\t:amount=\"organization.rating.amount\"\n\t\tclass=\"pd-medium mn-b-thin radius-big bg-light\"\n\t/>\n\n\t<h3 class=\"mn-b-small\">Contacts</h3>\n <Contacts\n :website=\"organization.contacts.website\"\n :phone=\"organization.contacts.phone\"\n :email=\"organization.contacts.email\"\n :address=\"organization.contacts.address\"\n class=\"w-100 pd-medium radius-big bg-light\"\n /> -->\n\n\n</template>\n\n<script setup>\n\timport { ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\n\timport Text \t\tfrom '@pf/src/components/Text/Text.vue'\n\timport Chips from '@pf/src/components/Chips/Chips.vue'\n\t// Icons\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@pf/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Org Module\n\timport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\timport Contacts from '@pf/src/modules/organizations/components/blocks/Contacts.vue'\n\timport Rating from '@pf/src/modules/organizations/components/blocks/Rating.vue'\n\timport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n\t// Report Module\n\timport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue' \n\t// Store \n\timport * as organizations \tfrom '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships \tfrom '@pf/src/modules/organizations/store/memberships'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n\tconst props = defineProps({\n\t\torganization: Object,\n\t\tuser: Object\n\t})\n\t// Store\n\tconst route = useRoute()\n\t\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\n</style>"],"names":["useRoute","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKC,UAAM,QAAQA,UAAAA,SAAU;AAGxB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}