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

@ozdao/prometheus-framework 0.2.203 → 0.2.205

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}